31:[] 2f:{"title":"NBA Shooting Efficiency by Shotclock Range","cells":[{"id":0,"value":"md`# NBA Shooting Efficiency by Shotclock Range\n\nThis chart examines how NBA teams shot during various shotclock ranges during the 2017-18 Regular Season.\n\nSource: [NBA.com/Stats](https://stats.nba.com/teams/shots-shotclock/)\n`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"viewof teams = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"{\n const svg = d3.select(DOM.svg(width, height));\n \n \n /**\n * Axis\n **/\n svg.append(\"g\")\n .attr(\"class\", \"x-axis\")\n .call(xAxis);\n \n svg.append(\"g\")\n .attr(\"class\", \"y-axis\")\n .call(yAxis);\n \n \n /**\n * Lines\n **/\n svg.append(\"path\")\n .data([team.ranges])\n .attr(\"class\", \"line freq\")\n .attr(\"d\", freq);\n\n svg.append(\"path\")\n .data([team.ranges])\n .attr(\"d\", efg)\n .attr(\"class\", \"line efg\");\n\n svg.append(\"path\")\n .data([team.ranges])\n .attr(\"d\", fgp)\n .attr(\"class\", \"line fgp\");\n \n \n /**\n * Line Labels\n **/\n let labels = svg.selectAll(\".labels\")\n .data(team.labels)\n .enter()\n .append(\"g\")\n .attr(\"class\", \"label\")\n .attr(\"transform\", d => `translate(${ x('4-0') }, ${ y(d[1]) })`);\n \n labels.append(\"circle\")\n .attr(\"r\", 4)\n .attr(\"cx\", 0)\n .attr(\"cy\", 0); \n \n labels.append(\"text\")\n .attr(\"dx\", 5)\n .attr(\"dy\", 3)\n .text(d => d[0]); \n \n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"data = {\n let url = `https://gist.githubusercontent.com/dysphasia/3141a1f32bad2425472e5dd661a4e716/raw/223fc1dfbbfbffb5a3c98b58edd400c19cedbdc0/nba-team-shotclock.json`;\n \n let data = await fetch(url)\n .then(resp => resp.json());\n \n data.forEach((tm) => {\n let r = tm.ranges[tm.ranges.length-1];\n tm.labels = [['FG%', r.fgp],['FREQ', r.freq],['eFG%', r.efg]];\n });\n \n \n data.x = 'Shotclock Range';\n \n return data;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"team = data.find((ts) => ts.team===teams)","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"md`### Code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"fgp = d3.line()\n .curve(d3.curveBasis)\n .x(d => x(d.range))\n .y(d => y(d.fgp))","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"efg = d3.line()\n .curve(d3.curveBasis)\n .x(d => x(d.range))\n .y(d => y(d.efg))","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"freq = d3.line()\n .curve(d3.curveBasis)\n .x(d => x(d.range))\n .y(d => y(d.freq))","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"x = d3.scalePoint()\n .domain(['24-22', '22-18', '18-15', '15-7', '7-4', '4-0'])\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"y = d3.scaleLinear()\n .domain([0, 1])\n .rangeRound([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"xAxis = g => g.append(\"g\")\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).tickSizeOuter(0))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\")\n .select(function() { return this.parentNode.appendChild(this.cloneNode()); })\n .attr(\"y\", -3)\n .attr(\"dy\", null)\n .attr(\"font-weight\", \"bold\")\n .attr(\"text-anchor\", \"end\")\n .text(data.x))","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"yAxis = g => g.append(\"g\")\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y).tickSizeOuter(0).tickSize(-width+margin.left+margin.right).tickFormat(d3.format(\".0%\")))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"md`### Settings`","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"margin = ({top: 30, right: 80, bottom: 30, left: 40})","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"styles = html`\n `","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"md`### Libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}