JH Portfolio

Data Visualization Charts

from  Free Code Camp  projects

Choropleth Map

US Education Map

Project description and data source from  Free Camp Code project

0% - 10%,10% - 20%, 20% - 30%, 30% - 40%, 40% - 50%, 50% and moreRate of Bachelors or HigherUS Education Map (2010-2014)

Hover map to show data:

Scatter Chart

Cyclist Ranking Graph

Project description and data source from  Free Camp Code project

Marco Pantani 36:50Marco Pantani 36:55Marco Pantani 37:15Lance Armstrong 37:36Jan Ullrich 37:42Lance Armstrong 38:05Miguel Indurain 38:14Alex Zülle 38:14Bjarne Riis 38:16Richard Virenque 38:22Floyd Landis 38:36Andreas Klöden 38:36Jan Ullrich 38:40Laurent Madouas 38:44Richard Virenque 38:55Carlos Sastre 39:01Iban Mayo 39:09Andreas Klöden 39:12Jose Azevedo 39:14Levi Leipheimer 39:15Francesco Casagrande 39:22Nairo Quintana 39:23Bjarne Riis 39:23Miguel Indurain 39:30Luc Leblanc 39:30Carlos Sastre 39:32Vladimir Poulnikov 39:37Giuseppe Guerini 39:40Santos Gonzalez 39:41Vladimir Karpets 39:41Fernando Escartin 39:45Denis Menchov 39:47Michael Rasmussen 39:47Pietro Caucchioli 39:47Nairo Quintana 39:5036.537.037.538.038.539.039.540.005101520253035Record Time, MinutesRankingCyclist Ranking Graph (1995-2015)Hover the chart to see record detail:

Heat Map Graph

Global Land Surface Temperature

Project description and data source from  Free Camp Code project

1,7601,7801,8001,8201,8401,8601,8801,9001,9201,9401,9601,9802,0000123456789101112Record Time, YearMonthGlobal Land Surface Temperature1753 - 2015, base temperature 8.66℃
Hover the chart to see record detail

Want to see more of my data visualization works? Check out here...

Gallery: "Let Data Tell the Stories"My Codepen collection: Free Code Camp projects with jQuery and Bootstrap
© 2020-2021   Jenna Hu     All Rights Reserved