Scatterplot of cereal protein content and calories

This tutorial uses the Breakfast Cereal example data from Interactive Data Visualization and D3 example blocks by Mike Bostock and Michele Weigle. This tutorial is part of a course I teach — Fundamentals of Data Visualization — at General Assembly Boston. See Michele’s original example here: D3 Scatterplot Example. D3.js is the hottest web data visualization framework right now. But it can be difficult to work with unless you have a firm grounding in Javascript and can host your files on a webserver. This tutorial takes you through the process step-by-step without requiring you to know a lot of Javascript, and with a workaround that will let you quickly view your D3 visualizations without having to upload files to a[…]