2c:null 2d:["$","title",null,{"children":"Data Analysis | Charles Redmond | Observable"}] 32:T46e,svg = { const svg = html`` const container = d3.select(svg) const xScale = d3.scaleLinear().domain([-10,120]).range([30,570]) const xAxis = container.append("g").attr("transform","translate(0,270)") d3.axisBottom(xScale).tickFormat(d3.format(".0f"))(xAxis) const yScale = d3.scaleLinear().domain([0,240]).range([270,30]) const yAxis = container.append("g").attr("transform",`translate(${xScale(0)},0)`) d3.axisLeft(yScale)(yAxis) for(let i = 0; i < 127; i = i + 1){ container.append("circle") .attr("r",2) .attr("cx",xScale(phillies[i].yearID - 1900)) .attr("cy",yScale(phillies[i].HR)) } /*const pathData = d3.line().x(d => xScale(d.yearID)).y(d=> yScale(d.HR)).curve(d3.curveNatural)(phillies) container.append("path") .attr("stroke","black") .attr("fill","none") .attr("d",pathData)*/ container.append("line") .attr("stroke","tomato") .attr("stroke-width",3) .attr("x1",xScale(-10)) .attr("y1",yScale(slope*(-10)+intercept)) .attr("x2",xScale(120)) .attr("y2",yScale(slope*120+intercept)) return svg } 33:[] 30:{"id":"04cdb58c7f816b6c","slug":"data-analysis/2","title":"Data Analysis","thumbnail":"3a452827eaa56ef31495ee43f629883cefb55871962050acf5ece06003dc3d92","access_level":"public","create_time":"$D2020-09-19T13:26:33.634Z","update_time":"$D2020-09-19T19:43:27.466Z","view_time":null,"first_public_time":"$D2020-09-27T17:28:54.800Z","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":218,"publish_version":218,"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":22,"collection":{"id":"83911aebcace17a1","slug":"fall20ds","title":"Fall20DS","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"type":"notebook","body":{"title":"Data Analysis","cells":[{"id":0,"value":"md`# Data Analysis`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"data = d3.csv(`https://gist.githubusercontent.com/bendazz/c36e23b3400ba346107eefdcb9e48b0f/raw/1e69dab04fd605be0fcadc1953f3c5dfa1e3091c/Teams.csv`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"phillies = data.filter(d => d.name == \"Philadelphia Phillies\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"yearExtent = d3.extent(phillies,d => parseInt(d.yearID))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"HRExtent = d3.extent(phillies,d => parseInt(d.HR))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"tex`y = ${slope}x + ${intercept}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"rmse = {\n const arr = []\n for(let i = 0; i < 127; i = i + 1){\n const y = phillies[i].HR\n const x = phillies[i].yearID - 1900\n const yhat = slope*x + intercept\n const diff = y - yhat\n const sqDiff = diff*diff\n arr.push(sqDiff)\n }\n return Math.sqrt(d3.sum(arr))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"viewof intercept = slider({max:80})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"viewof slope = slider({max:3})","pinned":false,"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":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"