Question: Use D3 Library to create a web for Data Visualization Create an informative website. The site must also include a minimum of two interactive data

Use D3 Library to create a web for Data Visualization

Create an informative website. The site must also include a minimum of two interactive data visualizations. You will use D3 library to create any charts, tables, maps, or graphs you would like to include. Each visualization must be interactive. There should be at least one element (button, slider, form, etc) that allows the user to alter the visualization in a significant way. The data/information used must be cited on the page. You are free to use D3, the most complete and flexible visualization library for JavaScript.

I want the html code file and css file and js file. Thanks a lot!!

Use D3 Library to create a web for Data Visualization

Create an informative website. The site must also include a minimum of two interactive data visualizations. You will use D3 library to create any charts, tables, maps, or graphs you would like to include. Each visualization must be interactive. There should be at least one element (button, slider, form, etc) that allows the user to alter the visualization in a significant way. The data/information used must be cited on the page. You are free to use D3, the most complete and flexible visualization library for JavaScript.

My idea is using d3 to create a table for data visualization. I will give user a list of countries to add to this table, each country includes its name, population and locked in which continent. Then when the user finished picked up counties, d3 JavaScript will automatic make a table to show what counties user picked up. It gives the name of each country, the population of each country, and the continentin which the country is located.

If the country is located in Asian, it will draw a red rectangle; if its in Europe, it will draw a yellow rectangle, and if it's in America, it will draw a green rectangle.

If user delete a country or add a new country, and the table will automatically delete or add.

If you don't want to create country name, just creat a list instead of it, I will modify it, like: A1 3000 Asian, A2 4000 Asian, E1 3000 Europe, E2 4000 Europe, Am1 3000 America, Am2 3000 America. I want the html code file and css file and js file. Thanks a lot!!

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!