40:null 41:["$","title",null,{"children":"Give this a title | Ali Rivera | Observable"}] 47:[] 45:{"id":"efe6ca4ea25280f3","slug":null,"title":"Give this a title","thumbnail":"d5be32bdcd96329b47da4c4d6986033532b7d86e3bffc971bba866dfb8b1b156","access_level":"public","create_time":"$D2023-02-08T02:00:35.953Z","update_time":"$D2023-02-08T02:28:45.981Z","view_time":null,"first_public_time":"$D2023-02-08T02:00:35.953Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"681713ab43118252","login":"alirivera","name":"Ali Rivera","avatar_url":"https://avatars-next.observableusercontent.com/d20e1d4a8e2784869f5ca02bf929404083f31799cac5d98b6c0574925a7d6483","tier":"starter_2024","bio":"","following":false},"version":78,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0bbb1f646b8089b9","login":"alirivera","name":"Ali Rivera","avatar_url":"https://avatars-next.observableusercontent.com/d20e1d4a8e2784869f5ca02bf929404083f31799cac5d98b6c0574925a7d6483","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"0bbb1f646b8089b9","login":"alirivera","name":"Ali Rivera","avatar_url":"https://avatars-next.observableusercontent.com/d20e1d4a8e2784869f5ca02bf929404083f31799cac5d98b6c0574925a7d6483","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Give this a title","cells":[{"id":0,"value":"# Give this a title\n# This is a comment? No, a title\nThis is like markdown\n\n## Subtitle? \n*YES!*\n**YES!, but bold now**\n\nOk - here's the deal. \n- this is a markdown cell\n- html is the object you make\n- javascript is the code that runs it (what is it? the HTML? Let's find out...)\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"

Hello, world!

Hello, World!

The quick brown fox jumps over the lazy dog.

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":33,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":60,"value":"count = 200","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"## OK cool - lets create a random color generator","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":62,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":64,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":66,"value":"randColor = () => {\n let r = Math.random() *255;\n let g = Math.random() *255;\n let b = Math.random() *255; \n\n return \"rbg(\" + r + \",\" + g + \",\" + b +\")\"\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"randColor()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"boxes = d3.select(mosiac)\n.selectAll(\"div\")\n.data(d3.range(count))\n.join(\"div\")\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":78,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 46:"$45:body"