carlos-i-martinez / codepen-d3scatterplot

A CodePen.io App that functions as a Scatterplot Graph showing Cycling Doping Data. Using Data-Driven Document(D3.js) JavaScript library.

D3 Scatterplot Graph

A CodePen.io App that functions as a Scatterplot Graph showing Cycling Doping Data. Using Data-Driven Document(D3.js) JavaScript library.

Project 2 of 5 for freeCodeCamp's Data Visualization Developer Certification.

Public Webpage: Scatterplot Graph.

A Pen created at CodePen.io. You can find this one at https://codepen.io/carlos-i-martinez/pen/VNYXQb

Completed Data Visualization Certification: Certificate.

FreeCodeCamp Public Profile: Carlos Martinez FreeCodeCamp

Technologies Used:

• HTML, JavaScript, CSS and D3.

Some requirements to complete project:

• JSON dataset used to create chart: Cycling Doping Data
• Should have x-axis and y-axis g elements and both axes should contain multiple tick labels.

• Should have a dot element for each data point.

• Each dot data date and time values and order should match the data loaded.

• Time format should be displayed in M:S(min:sec) and date in Year.

• When mousing over a chart area a tooltip displays more information about the area(Date,Time,Name, etc for that dot data point).