Skip to content

Using the D3 techniques, create a scatter plot that represents each state with circle elements. Add tooltips to circles and display each tooltip with mouse over the data. Place additional labels (x and y) in your scatter plot and give them click events so that your users can decide which data to display.

Notifications You must be signed in to change notification settings

FAufenger/D3-census-data

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

D3-challenge

Welcome to the newsroom! You've just accepted a data visualization position for a major metro paper. You're tasked with analyzing the current trends shaping people's lives, as well as creating charts, graphs, and interactive elements to help readers understand your findings.

The editor wants to run a series of feature stories about the health risks facing particular demographics. She's counting on you to sniff out the first story idea by sifting through information from the U.S. Census Bureau and the Behavioral Risk Factor Surveillance System.

The data set included with the assignment is based on 2014 ACS 1-year estimates from the US Census Bureau, but you are free to investigate a different data set. The current data set includes data on rates of income, obesity, poverty, etc. by state. MOE stands for "margin of error."

general sight picture

Fundimentals of this assignment:

  • Use D3 techniques, create a scatter plot that represents each state with circle elements.
  • Include state abbreviations in the circles.
  • Create and situate your axes and labels to the left and bottom of the chart.
  • Able to be viewed through python -m http.server to run the visualization.

Taking it a step further

  • Place additional labels in your scatter plot and give them click events so that your users can decide which data to display.
  • Animate the transitions for your circles' locations as well as the range of your axes.
  • Add tooltips to your circles and display each tooltip with the data that the user has selected.

About

Using the D3 techniques, create a scatter plot that represents each state with circle elements. Add tooltips to circles and display each tooltip with mouse over the data. Place additional labels (x and y) in your scatter plot and give them click events so that your users can decide which data to display.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published