29:null 2a:["$","title",null,{"children":"SVG Object Types and attributes | Eric Field | Observable"}] 2f:T6b6,30:[] 2d:{"id":"a51de79fd611e52b","slug":"svg-object-types-and-attributes","title":"SVG Object Types and attributes","thumbnail":"f7814ca9c5c77ad2b24fc67abb3c31296acef9fc24229d9b6ebec03a14bba72f","access_level":"public","create_time":"$D2022-02-07T00:12:24.843Z","update_time":"$D2022-02-07T01:13:18.707Z","view_time":null,"first_public_time":"$D2022-02-07T02:34:08.208Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field","avatar_url":"https://avatars-next.observableusercontent.com/88cdaa8f20f4c520d4d918eadeb46799e252770787ad10228ef9166f891192fd","tier":"starter_2024"},"version":25,"publish_version":25,"role":null,"authored":false,"authors":[{"type":"individual","id":"4971b358617edbb7","login":"emfielduva","name":"Eric Field","avatar_url":"https://avatars-next.observableusercontent.com/88cdaa8f20f4c520d4d918eadeb46799e252770787ad10228ef9166f891192fd","tier":null}],"members":[{"type":"individual","id":"4971b358617edbb7","login":"emfielduva","name":"Eric Field","avatar_url":"https://avatars-next.observableusercontent.com/88cdaa8f20f4c520d4d918eadeb46799e252770787ad10228ef9166f891192fd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"e7848674a4ae9ee4","slug":"the-basics","title":"the Basics","owner":{"id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field"}},"type":"notebook","body":{"title":"SVG Object Types and attributes","cells":[{"id":0,"value":"# SVG Object Types and attributes\nHere is a simple SVG container with a handful of the most common objects, with descriptions on their position, size, and style attributes. There are certainly more than just these, and there is more control that can be applied, but these are the most common and basic elements that we'll be working with in SVG.\n\nA more complete reference and description of SVG can be found on the [W3Schools SVG Tutorial](https://www.w3schools.com/html/html5_svg.asp) and the [W3C's SVG standard](https://www.w3.org/TR/SVG2/) pages.\n\nUse this as a quick reference and fork it in Observable to play with the objects, attributes, and styles yourself.\n\n** Remember that in SVG, the coordinate 0,0 is in the top-left corner**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"$2f","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"