D3.js exercises

D3 (from d.d.d. : data driven document) is a Java Script library focused in data visualziation, created and developed by Mike Bostock and others. https://en.wikipedia.org/wiki/D3.js
This is the d3 homepage: https://d3js.org/
There is a portal for d3 exercises, Observable, where you can do graphics in d3, browser-based: https://observablehq.com/
Usualy each graphic has already its own template, like shown in this page, although in previous versions of the library https://d3-graph-gallery.com/
Among the places rthat work with d3 are Flourish and RawGraph: https://flourish.studio/, https://www.rawgraphs.io/
Here you will find a set of boilerplate files made with ChatGPT.
Also some info on graphs types from their repository:
for a samples gallery:
https://observablehq.com/@d3/gallery
other samples:
https://observablehq.com/@d3/parallel-sets
https://observablehq.com/@tezzutezzu/world-history-timelinehttps://observablehq.com/@tezzutezzu/world-history-timeline
https://d3js.org/d3-hierarchy/hierarchy,
https://d3js.org/d3-chord,
https://d3js.org/d3-hierarchy/pack,
https://d3js.org/d3-hierarchy/treemap,
https://d3js.org/d3-hierarchy/partition ,
https://d3js.org/d3-delaunay/voronoi ,
https://d3js.org/d3-hierarchy/tree,
and some examples in websites https://archive.nytimes.com/www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html https://observablehq.com/@d3/tree-of-life
Reference for visual styling: http://www.d3noob.org/2014/02/styles-in-d3js.html
A useful conversor from csv to json: https://www.geeksforgeeks.org/csv-to-json-converter/

Folders: Exercise 1 is for basic dasboard /
Exercise 2 is for network graphics /
Exercise 3 is for radial charts /
Exercise 4 is for arc diagrams/
Exercise 5 is for Sankey diagrams
/Exercise 6 is for hierarchical trees