Claude-Hanfou / Data-Journalism-and-D3

Obtained data using D3 and created scatter plots analyzing the correlation between the poverty ,obesity, smokers and healthcare variables.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Data-Journalism-and-D3

D3 Dabbler

This scatter plot shows the date variables between Healthcare vs. Poverty. THE D3 techniques was used to create a scatter plot that represents each state with circle elements. The code for this graphic is in the Code folder under the app.js file and the data was pulled from the data.csv by using the d3.csv function. The axes and labels are situated to the left and bottom of the chart

alt text

Dynamic Data

In this graph more demographics and risk factors were included. Additional labels were placed in the scatter plot and they were given click events so that a user can decide which data to display. Animated transitions for the circles' locations as well as the range of the axes were incorporated. This was done for three risk factor for each axis.

Incorporated d3-tip Tooltips was implemented on the plot (D3 graphics) to reveal a specific element's data when the user hovers their cursor over the element. Tooltips were added to the circles and displays each tooltip with the data that the user has selected.The d3-tip.js plugin developed by Justin Palmer—we've was used to incorporate tooltips on the graph. The tooltip displays the y and x axis information for the circle that was selected.

About

Obtained data using D3 and created scatter plots analyzing the correlation between the poverty ,obesity, smokers and healthcare variables.


Languages

Language:JavaScript 65.5%Language:HTML 22.5%Language:CSS 12.0%