40:null 41:["$","title",null,{"children":"Course: Data Visualization Fundamentals and Best Practices | Oumar Diallo | Observable"}] 47:[{"id":"c5593a640714dcf3f5839567df46772bfb31a7daf19912dd555c03d548068f032293cfae30c690681173544337f3d30e4f077167a0f22da9d76ad7a2f373c0e5","href":"https://static.observableusercontent.com/files/c5593a640714dcf3f5839567df46772bfb31a7daf19912dd555c03d548068f032293cfae30c690681173544337f3d30e4f077167a0f22da9d76ad7a2f373c0e5","name":"temp.csv","type":"text/csv","lastModified":1681885221038.997,"size":30003},{"id":"b6a7e7000e11e4358dd6811564d7e2c48b9be348019a2254aef69969800c6e6ab18a205792a1918952bc25ffdb8ba15df784f06265f6ef0352e0e9ba82fbc71d","href":"https://static.observableusercontent.com/files/b6a7e7000e11e4358dd6811564d7e2c48b9be348019a2254aef69969800c6e6ab18a205792a1918952bc25ffdb8ba15df784f06265f6ef0352e0e9ba82fbc71d","name":"mtcars.csv","type":"text/csv","lastModified":1681363333832.326,"size":1783},{"id":"34a2497553206103936c97b899b7cc495d663bd9d98a57045dc99724b49cd18dc4d4d345012a4c02db7743d453dc1728653483040447ca1d1de9e739cae1d7e9","href":"https://static.observableusercontent.com/files/34a2497553206103936c97b899b7cc495d663bd9d98a57045dc99724b49cd18dc4d4d345012a4c02db7743d453dc1728653483040447ca1d1de9e739cae1d7e9","name":"profile3.jpg","type":"image/jpeg","lastModified":1681527910776.006,"size":165364},{"id":"34a2497553206103936c97b899b7cc495d663bd9d98a57045dc99724b49cd18dc4d4d345012a4c02db7743d453dc1728653483040447ca1d1de9e739cae1d7e9","href":"https://static.observableusercontent.com/files/34a2497553206103936c97b899b7cc495d663bd9d98a57045dc99724b49cd18dc4d4d345012a4c02db7743d453dc1728653483040447ca1d1de9e739cae1d7e9","name":"profile4.jpeg","type":"image/jpeg","lastModified":1681528486617.256,"size":165364},{"id":"42cca815782216166f2e5cacb2850751658e89ca82dfc282270b70a553d1ec0d6a639c3e1b326bfd112b97babd690bb79d484dc75aec5fd61761f15a8a2e055e","href":"https://static.observableusercontent.com/files/42cca815782216166f2e5cacb2850751658e89ca82dfc282270b70a553d1ec0d6a639c3e1b326bfd112b97babd690bb79d484dc75aec5fd61761f15a8a2e055e","name":"anscomb.csv","type":"text/csv","lastModified":1681529835159.37,"size":465},{"id":"dc998096caaeb4912098f76cc824fc7079372207a69cd347023674d7e9604429fd8278ac2b1d31e676e2084176867cb5976849278fcc4b731e06de01ce755743","href":"https://static.observableusercontent.com/files/dc998096caaeb4912098f76cc824fc7079372207a69cd347023674d7e9604429fd8278ac2b1d31e676e2084176867cb5976849278fcc4b731e06de01ce755743","name":"lizard_pitfall_data.csv","type":"text/csv","lastModified":1681532537415.66,"size":198865},{"id":"df1ed2513425d4d2f47c75d2e973d2f2f5681e35dd0438eed9ca36a1073a93625fe9fd03f566795b472fa67983e3a4d60ed3609fd5c0a8fd1d9131c004bee0d6","href":"https://static.observableusercontent.com/files/df1ed2513425d4d2f47c75d2e973d2f2f5681e35dd0438eed9ca36a1073a93625fe9fd03f566795b472fa67983e3a4d60ed3609fd5c0a8fd1d9131c004bee0d6","name":"msleep.csv","type":"text/csv","lastModified":1681617848997.79,"size":5993}] 45:{"id":"034be237f489306f","slug":null,"title":"Course: Data Visualization Fundamentals and Best Practices","thumbnail":"cf373d9af10392027f2bb1f00ad01bc428b90618fca3e518f90c48e2a09b2f72","access_level":"public","create_time":"$D2023-04-13T05:18:10.187Z","update_time":"$D2023-04-23T05:55:48.343Z","view_time":null,"first_public_time":"$D2023-04-13T05:18:10.187Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ba7585cf541c1c1d","login":"birusod","name":"Oumar Diallo","avatar_url":"https://avatars-next.observableusercontent.com/d3c72f8a0d82d1670fbb0efdff4426a7d4ada7bdb0211f0822034de728bc59ed","tier":"starter_2024","bio":"","following":false},"version":622,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e326195caf30e290","login":"birusod","name":"Oumar Diallo","avatar_url":"https://avatars-next.observableusercontent.com/d3c72f8a0d82d1670fbb0efdff4426a7d4ada7bdb0211f0822034de728bc59ed","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"e326195caf30e290","login":"birusod","name":"Oumar Diallo","avatar_url":"https://avatars-next.observableusercontent.com/d3c72f8a0d82d1670fbb0efdff4426a7d4ada7bdb0211f0822034de728bc59ed","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Course: Data Visualization Fundamentals and Best Practices","cells":[{"id":72,"value":"\n

\n
\n

Course: Data Visualization Fundamentals and Best Practices \n

\nInstructor
\nRobert Kosara,
\nData Visualization Developer at Observable

\n\n

\nDates and times
\n March 7th, 9th, 14th, 16th, 21st
\n at 9:00 AM PST / 12:00 PM EST
\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":0,"value":"# DataViz Tutorial \n## Robert Kosara\n[Youtube](https://www.youtube.com/watch?v=WJ1c54Ab-o8&list=PLOHIJAFwtkEdEQ698jmgoEiC2FFtq-gys)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":337,"value":"### Comparison with ggplot2:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":348,"value":"|Library|Plot call|\n|---|---|\n|ggplot2|ggplot(mydata, aes(x = xcol, y = ycol) ) + geom_col()|\n|Obs Plot|Plot.plot({marks: [Plot.barY(mydata, {x: \"xcol\", y: \"ycol\"})]})|","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":343,"value":"

\n \n \n \n \n \n \n \n \n ${cars.slice(0, 5).map(car => htl.html`\n \n \n \n `)}\n \n

Name	Fuel economy	Year
${car[\"name\"]}	${car[\"economy (mpg)\"]} mpg	’${car[\"year\"]}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"Plot.plot({\n color: {\n legend: true\n },\n marks: [\n Plot.auto(await FileAttachment(\"mtcars.csv\").csv({typed: true}), {x: \"mpg\", y: \"disp\", color: \"cyl\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"## Load Data:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"cars","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"JavaScript table to view tabular data:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"viewof table = Inputs.table(cars)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"Plot.plot({\n marks: [\n Plot.auto(table, {x: \"economy (mpg)\", color: \"#28ea8d\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":56,"value":"## Basic Plots","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":54,"value":"Plot.plot({\n marks: [\n Plot.dot(\n cars,\n {\n x:\"power (hp)\",\n y:\"economy (mpg)\",\n fill: \"steelblue\",\n name: \"name\" \n }\n )\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"Plot.plot({\n marks: [\n Plot.dot(\n cars,\n {\n x: \"economy (mpg)\", \n y: \"displacement (cc)\", \n fill: \"dodgerblue\", \n name: \"name\" \n }\n ),\n Plot.linearRegressionY(\n cars,\n {\n x: \"economy (mpg)\", \n y: \"displacement (cc)\", \n stroke: \"gold\"\n }\n )\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"Plot.plot({\n marks: [\n Plot.dot(\n cars,\n {\n x: \"economy (mpg)\", \n y: d => d[\"power (hp)\"] / d[\"weight (lb)\"],\n fill: \"cylinders\", r: 4,\n title: d => d[\"name\"] + \", Cyl: \" + d[\"cylinders\"]\n }\n )\n ],\n color: {\n domain: [4,6,8],\n legend: true\n },\n style: {\n pointerEvents: \"all\"\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"Plot.plot({\n marks: [\n Plot.dot(\n cars,\n {\n x: \"economy (mpg)\", \n y: \"displacement (cc)\", \n fill: \"cylinders\", r: 4,\n name: \"name\" \n }\n ),\n Plot.linearRegressionY(\n cars,\n {\n x: \"economy (mpg)\", \n y: \"displacement (cc)\", \n stroke: \"gold\"\n }\n )\n ],\n color: {\n domain: [4,6,8],\n legend: true\n },\n style: {\n pointerEvents: \"all\"\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"## Chart types","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":67,"value":"Anscomb","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":81,"value":"acb = FileAttachment(\"anscomb.csv\").csv({ typed: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"Plot.plot(\n {\n grid: true,\n inset: 10,\n width: 900,\n height: 250,\n facet: {\n data: acb,\n x: \"group\"\n },\n marks: [\n Plot.frame(),\n Plot.dot(\n acb,\n {x: \"x\", y: \"y\"}\n ),\n Plot.linearRegressionY(acb, {x: \"x\", y: \"y\", stroke: \"steelblue\", ci: 0})\n \n ],\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"### Bar plot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":106,"value":"viewof table1 = Inputs.table(olympians)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"Plot.plot({\n marks: [\n Plot.barX(\n olympians,\n Plot.groupY(\n {x: \"count\"}, \n {\n y: \"nationality\",\n sort: {\n y: \"x\",\n reverse: true,\n limit:10\n },\n fill: d => d.nationality === \"USA\" ? \"dodgerblue\" : (d.nationality === \"ESP\" ? \"tomato\" : \"lightgrey\")\n }\n )\n ),\n Plot.ruleX([0])\n ],\n marginLeft: 50\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"lpd = FileAttachment(\"lizard_pitfall_data.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"Plot.plot({\n marks: [\n Plot.barX(\n lpd,\n Plot.groupY(\n {x: \"count\"}, \n {\n y: \"plot\",\n sort: {\n y: \"x\",\n reverse: true,\n limit:4\n },\n fill: d => d.plot === \"A\" ? \"dodgerblue\" : (\n d.plot === \"B\" ? \"tomato\" : (\n d.plot === \"C\" ? \"cyan\" : \"orange\"\n )\n )\n }\n )\n ),\n Plot.ruleX([0])\n ],\n marginLeft: 50\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"Plot.plot({\n marks: [\n Plot.barY(\n alphabet, \n {\n x: \"letter\", y: \"frequency\", fill: \"firebrick\", stroke: \"blue\",\n sort: {\n x: \"y\", \n reverse: true\n }\n }),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"Plot.plot({\n marks: [\n Plot.barY(\n lpd, \n Plot.groupX(\n {y: \"count\"}, \n {\n x: \"plot\",\n sort: {\n x: \"y\",\n reverse: true,\n limit:4\n },\n fill: d => d.plot === \"A\" ? \"dodgerblue\" : (\n d.plot === \"B\" ? \"tomato\" : (\n d.plot === \"C\" ? \"cyan\" : \"orange\"\n )\n )\n }\n )\n ),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"### Line chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":190,"value":"Plot.plot({\n marks: [\n Plot.lineY(\n alphabet, \n {\n x: \"letter\", y: \"frequency\", \n sort: {\n x: \"y\", \n reverse: true\n }\n }),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"Plot.plot({\n marks: [\n Plot.ruleY([0, 100]),\n Plot.lineY(aapl, {x: \"Date\", y: \"Close\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"Plot.plot({\n marks: [\n Plot.ruleY([0]),\n Plot.lineY(industries, {x: \"date\", y: \"unemployed\", z: \"industry\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"Plot.plot({\n marks: [\n Plot.ruleY([0]),\n Plot.lineY(\n industries, \n {\n x: \"date\", y: \"unemployed\", \n z:\"industry\",\n stroke: \"industry\",\n title: \"industry\"\n }\n )\n ],\n style: {\n pointerEvents: \"all\"\n },\n color: {\n legend: true,\n columns: \"110px\",\n width: 640\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"## Part 3: Interactivity","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":229,"value":"[YouTube](https://www.youtube.com/watch?v=hK_rMetZjl0&list=PLOHIJAFwtkEdEQ698jmgoEiC2FFtq-gys&index=3)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":292,"value":"### Slider and Radio","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":271,"value":"viewof inset = Inputs.range([-1, 9], {value: 2, step: 1, label: \"Inset\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"viewof pick_color = Inputs.radio(\n [\"orange\", \"red\", \"dodgerblue\", \"darkgreen\"], \n {\n label: \"Color\",\n value: \"red\", \n label: html`Color`, \n format: x => html`${x}`\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"Plot.plot({\n marks: [\n Plot.barY(\n alphabet, \n {\n x: \"letter\", \n y: \"frequency\", \n fill: pick_color, //#4c8bf5 - #F7B529 - #FF3E30 - #179C52\n sort: {\n x: \"y\", \n reverse: true\n },\n insetLeft: inset,\n insetRight: inset\n }\n ),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"### CheckBox and Input","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":321,"value":"viewof size2 = Inputs.radio(\n new Map([[\"Short\", 8], [\"Tall\", 12], [\"Grande\", 16], [\"Venti\", 20]]),\n {value: 12, label: \"Size\", format: ([name, value]) => `${name} (${value} oz)`}\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"Plot.plot({\n marks: [\n // Draw vertical bars\n Plot.barY(\n cars,\n // Group data into categories along the x axis\n Plot.groupX(\n { y: \"count\" }, // compute + display the count of observations in each group\n { \n x: \"cylinders\", // group observations by the `cylinders`\n fill : \"cylinders\",\n sort: { x: \"y\", reverse: true },\n } \n )\n )\n ],\n y: {\n label: \"↑ Count of cylinders types\"\n }, \n marginLeft: 60\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"ms = FileAttachment(\"msleep.csv\").csv({input : true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"viewof vore_pick = Inputs.radio(\n new Map([[\"Herbi\", \"herbi\"], [\"Omni\", \"omni\"], [\"Carni\", \"carni\"], [\"Insecti\", \"insecti\"]]),\n {value: \"herbi\", label: \"Vore\", format: ([name]) => `${name}`}\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"Plot.plot({\n marks: [\n // Draw vertical bars\n Plot.barY(\n ms,\n // Group data into categories along the x axis\n Plot.groupX(\n { y: \"count\" }, // compute + display the count of observations in each group\n { \n x: \"conservation\", // group observations by the `cylinders`\n filter: (d) => (d.conservation !== \"NA\" && d.vore == vore_pick),\n fill : \"conservation\",\n //filter: (d) => d.vore == vore_pick,\n sort: { x: \"y\", reverse: true },\n } \n )\n )\n ],\n y: {\n label: \"↑ Count of Vore types\"\n }, \n marginLeft: 60\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"**Spiders Datasets**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":357,"value":"spd = d3.csv(\n \"https://raw.githubusercontent.com/rfordatascience/tidytuesday/master/data/2021/2021-12-07/spiders.csv\"\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"Inputs.table(spd)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"viewof country = Inputs.radio(\n new Map([[\"Venezuela\", \"Venezuela\"], [\"Colombia\", \"Colombia\"], [\"Brazil\", \"Brazil\"]]), \n {\n label: \"Country\",\n sort: true, \n unique: true,\n format:([name]) => `${name}`\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"Plot.plot({\n marks: [\n Plot.barX(\n spd,\n Plot.groupY(\n {x: \"count\"},\n {\n y: \"family\",\n fill: \"family\",\n filter: (d) => d.distribution == country,\n sort: {y: \"x\", reverse:true, limit:10},\n }\n )\n )\n ],\n //fill: { domain: \"family\",range: cols1},\n x: {label: \"Count of Spiders by Family\"}, \n marginLeft: 100\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"## Downloads\n**You can get data back out of notebooks as CSV or JSON by clicking on the cell menu.**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":432,"value":"tmp = FileAttachment(\"temp.csv\").csv({ typed: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"tmp","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"viewof k = Inputs.range([1, 40], {label: \"Smoothin\", step: 1, value: 1})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"Plot.plot({\n marks: [\n Plot.lineY(tmp,\n Plot.windowY({\n x:\"date\",\n y: \"temperature\",\n k: k,\n reduce: \"mean\",\n stroke: \"city\"\n })\n )\n ],\n color: {\n domain: [\"Seattle\", \"Los Angeles\"],\n legend: true\n },\n marginLeft: 50\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"Plot.plot({\n marks: [\n Plot.dot(tmp,\n {\n x:\"temperature\",\n y: \"power\",\n fill: \"city\"\n }\n )\n ],\n color: {\n domain: [\"Seattle\", \"Los Angeles\"],\n legend: true\n },\n marginLeft: 50\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"## Part-5: Tranformation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":465,"value":"#### View data from Menu Data Table","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":463,"value":"tmp","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":468,"value":"#### View data from Menu JS Table","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":471,"value":"viewof tmp_table = Inputs.table(tmp)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"value":"#### Aggregation: grouping","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":475,"value":"ms","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"cons_names = [\"domesticated\", \"lc\", \"vu\", \"nt\", \"en\", \"cd\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":516,"value":"viewof active_conservation = Inputs.select(cons_names, {\n value: \"domesticated\",\n label: \"Select a conservation type:\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"## The type selected is: ${active_conservation}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":477,"value":"Plot.plot({\n grid: true,\n height: 400,\n x: {label: \"Vore Types\", size: 30},\n y: {label: \"↑ Frequency\"},\n text:{label:\"Title\"},\n\n marks: [\n Plot.frame(),\n Plot.barY(ms,\n {\n x: \"vore\",\n y: () => 1,\n fill: \"vore\",\n sort:{\n x:\"y\", \n reverse:true,\n limit:4\n },\n filter: (d) => (d.vore !== \"NA\" && d.conservation == active_conservation),\n fill: d => d.vore === \"omni\" ? \"dodgerblue\" : (\n d.vore === \"carni\" ? \"tomato\" : (\n d.vore === \"herbi\" ? \"cyan\" : \"orange\")\n )\n }\n ),\n Plot.ruleY([0])\n ],\n marginBottom: 50,\n title: \"Count items\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"[video](https://www.youtube.com/watch?v=dK2SnhEu_hg&list=PLOHIJAFwtkEdEQ698jmgoEiC2FFtq-gys&index=4)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":533,"value":"Plot.plot({\n marks: [\n Plot.barX(\n cars,\n Plot.groupY(\n { x: \"count\" },\n { y: \"cylinders\", sort: { y: \"x\", reverse: true } }\n )\n ),\n Plot.ruleX([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":537,"value":"Plot.plot({\n marks:[\n Plot.barY(\n cars,\n {\n x:\"cylinders\", \n fill: \"cylinders\",\n sort:{x:\"y\", reverse:true},\n y:() => 1\n },\n )\n ],\n color: { scheme: \"magma\", legend: true, label: \"cylinders\" }, //magma-viridis-\n grid: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"Plot.plot({\n marks:[\n Plot.barX(\n ms,\n Plot.groupY(\n {x:\"count\"},\n {y:\"vore\", sort:{y:\"x\", reverse:true}, fill:\"vore\"}\n )\n )\n ],\n color:{scheme:\"Accent\"}, // Dark2-Paired-Set1-Set2-Set3-Pastel1-Pastel2\n marginLeft:60\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"### Binning and Histograms","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":594,"value":"Plot.plot({\n marks:[\n Plot.dot(table1,{x:\"weight\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":587,"value":"Plot.plot({\n marks:[\n Plot.dot(\n table1,\n {\n x:\"weight\", fill:\"crimson\", opacity: 0.3\n }\n )\n ],\n x:{label: \"Weight (Kg)\"}\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"Plot.plot({\n marks:[\n Plot.dot(\n table1,\n Plot.dodgeY({\n x:\"weight\", fill:\"crimson\", opacity: 0.3\n })\n )\n ],\n x:{label: \"Weight (Kg)\"},\n width,\n height:200\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":607,"value":"Plot.plot({\n marks:[\n Plot.dot(\n table1,\n Plot.dodgeY({\n x:\"weight\", stroke:\"crimson\", r: 1\n })\n )\n ],\n x:{label: \"Weight (Kg)\"},\n width,\n height:200\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"Plot.plot({\n marks:[\n Plot.rectY(\n table1,\n Plot.binX(\n {y:\"count\"},\n {x:\"weight\"}\n )\n ),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"[video](https://www.youtube.com/watch?v=dK2SnhEu_hg&list=PLOHIJAFwtkEdEQ698jmgoEiC2FFtq-gys&index=4)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":621,"value":"[Vega-lite](https://www.youtube.com/watch?v=SnLBbbQzK1E)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":408,"value":"cols1= [\"#80801F\", \"#9F8E28\", \"#BF8A33\", \"#DF7E3E\", \"#FD6B4A\", \"#FF6060\", \"#FF7690\",\n \"#FF8DB9\", \"#FFA5DA\", \"#FFBEF2\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":412,"value":"myCategoricalColors = [\"orange\", \"#56B4e9\", \"#009e73\", \"tomato\", \"steelblue\", \"#f0e442\"] ","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"