2e:null 2f:["$","title",null,{"children":"NBA Shooting Density Contours | Nicholas Ortenzio | Observable"}] 34:[] 32:{"id":"c54bce8c919e5abe","slug":"nba-shooting-density-contours","title":"NBA Shooting Density Contours","thumbnail":"7b469a1b1522f3ab1613747bf20f8ba8b4f53e1e75459f52d53d4fbfc86dc19b","access_level":"public","create_time":"$D2018-10-30T19:32:17.425Z","update_time":"$D2020-02-27T21:51:01.890Z","view_time":null,"first_public_time":"$D2019-05-20T17:28:10.784Z","has_unpublished_edits":null,"fork":{"id":"9117990d82b96033","slug":"density-contours","title":"Density contours","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":7,"starred":false,"owner":{"type":"team","id":"65730a2f62b6cd97","login":"nor","name":"Nicholas Ortenzio","avatar_url":"https://avatars-next.observableusercontent.com/dfecce7b5dbb71ff0838535d544e7b6355f37ef51d092589e7240555e884585f","tier":"starter_2024"},"version":316,"publish_version":316,"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":5,"collection":{"id":"00a29435428dd5a0","slug":"nba","title":"NBA","owner":{"id":"65730a2f62b6cd97","login":"nor","name":"Nicholas Ortenzio"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"viewof measure = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"viewof player = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"viewof bandwidth = html``\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"md`### Scales`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"x = d3.scaleLinear()\n .domain([-250, 250])\n .rangeRound([0, 500])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"y = d3.scaleLinear()\n .domain([420, -50])\n .rangeRound([470, 0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"md`### Code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"filterShots = (ev) => (measure===\"attempts\" || ev.f===+measure)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"mapShots = (ev) => ({x:ev[0], y:ev[1], f:+ev[2]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"md`# Settings`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"width = 520 ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"height = 490\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"margin = ({top: 10, right: 10, bottom: 10, left: 10})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"styles = html`\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"md`### Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"