Scott Murray
@alignedleft
alignedleft.com
Two ways to follow along!
An Introduction to d3.js
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<title>
D3: Empty page template</title>
<script
type=
"text/javascript"
src=
"d3.v3.js"
></script>
</head>
<body>
<script
type=
"text/javascript"
>
// Your beautiful D3 code // can go here
</script>
</body>
</html>
Starting with the next slide (06_circles.html), add a color value to each object in the data set.
Then use that value to set the fill of each circle.
In the code editor below, add a color value to each object in the data set.
D3: Data-driven circles