2e:null 2f:["$","title",null,{"children":"Make the same bar plot in three different ways! | Mollie Pettit | Observable"}] 34:T13f8,md` # Make the same bar plot in three different ways! You'll be making the same bar plot in three different ways. Each time, you will end up something that looks like this: ![bar plot](https://raw.githubusercontent.com/molliemarie/MSIA-D3Course-2019/master/Projects%26Exercises/barChart3Ways/imgs/barplot.png) ## Part I: Using HTML to make a bar plot 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. You'll want to open [this blockbuilder](https://blockbuilder.org/molliemarie/afdc4612a04b481d7f97051e86525442), fork it, and perform the following steps (instructions are also in the file): 1) Make a container \`\`

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

\`\` element in which you write "My Bar Chart" 3) Make a container \`\`