D3 Page Template

2a:null 2b:["$","title",null,{"children":"Day Four, 28 Aug 2020 | Hongtao Hao | Observable"}] 31:[] 2e:{"id":"fb29954ebcf534b8","slug":"day-four-keep-learning-the-book","title":"Day Four, 28 Aug 2020","thumbnail":"f5c7cd373bae6e6493af76fabf2f108a03a93a7ca612251fc34da1df1aeb1137","access_level":"public","create_time":"$D2020-08-28T14:05:20.357Z","update_time":"$D2020-09-02T15:52:50.358Z","view_time":null,"first_public_time":"$D2020-08-29T19:41:50.518Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ac0e7b04fecfcd79","login":"hongtaoh","name":"Hongtao Hao","avatar_url":"https://avatars-next.observableusercontent.com/ee6259b27cf1635d95eeafe152f2a7982e66b35d5e447110f5c3371c231b7829","tier":"starter_2024"},"version":71,"publish_version":71,"role":null,"authored":false,"authors":[{"type":"individual","id":"534b8b5a17d1d792","login":"hongtaoh","name":"Hongtao Hao","avatar_url":"https://avatars-next.observableusercontent.com/275bdbd20c688c26dcac698202028ab781d97547864853f854ba4dc49f22a2bf","tier":null}],"members":[{"type":"individual","id":"534b8b5a17d1d792","login":"hongtaoh","name":"Hongtao Hao","avatar_url":"https://avatars-next.observableusercontent.com/275bdbd20c688c26dcac698202028ab781d97547864853f854ba4dc49f22a2bf","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"4fc1ed8461b3de78","slug":"45-days-of-learning-d3","title":"40 Days of learning D3","owner":{"id":"ac0e7b04fecfcd79","login":"hongtaoh","name":"Hongtao Hao"}},"type":"notebook","body":{"title":"Day Four, 28 Aug 2020","cells":[{"id":0,"value":"md`# Day Four, 28 Aug 2020`","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"html`\nThis is my personal website\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`## Some key points I learnt today:\n\n- What are HTML elements: html, head, link, title, body, h1, h2, h3, p, div, span, img, ul, ol, li, em, strong, a\n- \\`Content here\\`, where *href* stands for **hypertext reference**;\n- Difference between \\`id\\` and \\`class\\`: each element can only have one \\`id\\` and each \\`id\\` can be used only once. In contrast, elements can have mutiple \\`class\\`(seperated by space), and each \\`class\\` can be used for multiple times. \n- Comments: \\`\\`\n- **DOM** stands for *Document Object Model*, which refers to \"the hierarchical structure of HTML\" (p.50).\n- **CSS**: *Cascading Style Sheets*. How to use CSS: Check [here](https://www.w3schools.com/html/html_css.asp).\n- In CSS, a child adopts the style of the parent. \n- **JavaScript**: Arrays, Objects, JSON (JavaScript Object Notation)\n- **SVG**: Scalable Vector Graphics\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"svg`\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"html`\n\n\nD3 Page Template\n\n \n \n\n \n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"dataset = [5,10,15,20,25];","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2f:"$2e:body"