2d:null 2e:["$","title",null,{"children":"Creating a scatter plot three ways | Mollie Pettit | Observable"}] 33:T60f,md`# Creating a scatter plot three ways ## Creating a "scatter plot" using html This is an exercise to practice basic HTML, SVG, and CSS syntax. It is also designed to demonstrate that something that _looks like_ a chart on a website is actually just a collection of simple HTML elements. The final example for all three plots should look like the image below. You can see a complete example [here](https://blockbuilder.org/molliemarie/1f54893d6a157f26299c2169a73a9ae8). ![simple html circles](https://i.imgur.com/5UCYBK5.png) You'll want to open up the [Scatter1_HTML_Starter](https://blockbuilder.org/molliemarie/0d45265a1053c2126694312967bfbc0b) in BlockBuilder and fork it, and then perform the following steps (instructions are also on the page): - Make a container \`\`

\`\` in which you'll render your content - Create a \`\`

\`\` element in which you write "My HTML Scatter" - Make a container \`\`