2f:T448,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); svg.append("g") .selectAll("circle") .data(data) .join("circle") .attr("cx", d => x(d['PACE'])) .attr("cy", d => y(d['DRTG'])) .attr("r", 4) svg.append("g").attr("id", "annotation"); svg.append("text") // text label for the x axis .attr("x", width / 2 ) .attr("y", margin.top) .style("font", "30px times") .style("text-anchor", "middle") .text('Pace vs. Defensive Rating'); svg.append("text") // text label for the x axis .attr("x", width / 2 ) .attr("y", height) .style("text-anchor", "middle") .text('Pace'); svg.append("text") // text label for the y axis .attr("transform", "rotate(-90)") .attr("y", 0) .attr("x",0 - (height / 2)) .attr("dy", "1em") .style("text-anchor", "middle") .text("Defensive Rating"); return svg.node(); }30:[{"id":"8bdd6be3ad61cb32a91b87a60ff980e4da1ed3e7341f16a085e4eeb14d6e27bd85f0d115f64f70ed1083fe245de731ace991f03322d0a7dffe39307f64a57486","href":"https://static.observableusercontent.com/files/8bdd6be3ad61cb32a91b87a60ff980e4da1ed3e7341f16a085e4eeb14d6e27bd85f0d115f64f70ed1083fe245de731ace991f03322d0a7dffe39307f64a57486","name":"NBA_STATS.csv","type":"text/csv","lastModified":1669689049768.299,"size":1419},{"id":"e7c756b366f5fc4d02a0b8dafc7297c6308bb918dab3f1892fb2b3d8d0f2d1564868efd806b4409cb006668b411cc4b6a65ea045a0d9f395e519e873e1244c65","href":"https://static.observableusercontent.com/files/e7c756b366f5fc4d02a0b8dafc7297c6308bb918dab3f1892fb2b3d8d0f2d1564868efd806b4409cb006668b411cc4b6a65ea045a0d9f395e519e873e1244c65","name":"NBA_STATS@1.csv","type":"text/csv","lastModified":1669846838177.651,"size":1417}] 2d:{"title":"Basketball Evo","cells":[{"id":0,"value":"# Basketball Evo","pinned":false,"hidden":false,"mode":"md"},{"id":216,"value":" ","pinned":true,"hidden":false,"mode":"html"},{"id":286,"value":"stat1 = document.querySelector('#selector1');","pinned":true,"hidden":false,"mode":"ojs"},{"id":293,"value":"viewof var1 = stat1.value;","pinned":true,"hidden":false,"mode":"ojs"},{"id":188,"value":"circles = d3.select(chart).select(\"g#circles\").selectAll(\"circle\");","pinned":true,"hidden":false,"mode":"ojs"},{"id":194,"value":"annotations = d3.select(chart).select(\"g#annotation\");","pinned":true,"hidden":false,"mode":"ojs"},{"id":184,"value":"highlight = {\n const svg = d3.select(chart);\n \n circles.on(\"mouseover.highlight\", function(d) { \n d3.select(this)\n .raise()\n .style(\"stroke\", \"red\")\n .style(\"stroke-width\", 2);\n \n d3.select(status).text(\"highlight: \" + d.Pace + \", \" + d.DRTG);\n });\n\n circles.on(\"mouseout.highlight\", function(d) {\n d3.select(this).style(\"stroke\", null);\n d3.select(status).text(\"highlight: none\");\n });\n \n return status;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"hover = {\n const svg = d3.select(chart);\n\n circles.on(\"mouseover.hover1\", function(d) {\n let me = d3.select(this);\n \n annotations.insert(\"text\")\n .attr(\"id\", \"label\")\n .attr(\"x\", me.attr(\"cx\"))\n .attr(\"y\", me.attr(\"cy\"))\n .attr(\"text-anchor\", \"middle\")\n .text(d.PACE + d.DRTG);\n\n // show what we interacted with\n d3.select(status).text(\"hover: \" + d.letter);\n });\n\n circles.on(\"mouseout.hover1\", function(d) {\n annotations.select(\"text#label\").remove();\n d3.select(status).text(\"hover: none\");\n });\n \n return status;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"data = FileAttachment(\"NBA_STATS@1.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"height = 400","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"x = d3.scaleLinear()\n .domain(d3.extent(data, d => d.PACE\n )).nice()\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"y = d3.scaleLinear()\n .domain(d3.extent(data, d => d.DRTG)).nice()\n .range([height - margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x))","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))\n \n","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"margin = ({top: 25, right: 20, bottom: 35, left: 60})","pinned":true,"hidden":false,"mode":"ojs"},{"id":262,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}