Assignment

Using d3.js framework for beautiful representation of Data

The given links gives the Jason output from the API . Now using this API you need to visualize the data in the form of bubbles using D3.js framework.

The links are given in the given API page.

This assignments will be marked on the basis of beautiful representation of the data.

Using the Jason links you have to display the output in the form of bubbles.

Requirements:

1) Using d3.js framework you have to represent the data in the form of bubbles.

2) Provision to zoom in the bubble to see the further details of related disease, their category and Toxin.

3) The bubbles should over lap with related category , Toxin and disease.

4) User of the site should get the complete picture of the and should be able to zoom in for further details.

5) have to visualize the JSON data (all the categories, diseases, toxicants ) as a whole.

6) User will navigate to other options via design area.

I have included some initial design to start the work feel free to make the changes.

Wow me with your work.Api endpoint is located here:

http://pollutantapi-aaroncheng.rhcloud.com/

If you want to make a request do the following:

http://pollutantapi-aaroncheng.rhcloud.com/category/index --> returns all categories

http://pollutantapi-aaroncheng.rhcloud.com/disease/index --> returns all diseases

http://pollutantapi-aaroncheng.rhcloud.com/toxin/index --> returns all toxins.

To do a specific search (by name)

http://pollutantapi-aaroncheng.rhcloud.com/category/search/[CATEGORY NAME]
http://pollutantapi-aaroncheng.rhcloud.com/disease/search/[DISEASE NAME]
http://pollutantapi-aaroncheng.rhcloud.com/toxin/search/[TOXIN NAME]

And as fas as this email goes, we now have the following search as well:

http://pollutantapi-aaroncheng.rhcloud.com/disease/getToxins/[DISEASE NAME]
-->returns the specified disease ALONG with all the associated toxins.
-->all toxins have an "evidence strength" to indicate how much evidence is
present for the link
-->not guaranteed to be sorted.

http://pollutantapi-aaroncheng.rhcloud.com/toxin/getDiseases/[TOXIN NAME]
-->same as above, but with toxins instead of diseases.

All of the requests above are GET requests.

Attachment:- Design2.zip