41:null 42:["$","title",null,{"children":"Classification | Morgan Snyder | Observable"}] 48:[] 46:{"id":"c3f62b7cedbc1802","slug":"classification","title":"Classification","thumbnail":"06859a59fc8746b09a3ca7fefdd2ed1954ba418747f520024d2cf92eadc69f72","access_level":"public","create_time":"$D2020-11-11T16:04:18.328Z","update_time":"$D2020-11-11T17:31:14.640Z","view_time":null,"first_public_time":"$D2020-11-11T17:18:06.719Z","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":"45fa159b6ab2ec9e","login":"msnyder","name":"Morgan Snyder","avatar_url":"https://avatars-next.observableusercontent.com/0138ee80488fe1142127d324a06c9df2dff9b0a996dab93e576a317d6441e37a","tier":"starter_2024","bio":"","following":false},"version":111,"publish_version":111,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f8b4ee0f00207f6","login":"msnyder","name":"Morgan Snyder","avatar_url":"https://avatars-next.observableusercontent.com/0138ee80488fe1142127d324a06c9df2dff9b0a996dab93e576a317d6441e37a","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"5f8b4ee0f00207f6","login":"msnyder","name":"Morgan Snyder","avatar_url":"https://avatars-next.observableusercontent.com/0138ee80488fe1142127d324a06c9df2dff9b0a996dab93e576a317d6441e37a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Classification","cells":[{"id":0,"value":"md`# Classification`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"data = d3.json(\"https://vega.github.io/vega-datasets/data/cars.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"svg = {\n const svg = html``\n const container = d3.select(svg)\n\n const xScale = makeXAxis(container,[0,40],[30,570],150)\n \n for(let i = 0;i < 94; i = i + 1){\n const circle = container.append(\"circle\")\n .attr(\"r\",5)\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",\"skyblue\")\n .attr(\"cx\",xScale(cars[i].Miles_per_Gallon))\n .attr(\"cy\",150)\n circle.attr(\"fill\",\"gold\")\n \n if(cars[i].Name.split(\" \")[0] == \"chevrolet\"){\n circle.attr(\"fill\",\"tomato\").attr(\"cy\",130)\n }\n \n }\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"html`\n

CSS

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

Libraries

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"math = require('mathjs@6.2.1/dist/math.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"makeXAxis = function(container,domain,range,y){\n const xScale = d3.scaleLinear().domain(domain).range(range)\n const xAxis = container.append(\"g\").attr(\"transform\",`translate(0,${y})`)\n d3.axisBottom(xScale)(xAxis)\n return xScale\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"makeYAxis = function(container,domain,range,x){\n const yScale = d3.scaleLinear().domain(domain).range(range)\n const yAxis = container.append(\"g\").attr(\"transform\",`translate(${x},0)`)\n d3.axisLeft(yScale)(yAxis)\n return yScale\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 47:"$46:body"