https://github.com/sandravizz/D3-dataviz-gallery
Collection of d3.js data visulaisations using using structured code to easily replicate. (work in progress)
https://github.com/sandravizz/D3-dataviz-gallery
animated-visualisations d3 d3-visualization data-visualization interactive-visualizations
Last synced: 8 months ago
JSON representation
Collection of d3.js data visulaisations using using structured code to easily replicate. (work in progress)
- Host: GitHub
- URL: https://github.com/sandravizz/D3-dataviz-gallery
- Owner: sandravizz
- Created: 2024-04-29T10:30:56.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-30T19:02:29.000Z (over 1 year ago)
- Last Synced: 2025-01-30T19:27:10.488Z (over 1 year ago)
- Topics: animated-visualisations, d3, d3-visualization, data-visualization, interactive-visualizations
- Language: JavaScript
- Homepage:
- Size: 1.21 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## My d3.js dataviz gallery
This repository includes a collection of d3.js data visulaisations, which can be easily replicated.
### Finished visualisations
- [Lollipop chart](js/lollipop.js)
- [Connected scatter plot](js/scatterplot_connected.js.)
- [Heatmap](js/heatmap.js)
- [Area chart](js/areachart.js)
- [Multi Line](js/multi_line.js)
- [Small Multiple Line](js/small_multiple_line.js)
- [Timeline scatter plot](js/timeline_scatterplot.js)
- [Arc diagram](js/arc_diagram.js)
- [Beeswarm](js/beewswarm.js)
### In progress visualisations
- [Histogram](js/histogram.js)
- [Sankey](js/sankey.js)
- [Scatter plot](js/scatterplot1.js)
- [Barchart](js/barchart.js)
### To do visualisations
- [Hexbin](https://observablehq.com/@sandraviz/audio-features-d3-hexbin-area)
- [Scatter plot (color gradient)](https://observablehq.com/@d3/global-temperature-trends)
- [Calender chart](https://observablehq.com/@d3/calendar/2?collection=@d3/gallery)
- [Dot plot](https://observablehq.com/@d3/dot-plot/2?collection=@d3/gallery)
- [Chord diagram](https://observablehq.com/@d3/directed-chord-diagram/2?collection=@d3/gallery) [and](https://observablehq.com/d/3f80598716a34cbc)
- [Arc diagram](https://observablehq.com/@d3/arc-diagram)
- [Radial stacked bar chart](https://observablehq.com/@pstuffa/radial-stacked-bar-chart-as-a-function)
- [Force layout](https://observablehq.com/@sandraviz/force-directed-layout?collection=@sandraviz/in-love-with-circle)
- [Grouped bar chart](https://observablehq.com/@d3/grouped-bar-chart/2?intent=fork)
- [Stacked bar chart](https://observablehq.com/@d3/stacked-bar-chart/2)
- [Multiple line chart](https://observablehq.com/@sandraviz/consumption-emission-d3-js-arquero-js)
- [Horizon chart](https://observablehq.com/d/b747974e1d353e1d)
- [Sequence sunburst](https://observablehq.com/d/c94cad181ef734b0)
- [Bar race](https://observablehq.com/d/3f23bf2a8368c870)
- [World map](https://observablehq.com/d/1b72883c1cc06da3)
- [Scatter plot (tour)](https://observablehq.com/d/689b78bf4e76a77d)
- [Zoomable area chart](https://observablehq.com/d/1cd7b37fbe3caf28)
- [Scatter plot (brushable)](https://observablehq.com/d/1aa04a70ef281a72)
- [Scatter plot (small multiple)](https://observablehq.com/d/183c0c44d31e4467)
- [Heatmap](https://observablehq.com/d/17e6f8deba1d2557)
- [Circular bar chart](https://d3-graph-gallery.com/graph/circular_barplot_double.html)
---
Made with :green_heart: by [Sandra](https://www.sandraviz.com)
I am available for freelance data visualization work. Please [contact me](https://www.sandraviz.com/contact) in case you would like me to help you with my experience and expertise or [follow](https://bsky.app/profile/sandraviz.bsky.social) and [connect](https://www.linkedin.com/in/sandradataviz/) with me.