29:null 2a:["$","title",null,{"children":"Building a Dashboard 101 | Eileen Dong | Observable"}] 2f:[{"id":"1d45e7f6537330a1e8ccff9a3d2b777573091fcea757f5eaf928d308c34bcaf5fdd46a3a3abff3cb7c1896f235bda2ab20b61eea556e8f7513db0e1c94c2ada5","href":"https://static.observableusercontent.com/files/1d45e7f6537330a1e8ccff9a3d2b777573091fcea757f5eaf928d308c34bcaf5fdd46a3a3abff3cb7c1896f235bda2ab20b61eea556e8f7513db0e1c94c2ada5","name":"house.txt","type":"text/plain","lastModified":1706822972729.065,"size":198},{"id":"9d6bfa2eb755fdc4e3f7dd9f8f6f1f7d3930fe7f4ed6718bda93666ef56b84d00253ca017ec96dc33d0f8f9cd41c9e5c1bb4e0849bc31948342f3f4cf43b605c","href":"https://static.observableusercontent.com/files/9d6bfa2eb755fdc4e3f7dd9f8f6f1f7d3930fe7f4ed6718bda93666ef56b84d00253ca017ec96dc33d0f8f9cd41c9e5c1bb4e0849bc31948342f3f4cf43b605c","name":"chimney.txt","type":"text/plain","lastModified":1706824611482.253,"size":198},{"id":"f26568a8000bfcd118a63298e6acd8a0286b7653c4a40ced0409b1ff174fd43d76126ff23110080ab8596a571974e4b1048ac07c36c6eba7fd8d7f37fe48a66d","href":"https://static.observableusercontent.com/files/f26568a8000bfcd118a63298e6acd8a0286b7653c4a40ced0409b1ff174fd43d76126ff23110080ab8596a571974e4b1048ac07c36c6eba7fd8d7f37fe48a66d","name":"houseDetails.txt","type":"text/plain","lastModified":1706825493885.228,"size":58},{"id":"ffcd025410403f88785d0a57cc7ca6022d0605fb95e8fc67477004d3b2c4b644dbdf08674db5a1bd5c3781ee2a5747b70624319fb60599aa73bd2ebc976cd910","href":"https://static.observableusercontent.com/files/ffcd025410403f88785d0a57cc7ca6022d0605fb95e8fc67477004d3b2c4b644dbdf08674db5a1bd5c3781ee2a5747b70624319fb60599aa73bd2ebc976cd910","name":"roof.txt","type":"text/plain","lastModified":1706824611484.029,"size":142},{"id":"a00ba492b8e4e549ae3febf377aeaa812902e41ffa56da8706a980b125cd0160f9035022fe60de2ada29fd74c17bcefeba0e5de920d901c1c0440d39983f52e2","href":"https://static.observableusercontent.com/files/a00ba492b8e4e549ae3febf377aeaa812902e41ffa56da8706a980b125cd0160f9035022fe60de2ada29fd74c17bcefeba0e5de920d901c1c0440d39983f52e2","name":"roofDetails.txt","type":"text/plain","lastModified":1706825237576.171,"size":232},{"id":"a03a20a85c8b32aba3bc65c0fe7720f59214492ccd452df429a7e49e99ec1122785ec2dfffcb487722f9723fad06b9bd21a7917968574067fcc19eca04627d03","href":"https://static.observableusercontent.com/files/a03a20a85c8b32aba3bc65c0fe7720f59214492ccd452df429a7e49e99ec1122785ec2dfffcb487722f9723fad06b9bd21a7917968574067fcc19eca04627d03","name":"chimneyDetails.txt","type":"text/plain","lastModified":1706825493883.823,"size":202},{"id":"0ecca8aa76028c381bc5380465497c5847944aafac174c9398f14e5c9d9e3a53885eff1c7601c4c4bf6c47a48fa3cd16bd4c2f53a5c32bf3969bb9dac0dc07d8","href":"https://static.observableusercontent.com/files/0ecca8aa76028c381bc5380465497c5847944aafac174c9398f14e5c9d9e3a53885eff1c7601c4c4bf6c47a48fa3cd16bd4c2f53a5c32bf3969bb9dac0dc07d8","name":"outline.txt","type":"text/plain","lastModified":1706828199785.912,"size":52}] 2d:{"id":"77831419af10b599","slug":null,"title":"Building a Dashboard 101","thumbnail":"8c0a431b61f224c428e040b67e971b94f567d2bf9ea3316ff2232271ffdec45e","access_level":"public","create_time":"$D2024-02-01T21:26:32.969Z","update_time":"$D2024-02-01T23:06:24.365Z","view_time":null,"first_public_time":"$D2024-02-01T21:26:32.969Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"3eb8b01cf04cad2e","login":"eileendong1014","name":"Eileen Dong","avatar_url":"https://avatars-next.observableusercontent.com/7aa54e348bd73a6351b041f0e344196def59c1d90cd8ffd5d12aae8e122d9b01","tier":"starter_2024"},"version":146,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5b938787b1d8a948","login":"eileendong1014","name":"Eileen Dong","avatar_url":"https://avatars-next.observableusercontent.com/7aa54e348bd73a6351b041f0e344196def59c1d90cd8ffd5d12aae8e122d9b01","tier":null}],"members":[{"type":"individual","id":"5b938787b1d8a948","login":"eileendong1014","name":"Eileen Dong","avatar_url":"https://avatars-next.observableusercontent.com/7aa54e348bd73a6351b041f0e344196def59c1d90cd8ffd5d12aae8e122d9b01","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Building a Dashboard 101","cells":[{"id":0,"value":"# Building a Dashboard 101","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":9,"value":"houseDwg = {\n\n const width = 800,\n height = 800;\n\n const svg = d3.create(\"svg\")\n.attr(\"viewBox\", [0, 0, width, height]);\n\n ///// below is the body of the code\n\n var p = svg.selectAll(\"polyline\")\n .data(houseData)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','pink')\n .style('fill-opacity','1')\n .style('stroke','black')\n .style('stroke-width','3')\n\n p.enter().append(\"polyline\")\n .data(housedetails)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','pink')\n .style('fill-opacity','1')\n .style('stroke','black')\n .style('stroke-width','1')\n\n ///// above is the body of the code\n\nreturn svg.node();\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"houseData = FileAttachment(\"house.txt\").tsv({array:true})\n ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":50,"value":"housedetails = FileAttachment(\"houseDetails.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":"roofDwg = {\n\n const width = 800,\n height = 800;\n\n const svg = d3.create(\"svg\")\n.attr(\"viewBox\", [0, 0, width, height]);\n\n ///// below is the body of the code\n\n var p = svg.selectAll(\"polyline\")\n .data(roofData)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','lavenderblush')\n .style('fill-opacity','1')\n .style('stroke','black')\n .style('stroke-width','3')\n\n p.enter().append(\"polyline\")\n .data(roofdetails)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','pink')\n .style('fill-opacity','1')\n .style('stroke','black')\n .style('stroke-width','1')\n \n ///// above is the body of the code\n\nreturn svg.node();\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":24,"value":"roofData = FileAttachment(\"roof.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":42,"value":"roofdetails = FileAttachment(\"roofDetails.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"chimneyDwg = {\n\n const width = 800,\n height = 800;\n\n const svg = d3.create(\"svg\")\n.attr(\"viewBox\", [0, 0, width, height]);\n\n ///// below is the body of the code\n\n var p = svg.selectAll(\"polyline\")\n .data(chimneyData)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','snow')\n .style('fill-opacity','1')\n .style('stroke','black')\n .style('stroke-width','3')\n\np.enter().append(\"polyline\")\n .data(chimneydetails)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','pink')\n .style('fill-opacity','1')\n .style('stroke','black')\n .style('stroke-width','1')\n \n ///// above is the body of the code\n\nreturn svg.node();\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"chimneyData = FileAttachment(\"chimney.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":49,"value":"chimneydetails = FileAttachment(\"chimneyDetails.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":114,"value":"houseButton","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":117,"value":"houseBoolean = {\n\n var houseCheck = houseDwg\n if (houseButton==\"Off\"){houseCheck=\" \"}\n\n return houseCheck\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":125,"value":"roofBoolean = {\n\n var roofCheck = roofDwg\n if (roofButton==\"Off\"){roofCheck=\" \"}\n\n return roofCheck\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":128,"value":"chimneyBoolean = {\n\n var chimneyCheck = chimneyDwg\n if (chimneyButton==\"Off\"){chimneyCheck=\" \"}\n\n return chimneyCheck\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":64,"value":"dashboard = \n\n html`\n\n

\n\n

\n ${outlineDwg}\n

\n\n

\n ${houseBoolean}\n

\n\n

\n ${roofBoolean}\n

\n\n

\n ${chimneyBoolean}\n

\n\n

\n ${md`**Barbie's Dream House**`}\n ${viewof houseButton}\n ${viewof roofButton}\n ${viewof chimneyButton}\n

\n\n\n

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":83,"value":"viewof houseButton = Inputs.radio([\"On\", \"Off\"], {label: \"House Materials\",value:\"On\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":101,"value":"viewof roofButton = Inputs.radio([\"On\", \"Off\"], {label: \"Roof Materials\",value:\"On\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":103,"value":"viewof chimneyButton = Inputs.radio([\"On\", \"Off\"], {label: \"Chimney Materials\",value:\"On\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":131,"value":"outlineDwg = {\n\n const width = 800,\n height = 800;\n\n const svg = d3.create(\"svg\")\n.attr(\"viewBox\", [0, 0, width, height]);\n\n ///// below is the body of the code\n\n var p = svg.selectAll(\"polyline\")\n .data(outlineData)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n //.style('fill','pink')\n .style('fill-opacity','0')\n .style('stroke','black')\n .style('stroke-width','3')\n\n ///// above is the body of the code\n\nreturn svg.node();\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":133,"value":"outlineData = FileAttachment(\"outline.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"