Skip to content

Repository files navigation

D3 Gallery

Data, with a point of view.
Five interactive D3.js visualizations in one focused portfolio.

Open the live gallery →

Explore the gallery

Visualization What it explores Live demo
Bar chart US GDP growth from 1950–2015 Open demo →
Scatter plot Cycling performance and doping allegations Open demo →
Heat map Monthly global land-surface temperature Open demo →
Tree map The top 100 highest-grossing movies Open demo →
Choropleth map US education attainment by county Open demo →

Visual previews

Click any preview to open the live interactive chart.

US GDP bar chart Cycling scatter plot
Global temperature heat map Movie revenue treemap
US education choropleth map

Repository structure

D3BarChart/
├── README.md
├── gallery.css
├── bar-chart/
├── scatter-plot/
├── heat-map/
├── tree-map/
└── choropleth-map/

Each visualization has its own responsive presentation, accessible title, hover details, and direct live-demo route.

Built with

  • D3.js
  • Semantic HTML and responsive CSS
  • Public reference datasets from freeCodeCamp

If this gallery is useful or inspiring, consider giving it a ⭐ on GitHub.

About

A polished D3.js gallery of five interactive data visualizations: bar chart, scatter plot, heat map, treemap, and choropleth map.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages