Skip to content

momcancode/census-data-visualisation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 

Repository files navigation

Data Journalism, D3 and SVG

Where is the data from?

The data is provided by Monash University Data Analytics Bootcamp.

The data set included with the assignment is based on 2014 ACS 1-year estimates. It includes data on rates of income, obesity, poverty, etc. by state. MOE stands for "margin of error."

What did I do?

D3 Dabbler

4-scatter

  • Create a scatter plot between two of the data variables such as Healthcare vs. Poverty or Smokers vs. Age.

  • Using the D3 techniques, create a scatter plot that represents each state with circle elements.

  • Include state abbreviations in the circles.

Impress the Boss

7-animated-scatter

1. More Data, More Dynamics

Place additional labels (total three for each axis) in the scatter plot and give them click events so that users can decide which data to display. Animate the transitions for the circles' locations as well as the range of the axes.

2. Incorporate d3-tip

Using the d3-tip.js plugin developed by Justin Palmer, add tooltips to the circles and display each tooltip with the data that the user has selected.

8-tooltip


Contact:

Email: [email protected]