2e:null 2f:["$","title",null,{"children":"March 30th and April 1st | Brentyn Muir | Observable"}] 34:T4cd,{ var svgDims = [600,300] var svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr("style","background:white;border:1px solid black") //scales var xScale = d3.scaleLinear().domain([0,50]).range([30,570]) var yScale = d3.scaleLinear().domain([100,0]).range([30,270]) //axes var xAxis = svg.append("g").attr("transform","translate(0,270)") d3.axisBottom(xScale)(xAxis) var yAxis = svg.append("g").attr("transform","translate(30,0)") d3.axisLeft(yScale)(yAxis) // //circles //for(var i = 0;i < binsData.length;i++){ // svg.append("circle") // .attr("r",5) // .attr("cx",xScale(binsData[i].x0)) // .attr("cy",yScale(binsData[i].length)) // .attr("fill","Lavender") // .attr("stroke","black") // } //path var pathData = d3.line().x(d => xScale(d.x0)).y(d => yScale(d.length)).curve(d3.curveMonotoneX)(binsData) svg.append("path") .attr("stroke","black") .attr("fill","lavender") .attr("d",pathData) //text svg.append("text") .text("Miles per gallon density") .attr("x",400) .attr("y",150) return svg.node() }35:T4e4,{ var svgDims = [600,300] var svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr("style","background:white;border:1px solid black") //scales var xScale = d3.scaleLinear().domain([45,220]).range([30,570]) var yScale = d3.scaleLinear().domain([120,0]).range([30,270]) //axes var xAxis = svg.append("g").attr("transform","translate(0,270)") d3.axisBottom(xScale)(xAxis) var yAxis = svg.append("g").attr("transform","translate(30,0)") d3.axisLeft(yScale)(yAxis) // //circles //for(var i = 0;i < binsData.length;i++){ // svg.append("circle") // .attr("r",5) // .attr("cx",xScale(binsData[i].x0)) // .attr("cy",yScale(binsData[i].length)) // .attr("fill","Lavender") // .attr("stroke","black") // } //path var areaData = d3.area().x(d => xScale(d.x0)).y0(d => yScale(0)) .y1(d=>yScale(d.length)).curve(d3.curveMonotoneX)(horsePowerData) svg.append("path") .attr("stroke","black") .attr("fill","lavender") .attr("d",areaData) //text svg.append("text") .text("Horsepower density") .attr("x",400) .attr("y",150) return svg.node() }36:T4dc,{ var svgDims = [600,300] var svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr("style","background:white;border:1px solid black") //scales var xScale = d3.scaleLinear().domain([0,50]).range([30,570]) var yScale = d3.scaleLinear().domain([100,0]).range([30,270]) //axes var xAxis = svg.append("g").attr("transform","translate(0,270)") d3.axisBottom(xScale)(xAxis) var yAxis = svg.append("g").attr("transform","translate(30,0)") d3.axisLeft(yScale)(yAxis) // //circles for(var i = 0;i < binsData.length;i++){ svg.append("rect") .attr("x",xScale(binsData[i].x0)) .attr("y",yScale(binsData[i].length)) .attr("width",xScale(binsData[i].x1) - xScale(binsData[i].x0)) .attr("height",yScale(0) - yScale(binsData[i].length)) .attr("fill","Lavender") .attr("stroke","black") } //totals for(var i = 0;i < binsData.length;i++){ var middle = (binsData[i].x1 + binsData[i].x0)/2 svg.append("text") .text(binsData[i].length) .attr("x",xScale(middle)) .attr("y",yScale(binsData[i].length)-(5)) .attr("text-anchor","middle") } return svg.node() }37:[] 32:{"id":"5aede14f28ed6048","slug":"march-30th-and-april-1st","title":"\nMarch 30th and April 1st\n","thumbnail":"c97cb34ec454345ecf8f873a2e3e24600d19f9fc054705b9c0d7ca92e988a0f7","access_level":"public","create_time":"$D2020-04-02T07:22:33.987Z","update_time":"$D2020-04-04T00:13:03.151Z","view_time":null,"first_public_time":"$D2020-04-03T09:17:01.737Z","has_unpublished_edits":null,"fork":{"id":"f02dc971cb423ddf","slug":"starter-template-data-viz-and-comm","title":"Starter Template Data Viz and Comm","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"stars":1,"starred":false,"owner":{"type":"team","id":"a92d27483baaceb6","login":"brentynm","name":"Brentyn Muir","avatar_url":"https://avatars-next.observableusercontent.com/7a1aa64531f0f1408bc1acfca3fb5f92414250ca342b923828dca72c9819e555","tier":"starter_2024"},"version":1069,"publish_version":1069,"role":null,"authored":false,"authors":[{"type":"individual","id":"d1b03517bd1af21b","login":"brentynm","name":"Brentyn Muir","avatar_url":"https://avatars-next.observableusercontent.com/7a1aa64531f0f1408bc1acfca3fb5f92414250ca342b923828dca72c9819e555","tier":null}],"members":[{"type":"individual","id":"d1b03517bd1af21b","login":"brentynm","name":"Brentyn Muir","avatar_url":"https://avatars-next.observableusercontent.com/7a1aa64531f0f1408bc1acfca3fb5f92414250ca342b923828dca72c9819e555","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"\nMarch 30th and April 1st\n","cells":[{"id":0,"value":"html`\n\n\n

\nMarch 30th and April 1st\n

\n\n

March 30th

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":980,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1022,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1019,"value":"html`\n

April 1st

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1008,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":926,"value":"md`\n---\n## Datasets\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":930,"value":"carsData = d3.json(\"https://vega.github.io/vega-datasets/data/cars.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":932,"value":"binsData = d3.histogram().value(d => d.Miles_per_Gallon)(carsData)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"horsePowerData = d3.histogram().value(d => d.Horsepower)(carsData)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":936,"value":"binsData.length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":947,"value":"binsData[2].length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":943,"value":"binsData[2].x0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":945,"value":"binsData[2].x1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md`\n---\n## Libraries\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"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"},{"id":24,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"stdlib = require( \"https://unpkg.com/@stdlib/stdlib@0.0.32/dist/stdlib-flat.min.js\" )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"