29:null 2a:["$","title",null,{"children":"NBA Shooting Efficiency by Shotclock Range | Nicholas Ortenzio | Observable"}] 2f:[] 2d:{"id":"1208e5d9a1917c86","slug":"nba-shooting-efficiency-by-shotclock-range","title":"NBA Shooting Efficiency by Shotclock Range","thumbnail":"f3a01fe5c1a64eabd3d3faa5c803ae748415322c772e48f37982535b08010285","access_level":"public","create_time":"$D2018-11-04T15:16:55.372Z","update_time":"$D2026-03-20T17:38:13.074Z","view_time":null,"first_public_time":"$D2022-04-02T05:24:13.460Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"65730a2f62b6cd97","login":"nor","name":"Nicholas Ortenzio","avatar_url":"https://avatars-next.observableusercontent.com/dfecce7b5dbb71ff0838535d544e7b6355f37ef51d092589e7240555e884585f","tier":"starter_2024"},"version":164,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"29695fa7f26d10d1","login":"nor","name":"Nicholas Ortenzio","avatar_url":"https://avatars-next.observableusercontent.com/dfecce7b5dbb71ff0838535d544e7b6355f37ef51d092589e7240555e884585f","tier":null}],"members":[{"type":"individual","id":"29695fa7f26d10d1","login":"nor","name":"Nicholas Ortenzio","avatar_url":"https://avatars-next.observableusercontent.com/dfecce7b5dbb71ff0838535d544e7b6355f37ef51d092589e7240555e884585f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"00a29435428dd5a0","slug":"nba","title":"NBA","owner":{"id":"65730a2f62b6cd97","login":"nor","name":"Nicholas Ortenzio"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"viewof teams = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"team = data.find((ts) => ts.team===teams)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"md`### Code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"y = d3.scaleLinear()\n .domain([0, 1])\n .rangeRound([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"md`### Settings`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"margin = ({top: 30, right: 80, bottom: 30, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"styles = html`\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md`### Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"