https://github.com/sandravizz/my-d3.js-dataviz-gallery

In this repository include a collection of d3.js data visulaisations using using structured code to easily replicate.
https://github.com/sandravizz/my-d3.js-dataviz-gallery

animated-visualisations d3 d3-visualization data-visualization interactive-visualizations

Last synced: about 1 month ago
JSON representation

In this repository include a collection of d3.js data visulaisations using using structured code to easily replicate.

• Host: GitHub
• URL: https://github.com/sandravizz/my-d3.js-dataviz-gallery
• Owner: sandravizz
• Created: 2024-04-29T10:30:56.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-26T18:42:17.000Z (about 1 month ago)
• Last Synced: 2024-10-04T10:58:20.196Z (about 1 month ago)
• Topics: animated-visualisations, d3, d3-visualization, data-visualization, interactive-visualizations
• Language: JavaScript
• Homepage:
• Size: 1.17 MB
• Stars: 1
• 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

- [Area chart](js/areachart.js)

- [Lollipop chart](js/lollipop.js)

- [Scatter plot](js/scatterplot.js)

- [Timeline scatter plot](js/timeline_scatterplot.js)

### In progress visualisations

- [Beeswarm](js/beewswarm.js)

- [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 [Sandraviz](https://www.sandraviz.com/bio)

Follow me: [twitter](https://twitter.com/SandraCrypto), [linkedin](https://www.linkedin.com/in/sandradataviz/) and [observable](https://observablehq.com/@sandraviz)