diff --git a/BUILD.md b/BUILD.md index 273c704..c5c7d6e 100644 --- a/BUILD.md +++ b/BUILD.md @@ -5,6 +5,7 @@ 1. Add link to d3 library 1. Add an `` tag and size it with D3 1. Create some fake data for our app +1. Add SVG circles and style them ## Add link to d3 library @@ -107,3 +108,34 @@ var runs = [ } ]; ``` + +## Add SVG circles and style them + +Add three circles to your `` element (each one will represent a run): + +```html + + + + + +``` + +Create `app.css` with some styling for the circles: + +```css +circle { + r:5; + fill: black; +} +``` + +and link to it in `index.html` + +```html + + + + + +```