From ee128cb3852c6e29d74eaec41ab51ebeea96aa55 Mon Sep 17 00:00:00 2001 From: Matt Huntington Date: Sun, 17 Sep 2017 18:21:39 -0700 Subject: [PATCH] Add SVG circles and style them --- BUILD.md | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) 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 + + + + + +```