30:[{"id":"8083aacbccd02e8ee28a5be00e66cf943c27327067ac88cfe5a067eedaa74c9c399b63752e244a1c91b3278f3f388262e16155c9b5d6ddc9da5da8395fca8c78","href":"https://static.observableusercontent.com/files/8083aacbccd02e8ee28a5be00e66cf943c27327067ac88cfe5a067eedaa74c9c399b63752e244a1c91b3278f3f388262e16155c9b5d6ddc9da5da8395fca8c78","name":"sample.csv","type":"text/csv","lastModified":1784627444174.346,"size":76}] 2e:{"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"},{"id":18,"value":"x = 20","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"y = 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"z = x + y","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"viewof w = Inputs.range([0, 100], { label: \"my w value\", step: 5 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"w","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"z2 = x + y + w","pinned":true,"hidden":false,"mode":"ojs"},{"id":37,"value":"viewof myColor = Inputs.color({ label: \"Favorite color\", value: \"#4682b4\" })","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"Data Visualisation","pinned":true,"hidden":false,"mode":"html"},{"id":49,"value":"","pinned":true,"hidden":false,"mode":"html"},{"id":52,"value":"data = [5, 2, 15, 20, 10]","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"","pinned":true,"hidden":false,"mode":"html"},{"id":78,"value":"# Loading Data\n\n- File Attachment\n- Url for file","pinned":false,"hidden":false,"mode":"md"},{"id":82,"value":"sample = await FileAttachment(\"sample.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":93,"value":"function square(x) {\n return x * x;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"square(4)","pinned":true,"hidden":false,"mode":"ojs"},{"id":83,"value":"simple = d3.csv(url, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":105,"value":"simple","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"}],"files":"$W30","stdlib":"1","titling":"auto"}