Data-Driven Documents

Expamles of my work with D3.js

D3 Bar Chart

This is a bar chart crated using D3.js and information about the gross domestic product of the United States from the year 1945 to 2015.

Languages Used:

See the Pen D3 Bar Chart by Mindy (@minbarrs) on CodePen.

D3 Scatter Plot Chart

This is a scatter plot chart created using information about dopping in bicyle races. If you hover over the dots it will provide you more information about the cyclist.

Languages Used:

See the Pen D3 Scatter Plot Chart by Mindy (@minbarrs) on CodePen.

D3 Heat Map

This is a map of monthly gloadl land-surface tempatures thought the years. If you hover of earch color more information will appear, such as the year, monthly and the tempature's high and low in celcius.

Languages Used:

See the Pen D3 Heat Map by Mindy (@minbarrs) on CodePen.

D3 Force-Directed Graph

This a force-directed graph that shows flags of countries and which countries they border. If you hover for the flag it will tell you which contry it is.

Languages Used:

See the Pen D3 Force-Directed Graph by Mindy (@minbarrs) on CodePen.

D3 Meterorite Landing Map

This is a map of monthly of all the meteorites and where that have landed. If you hover over the colored circles it will provide you with more information.

Languages Used:

See the Pen D3 Map of Meteorites landing by Mindy (@minbarrs) on CodePen.