D3 drills

Use the links below to try out a number of small programming problems in d3.

To run your code snippet, click on the Run button, or press Ctrl+Enter.

1. Selections

Drill 1-1: select a node
Drill 1-2: create an svg node
Drill 1-3: select all circles
Drill 1-4: select some circles
Drill 1-5: set the fill colors of the circles to black
Drill 1-6: set the radii of the circles according to data

2. Joins

Drill 2-1: create circles bound to data
Drill 2-2: create an HTML table from data
Drill 2-3: update data bound elements based on a join key.
Drill 2-4: remove elements based on data