31:[] 2f:{"title":"NBA Shooting Density Contours","cells":[{"id":0,"value":"md`# NBA Shooting Density Contours\n\nDensity contours using NBA Player shooting data\n\nSource: [NBA Stats](https://stats.nba.com)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"viewof measure = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"viewof player = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"{\n const svg = d3.select(DOM.svg(width, height));\n \n let g = svg.append(\"g\")\n .attr(\"transform\", `translate(${ margin.left }, ${ margin.top })`);\n \n\n \n g.append(\"g\")\n .selectAll(\"path\")\n .data(contours)\n .enter().append(\"path\")\n .attr(\"d\", d3.geoPath())\n .attr(\"fill\", d => color(d.value))\n .attr(\"fill-opacity\", .2);\n \n g.append(\"g\")\n .call(g => g.append(\"svg:image\")\n .attr(\"xlink:href\", \"https://stats.nba.com/media/img/halfcourt.png\")\n .attr(\"width\", \"500\")\n .attr(\"height\", \"470\"));\n\n g.append(\"g\")\n .selectAll(\"circle\")\n .data(data)\n .enter().append(\"circle\")\n .attr(\"fill\", \"white\")\n .attr(\"cx\", d => x(d.x))\n .attr(\"cy\", d => y(d.y))\n .attr(\"r\", 1);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"viewof bandwidth = html``\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":260,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"players = ({\n \"201935\": \"https://gist.githubusercontent.com/youbastard/361f446f576dc0cef87bbef92f9443de/raw/71b2226f09b422d944c1e0df18c97d1850fc8ff8/201935.json\",\n \"201939\": \"https://gist.githubusercontent.com/youbastard/15282f67668096abb8a041e35c839350/raw/015f299e6ebfe539c4f812dbff79171a71443124/201939.json\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"data = {\n const data = (await fetch(players[player])).json().then(json=>json.map(mapShots).filter(filterShots));\n \n data.x = \"x\";\n data.y = \"y\";\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"md`### Scales`","pinned":false,"hidden":false,"mode":"ojs"},{"id":266,"value":"color = d3.scaleLinear()\n .domain(d3.extent(contours, d => d.value))\n .interpolate(function() { return d3.interpolateInferno; })","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"x = d3.scaleLinear()\n .domain([-250, 250])\n .rangeRound([0, 500])","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"y = d3.scaleLinear()\n .domain([420, -50])\n .rangeRound([470, 0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"md`### Code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"contours = d3.contourDensity()\n .x(d => x(d.x))\n .y(d => y(d.y))\n .size([width, height])\n .bandwidth(bandwidth)(data)","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"filterShots = (ev) => (measure===\"attempts\" || ev.f===+measure)","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"mapShots = (ev) => ({x:ev[0], y:ev[1], f:+ev[2]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":238,"value":"md`# Settings`","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"width = 520 ","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"height = 490\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"margin = ({top: 10, right: 10, bottom: 10, left: 10})","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"styles = html`\n `","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"md`### Libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}