Each example here has a description of the particular part of D3 that we're trying to explain. There is also a live D3 visualization. Below the fold, there are two code blocks. One is the D3 code being used for the visualization, and the other contains the `data` variable, which becomes essential in later lessons.
For each example on the site, there is a CodePen site, where you can manipulate the code and see your changes reflected in real-time. There is also a button that will download a single HTML file containing the code for the current example.button. This will open up a live version of the example on the
These examples were originally generated for use in a workshop given at the Frank-Ratche Studio for Creative Inquiry at Carnegie Mellon on October 28th, 2016. Additional background and material is available in the slides, which are available on SlideShare. The code used to generate this website has been released as open source under the MIT license and is available on Github for review and suggestions.