D3 JS
Grammar of Graphics
What D3 is Not
https://classroom.github.com/a/cCdSRlal
If you're planning to use D3 for the MVP of your project, you can find some great templates at
- https://d3js.org/
- https://d3-graph-gallery.com/
- https://observablehq.com/@d3/gallery
- http://bl.ocks.org/mbostock (Mike Bostock created D3JS, these are his examples)
Some of these pre-created D3 visualizations take in CSV format (like the simple example that we did above). Others take in a JSON format. We will be talking in class about converting between CSV and JSON formats using python. If you find that you want to use a data visualization, but are not sure how to connect the dataset to the visualization, have someone in your project group chat with me.
Some additional notes on code organization.
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files