2c:null 2d:["$","title",null,{"children":"Classification | Charles Redmond | Observable"}] 32:[] 30:{"id":"7b485ae282d66021","slug":"classification/2","title":"Classification","thumbnail":"02d0966ac0d2d8db2df91a1fe50d1affe81727f91ec980da6622ea1b09581a69","access_level":"public","create_time":"$D2020-09-28T15:03:43.088Z","update_time":"$D2020-09-28T16:42:01.732Z","view_time":null,"first_public_time":"$D2020-09-28T16:43:13.316Z","has_unpublished_edits":null,"fork":{"id":"d0bf757895a9a3f9","slug":"template","title":"Template","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"stars":0,"starred":false,"owner":{"type":"team","id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":"starter_2024"},"version":119,"publish_version":119,"role":null,"authored":false,"authors":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null}],"members":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":8,"collection":{"id":"83911aebcace17a1","slug":"fall20ds","title":"Fall20DS","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"type":"notebook","body":{"title":"Classification","cells":[{"id":0,"value":"md`# Classification`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"data = d3.json(\"https://vega.github.io/vega-datasets/data/cars.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"cars = data.filter(d => d.Name.split(\" \")[0] == \"chevrolet\" || d.Name.split(\" \")[0] == \"toyota\" || d.Name.split(\" \")[0] == \"datsun\")\n .filter(d => d.Miles_per_Gallon != null)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"d3.extent(cars,d => d.Miles_per_Gallon)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"svg = {\n const svg = html``\n const container = d3.select(svg)\n \n const scale = d3.scaleLinear().domain([0,45]).range([30,570])\n const axis = container.append(\"g\").attr(\"transform\",\"translate(0,150)\")\n d3.axisBottom(scale)(axis)\n \n for(let i = 0;i < 91; i = i + 1){\n const circle = container.append(\"circle\")\n .attr(\"r\",5)\n .attr(\"cx\",scale(cars[i].Miles_per_Gallon))\n .attr(\"cy\",130)\n .attr(\"fill\",\"tomato\")\n .attr(\"stroke\",\"black\")\n\n \n const make = cars[i].Name.split(\" \")[0]\n if(make == \"toyota\" || make == \"datsun\"){\n circle.attr(\"fill\",\"cornflowerblue\")\n .attr(\"cy\",150)\n }\n }\n \n container.append(\"line\")\n .attr(\"stroke\",\"black\")\n .attr(\"x1\",scale(threshold))\n .attr(\"y1\",0)\n .attr(\"x2\",scale(threshold))\n .attr(\"y2\",300)\n \n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"viewof threshold = slider({max:45})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"html`\n

CSS

\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 31:"$30:body"