2b:null 2c:["$","title",null,{"children":"HTML, SVG, and D3 | Matthew Berger | Observable"}] 31:T85e,md` HTML stands for HyperText Markup Language. It governs how content is rendered in web browsers. There are three main concepts to HTML: * **Tags**: a tag defines _how_ a given piece of content should be shown. Often, tags are used to style how text is drawn, e.g. a paragraph tag (\`

\`) renders a collection of text as a paragraph, a heading tag (\`

.append('circle')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"md`\n\n\\`append\\` is quite powerful, we can create a large collection of elements with little code. It is akin to looping over each element within each Array of \\`groups\\`, and adding a new element to each one of these elements. But, we need to be aware of the \\`Selection\\` object under consideration. _Only_ \\`svg\\` and \\`g\\` elements can contain children, so when we call \\`append\\`, the \\`groups\\` within the \\`Selection\\` object should be composed only of these types of elements.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"md`# Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"import {drawdom} from '91007ee9d5fd152b'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3b","stdlib":"1","titling":"auto"}} 30:"$2f:body"