erikayi / D3-challenge

Using D3.js (one of the popular JavaScript libraries for creating tables in the website), design the table telling us about the differences between the health risks and income status.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

D3 Challenge Project: Data Journalism and D3.js

Increase in health risks changes with income, age, obesity, and smoking.

Using D3 technique we learned in class, we create a scatter plot that shows each state with circle elements that tell about relationships between health risks and income rate, and so on.

  • Include state abbreviations in the circles.

  • Instead of brief summaries on bottom of the website, added buttons for each comparison text box for better user experience.

Screenshots:

Updated:

dynamic-scatter dynamic-scatter dynamic-scatter dynamic-scatter

Original:

dynamic-scatter

dynamic-scatter

dynamic-scatter

dynamic-scatter

dynamic-scatter

About

Using D3.js (one of the popular JavaScript libraries for creating tables in the website), design the table telling us about the differences between the health risks and income status.


Languages

Language:JavaScript 85.6%Language:HTML 11.1%Language:CSS 3.3%