2e:null 2f:["$","title",null,{"children":"Starting with Viz | Amit Kapoor | Observable"}] 34:[{"id":"8083aacbccd02e8ee28a5be00e66cf943c27327067ac88cfe5a067eedaa74c9c399b63752e244a1c91b3278f3f388262e16155c9b5d6ddc9da5da8395fca8c78","href":"https://static.observableusercontent.com/files/8083aacbccd02e8ee28a5be00e66cf943c27327067ac88cfe5a067eedaa74c9c399b63752e244a1c91b3278f3f388262e16155c9b5d6ddc9da5da8395fca8c78","name":"sample.csv","type":"text/csv","lastModified":1784627444174.346,"size":76}] 32:{"id":"730f50e829f58d07","slug":"ixd25","title":"Starting with Viz","thumbnail":"9317c966c41dfef4cfbafb3f5db96905ce45060d4701b5ad173cfc6bbb6a75db","access_level":"public","create_time":"$D2026-07-21T09:00:24.156Z","update_time":"$D2026-09-11T12:31:16.045Z","view_time":null,"first_public_time":"$D2026-07-21T09:01:01.411Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d24594758a7c4be0","login":"amitkaps","name":"Amit Kapoor","avatar_url":"https://avatars-next.observableusercontent.com/21980410632ec919be48968982ea46d838046606c2f67dac275b4e3a270cc7d1","tier":"starter_2024"},"version":138,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"32a37f9ac3b4719d","login":"amitkaps","name":"Amit Kapoor","avatar_url":"https://avatars-next.observableusercontent.com/21980410632ec919be48968982ea46d838046606c2f67dac275b4e3a270cc7d1","tier":null}],"members":[{"type":"individual","id":"32a37f9ac3b4719d","login":"amitkaps","name":"Amit Kapoor","avatar_url":"https://avatars-next.observableusercontent.com/21980410632ec919be48968982ea46d838046606c2f67dac275b4e3a270cc7d1","tier":null,"role":"editor"},{"type":"team","id":"d24594758a7c4be0","login":"amitkaps","name":"Amit Kapoor","avatar_url":"https://avatars-next.observableusercontent.com/21980410632ec919be48968982ea46d838046606c2f67dac275b4e3a270cc7d1","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Starting with Viz","cells":[{"id":0,"value":"# Starting with Viz\n\n**This** is the first time using a _notebook_\n\n1. Import the data from Sheets\n2. Load the data\n3. Use a viz library to make a chart\n ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"const x = 20","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"const y = 2","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"const z = x + y","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"const w = view(Inputs.range([0, 100], { label: \"my w value\", step: 5 }))","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"w","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"z2 = x + y + w","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"viewof myColor = Inputs.color({ label: \"Favorite color\", value: \"#4682b4\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"Data Visualisation","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":49,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":52,"value":"data = [5, 2, 15, 20, 10]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":78,"value":"# Loading Data\n\n- File Attachment\n- Url for file","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":82,"value":"sample = await FileAttachment(\"sample.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"sample","database":"$undefined"},{"id":85,"value":"url = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vT9WG4_DmTVK30BeDYICOp8lztcKZ94IieKo6i-i0RBiPZpqCo0yFyhAc36oV56ZKKJ527Vqstmn9ZB/pub?gid=0&single=true&output=csv\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"function square(x) {\n return x * x;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"square(4)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"simple = d3.csv(url, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"simple","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":112,"value":"Plot.plot({\n marks: [\n Plot.dot(sample, {\n x: \"Profit\",\n y: \"Sales\",\n fill: \"Area\"\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"bars = Plot.plot({\n marks: [\n Plot.barY(simple, {\n x: \"Area\",\n y: \"Sales\",\n fill: \"Profit\",\n sort: { x: \"y\", reverse: true }\n }),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"2","titling":"auto"}} 33:"$32:body"