The purpose of this project was to compare demographic and health data by states using data from the US Census and CDC Behavioral Risk Factor. The included data set is based on 2014 ACS 1-year estimates and includes data on rates of income, obesity, poverty, etc. by state.
Using the D3 techniques I created a scatter plot that represents each state with circle elements Including state abbreviations.
The following three demographics:
- poverty
- age
- household income
and three health risk factors:
- obesity
- smoking
- healthcare lacking
were included and their labels were placed in the scatter plot. I gave them click events so that the users can decide which data to display. The transitions for the circles’ locations as well as the range of the axes were animated.
I also implemented tooltips in the D3 graphics to reveal a specific element’s data when the user hovers the cursor over the element.Each tooltip is displayed with the data that the user has selected.
The interactive visualization can be viewed here.
- Tools/techniques used: JavaScript, D3.js, HTML/CSS, Bootstrap
GitHub Repository for this project.