List of Listings

Chapter 1. An introduction to D3.js

Listing 1.1. A simple web page demonstrating the DOM

Listing 1.2. A sample web page with SVG elements

Listing 1.3. Grouping SVG elements

Listing 1.4. SVG path fill and closing

Listing 1.5. A sample web page with a style sheet

Listing 1.6. A simple webpage

Listing 1.7. Using d3.select to set style and HTML content

Listing 1.8. Using d3.select to set attributes and event listeners

Listing 1.9. A simple web page with an SVG canvas

Listing 1.10. Creating lines and circles with select and append

Listing 1.11. SVG elements with IDs and transparency

Chapter 2. Information visualization data flow

Listing 2.1. File contents of cities.csv

Listing 2.2. File contents of tweets.json

Listing 2.3. Loading data, casting it, measuring it, and displaying it as a bar chart

Listing 2.4. Loading, nesting, measuring, and representing data

Listing 2.5. Creating a scatterplot

Listing 2.6. Creating labels on <g> elements

Listing 2.7. Setting the key value in data-binding

Chapter 3. Data-driven design and interaction

Listing 3.1. d3ia.css

Listing 3.2. d3ia_2.html

Listing 3.3. soccerviz.js

Listing 3.4. modal.html

Listing 3.5. Update to d3ia.css

Chapter 4. Chart components

Listing 4.1. ch4stylesheet.css

Listing 4.2. boxplots.csv

Listing 4.3. Scatterplot of average age

Listing 4.4. Initial boxplot drawing code

Listing 4.5. The .each() function of the boxplot drawing five child elements

Listing 4.6. Adding an axis using tickValues

Listing 4.7. tweetdata.csv