Data, with a point of view.
Five interactive D3.js visualizations in one focused portfolio.
| 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 → |
Click any preview to open the live interactive chart.
![]() |
![]() |
![]() |
![]() |
![]() |
|
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.
- 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.




