2d:null 2e:["$","title",null,{"children":"NBA Teams: At a Glance | Jimmy Zhang | Observable"}] 33:T5c3,{ switch (selection) { case "Offensive Metrics": return drawStatGroup({ data: advancedData.data, title: selection, headers: [ 'OFF_RATING', 'REB_PCT', 'AST_PCT', 'TM_TOV_PCT', 'TS_PCT', 'PACE' ] }); case "Playtypes": return drawStatGroup({ data: playTypeData, title: selection, headers: playTypes.map(p => p.type) }); case "Scoring Breakdown": return drawStatGroup({ data: scoringData.data, title: selection, headers: [ 'PCT_PTS_2PT', 'PCT_PTS_2PT_MR', 'PCT_PTS_3PT', 'PCT_PTS_FB', 'PCT_PTS_FT', 'PCT_PTS_PAINT' ] }); case "Assisted vs. Unassisted": return drawStatGroup({ data: scoringData.data, title: selection, headers: [ "PCT_AST_2PM", "PCT_UAST_2PM", "PCT_AST_3PM", "PCT_UAST_3PM", "PCT_AST_FGM", "PCT_UAST_FGM" ] }); case "Team Shooting": return drawStatGroup({ data: teamShooting, title: selection, headers: shootingHeaders.map(s => s + suffix) }); default: return drawStatGroup({ data: opponentShooting, title: "Opponent Shooting", headers: shootingHeaders.map(s => s + suffix), direction: d3.ascending }); } }34:T5d3,function parsePlaytypeTableWithGlossary(inputText) { const input = html`${inputText}`; // mapping of header names const headers = Array.from(input.getElementsByTagName("th")); const normalize = input => { return input .replace(/ /gi, '') .replace(/\s/g, '') .toLowerCase(); }; // only used for internal mapping const headerDisplays = headers.map(e => normalize(e.textContent) || ""); const headerAttributes = headers.map(e => e.getAttribute("data-field") || ""); const headerMap = new Map(d3.zip(headerDisplays, headerAttributes)); // mapping of column name to definition const stat = Array.from(input.querySelectorAll("dt")).map( i => headerMap.get(normalize(i.textContent)) || "" ); const definitions = Array.from(input.querySelectorAll("dd")).map(i => i.textContent.replace("\n", "").trim() ); const glossary = new Map(d3.zip(stat, definitions)); const toPctString = i => { return parseFloat(i.replace('%', '') / 100).toString(); }; const rows = Array.from(input.getElementsByTagName("tbody")[0].rows); const data = rows.map((r, i) => { const cols = Array.from(r.getElementsByTagName("td")); const rowData = {}; cols.map((c, i) => { if (i >= 0) { const stat = headerAttributes[i]; const value = c.textContent.trim(); rowData[stat] = stat.includes('PCT') ? toPctString(value) : value; } }); return d3.autoType(rowData); }); return data; }35:[{"id":"781e555792ead4e6f711b7c00227a001c2e2d8d59e2d8b904d57ebff439ace50f685cbc2199d3afb25ec049c8226c07eaa9aa5f55a611eb5d1c9f0fcde793834","href":"https://static.observableusercontent.com/files/781e555792ead4e6f711b7c00227a001c2e2d8d59e2d8b904d57ebff439ace50f685cbc2199d3afb25ec049c8226c07eaa9aa5f55a611eb5d1c9f0fcde793834","name":"isolation@1.html","type":"text/html","lastModified":1615357653685.45,"size":53806},{"id":"2978ccb99e5cb7e456468c058a496749628b4191b93bf8a12c3ffb6f27b5067a5b08207249a5967f8e4c955479c52286ed6af23d8993417d7a220bc226ac7be6","href":"https://static.observableusercontent.com/files/2978ccb99e5cb7e456468c058a496749628b4191b93bf8a12c3ffb6f27b5067a5b08207249a5967f8e4c955479c52286ed6af23d8993417d7a220bc226ac7be6","name":"transition@1.html","type":"text/html","lastModified":1598656640333.171,"size":18370},{"id":"d13b6901ef4588fa3d9084476e193a430b8afb0d7320ad6d934f54ec403e108061fc759a9690ac8e8281c517257b016f0ccb396b868c7f984bc9ccbcc2717a27","href":"https://static.observableusercontent.com/files/d13b6901ef4588fa3d9084476e193a430b8afb0d7320ad6d934f54ec403e108061fc759a9690ac8e8281c517257b016f0ccb396b868c7f984bc9ccbcc2717a27","name":"spot_up.html","type":"text/html","lastModified":1598655768386.105,"size":18886},{"id":"0a3c1f0ef66af2df239b6fc60bc997e1ee2cbbc943aefe65ba956d0e837c24cdef46cb0ca776b732c175b6dde2f479f498ed977da101508c8da0154e766f2bbf","href":"https://static.observableusercontent.com/files/0a3c1f0ef66af2df239b6fc60bc997e1ee2cbbc943aefe65ba956d0e837c24cdef46cb0ca776b732c175b6dde2f479f498ed977da101508c8da0154e766f2bbf","name":"isolation.html","type":"text/html","lastModified":1598656006081.063,"size":53168},{"id":"c94f9523120da4d992d78d8349a0e6a0d2c83f43f221b8423316c3d2c4946e6eb659fc5eb1b2c66c887baaa349581115505c2abc29153047f29efd2348d72ef9","href":"https://static.observableusercontent.com/files/c94f9523120da4d992d78d8349a0e6a0d2c83f43f221b8423316c3d2c4946e6eb659fc5eb1b2c66c887baaa349581115505c2abc29153047f29efd2348d72ef9","name":"ball-handler@1.html","type":"text/html","lastModified":1598656180192.635,"size":18629},{"id":"7155e99bfde2bee2207d07d248a67501934baa9a280c5c6d648afdd3816245665fa6f4dece63ae4605389011ae387807bee4acc71d7f5ce3d4298232242288d6","href":"https://static.observableusercontent.com/files/7155e99bfde2bee2207d07d248a67501934baa9a280c5c6d648afdd3816245665fa6f4dece63ae4605389011ae387807bee4acc71d7f5ce3d4298232242288d6","name":"pnr-man.html","type":"text/html","lastModified":1598658153833.302,"size":18212},{"id":"7c58811b8f16523fd7115e8bc9b8b46be4b13f2918229833cde98d75dc1efff79974394db4edca8a092040aca15e33053296b309e4ef78785c433299532d6210","href":"https://static.observableusercontent.com/files/7c58811b8f16523fd7115e8bc9b8b46be4b13f2918229833cde98d75dc1efff79974394db4edca8a092040aca15e33053296b309e4ef78785c433299532d6210","name":"post-up@2.html","type":"text/html","lastModified":1598658553382.291,"size":115694},{"id":"a0592f4e91cdf149412149a7423133172676bf4ab7f0d48185618cf7f2b1e242faedd5c2883cffe002216194fb1847e3005ea1e5c92e50a95496f873bdbb63cb","href":"https://static.observableusercontent.com/files/a0592f4e91cdf149412149a7423133172676bf4ab7f0d48185618cf7f2b1e242faedd5c2883cffe002216194fb1847e3005ea1e5c92e50a95496f873bdbb63cb","name":"cut.html","type":"text/html","lastModified":1598658867676.392,"size":52648},{"id":"16121836fe04b3d5c60f7031ea5f5c275ca21abb852320ccd7a95ffb2c04e3e3ba82fd41b90d1be0b5cbb07023e6bf6763ce58c2c5e12c632b87ba851d3a7776","href":"https://static.observableusercontent.com/files/16121836fe04b3d5c60f7031ea5f5c275ca21abb852320ccd7a95ffb2c04e3e3ba82fd41b90d1be0b5cbb07023e6bf6763ce58c2c5e12c632b87ba851d3a7776","name":"cut@1.html","type":"text/html","lastModified":1615358010804.467,"size":54494},{"id":"6ca10d8f456a222e4ef03ce973f59b7debcbe9d6138beb6cee84af6b1c5b0cef8f9d1cf9faa3ec79a4f8afa8b064757d4b02a5047f2249258d9044346ada7c24","href":"https://static.observableusercontent.com/files/6ca10d8f456a222e4ef03ce973f59b7debcbe9d6138beb6cee84af6b1c5b0cef8f9d1cf9faa3ec79a4f8afa8b064757d4b02a5047f2249258d9044346ada7c24","name":"spot-up.html","type":"text/html","lastModified":1615357978870.587,"size":54662},{"id":"f7cc39d7e149378dde2efc7e0e878747adf0404eec8493abb52fac4c3ed28b3968bee1fd351103971783c4e4852fd34f8d202e4edee39ab642185d07af7e5aee","href":"https://static.observableusercontent.com/files/f7cc39d7e149378dde2efc7e0e878747adf0404eec8493abb52fac4c3ed28b3968bee1fd351103971783c4e4852fd34f8d202e4edee39ab642185d07af7e5aee","name":"post-up@3.html","type":"text/html","lastModified":1615357931756.723,"size":54626},{"id":"8a834b7eb20871b842d047c884f278becc5d76c9605d246e1c08f3a39803452a56f8e958cca37beba1d5c5bd151920abaa8ab92b62ef050e43a99c2aeff67bc1","href":"https://static.observableusercontent.com/files/8a834b7eb20871b842d047c884f278becc5d76c9605d246e1c08f3a39803452a56f8e958cca37beba1d5c5bd151920abaa8ab92b62ef050e43a99c2aeff67bc1","name":"pnr-man@1.html","type":"text/html","lastModified":1615357884323.151,"size":51008},{"id":"dfc8cf243b857cc9030e7302b9d21e43b366257e1aa0b4e353e82eb5332854eacc51dd799fe7ae325672a929c8e5c1b39f4061864611aa3020355ac72b0d5357","href":"https://static.observableusercontent.com/files/dfc8cf243b857cc9030e7302b9d21e43b366257e1aa0b4e353e82eb5332854eacc51dd799fe7ae325672a929c8e5c1b39f4061864611aa3020355ac72b0d5357","name":"ball-handler@2.html","type":"text/html","lastModified":1615357819118.985,"size":54091},{"id":"2b50f4beb5b3484d062cb4c4c3a957ef25eb24717a56ee024eb5e2ebf841496c6b5892ddac86bd8db8599f9384893fbf6fba8e7a38d1c5d8d1185d62633b896b","href":"https://static.observableusercontent.com/files/2b50f4beb5b3484d062cb4c4c3a957ef25eb24717a56ee024eb5e2ebf841496c6b5892ddac86bd8db8599f9384893fbf6fba8e7a38d1c5d8d1185d62633b896b","name":"transition@2.html","type":"text/html","lastModified":1615357756600,"size":54399}] 31:{"id":"0fe4ec36091983a8","slug":"nba-teams-at-a-glance","title":"NBA Teams: At a Glance","thumbnail":"1d59ee18725789f04fd73fe0056d334ebba542b34b51e39b12fb484af1956d64","access_level":"public","create_time":"$D2020-08-28T18:02:34.649Z","update_time":"$D2021-03-10T16:13:43.126Z","view_time":null,"first_public_time":"$D2021-03-10T07:52:09.180Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"8e1b7fadfb4fae45","login":"jzhang","name":"Jimmy Zhang","avatar_url":"https://avatars-next.observableusercontent.com/d339fb5ce9b016c6eb835831aa678b41fa731155c55d86b8155d6ef989bd58d6","tier":"starter_2024"},"version":888,"publish_version":888,"role":null,"authored":false,"authors":[{"type":"individual","id":"7c36f3a53eb6b985","login":"jzhang","name":"Jimmy Zhang","avatar_url":"https://avatars-next.observableusercontent.com/d339fb5ce9b016c6eb835831aa678b41fa731155c55d86b8155d6ef989bd58d6","tier":null}],"members":[{"type":"individual","id":"7c36f3a53eb6b985","login":"jzhang","name":"Jimmy Zhang","avatar_url":"https://avatars-next.observableusercontent.com/d339fb5ce9b016c6eb835831aa678b41fa731155c55d86b8155d6ef989bd58d6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"7c4cc4c1e8c21f89","slug":"nba-data-viz","title":"NBA Data Viz","owner":{"id":"8e1b7fadfb4fae45","login":"jzhang","name":"Jimmy Zhang"}},"type":"notebook","body":{"title":"NBA Teams: At a Glance","cells":[{"id":0,"value":"md`# NBA Teams: At a Glance`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"md`Data as of March 9th, 2021, from [stats.nba.com](https://www.stats.nba.com).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":884,"value":"md`Each bar in the chart below represents a team, ranked in order of number of wins. Hover over a bar below to see how that team ranks relative to the rest of the league across several statistical categories.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"html`${['W'].map(c => {\n const config = {\n inputData: advancedData.data,\n category: c\n };\n return html`

${advancedBar(\n config\n )}

`;\n})}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":831,"value":"viewof selection = Select(\n [\n \"Offensive Metrics\",\n \"Playtypes\",\n \"Scoring Breakdown\",\n \"Assisted vs. Unassisted\",\n \"Team Shooting\",\n \"Opponent Shooting\"\n ],\n { value: \"Offensive Metrics\", label: \"Select a category\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":837,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"suffix = \"_FG%\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"function drawStatGroup({ data, title, headers, direction = d3.descending }) {\n const xScale = d3\n .scaleBand()\n .domain(headers)\n .range([margin.left, width - margin.right]);\n\n const container = html`

${title}: ${selectedTeam}

`;\n\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":592,"value":"import { label } from \"@jzhang/utilities\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"margin = ({ top: 35, bottom: 20, left: 10, right: 10 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"getDataForHeader = (data, h, direction) => {\n return data\n .map(d => {\n return {\n team: d.TEAM_NAME,\n value: d[h]\n };\n })\n .sort((a, b) => direction(a.value, b.value));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":692,"value":"function drawStatAxes(data, bandwidth) {\n const [min, max] = d3.extent(data.map(d => d.value));\n const buffer = (max - min) * 0.08;\n\n const x = d3\n .scaleLinear()\n .domain([min - buffer, max + buffer])\n .range([0, bandwidth * .95]);\n\n return svg`\n \n ${d3\n .select(svg``)\n .call(\n d3\n .axisBottom(x)\n .ticks(1)\n .tickValues([x.domain()[0] + (x.domain()[1] - x.domain()[0]) / 2])\n )\n .call(g => g.select(\".domain\").remove())\n .node()}\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"function drawStat(data, bandwidth, onhover) {\n // iteration 2: yScale based on rank, xScale based on data.value\n const yScale = d3\n .scaleBand()\n .domain(d3.range(data.length))\n .padding(0.1)\n .range([margin.top, height - margin.bottom]); // TODO: figure out whats going on here\n\n // add buffer to min and max values\n const [min, max] = d3.extent(data.map(d => d.value));\n const buffer = (max - min) * 0.08;\n\n const x = d3\n .scaleLinear()\n .domain([min - buffer, max + buffer])\n .range([0, bandwidth * .95]);\n\n return data.map((d, i) => {\n return svg``;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"import { move } from \"@wattenberger/chart-utility-functions\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":829,"value":"import { Radio, Select } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"height = 245","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"d3 = require.alias({\n 'd3-selection': 'd3',\n 'd3-transition': 'd3'\n})('d3', 'd3-selection-multi')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"md`---\n\n## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import {\n mutable selectedTeam,\n advancedData,\n advancedBar,\n lookup,\n color,\n shootingHeaders,\n opponentShooting,\n teamShooting,\n scoringData,\n parseTableWithGlossary\n} from \"11654fe925a4a8e3\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"value":"teams = advancedData.data.map(t => t.TEAM_NAME)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"playTypeAccessor = 'POSS_PCT'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"playTypes = [\n {\n type: 'isolation',\n data: parsePlaytypeTableWithGlossary(\n await FileAttachment(\"isolation@1.html\").text()\n )\n },\n {\n type: 'pnr-ball-handler',\n data: parsePlaytypeTableWithGlossary(\n await FileAttachment(\"ball-handler@2.html\").text()\n )\n },\n {\n type: 'pnr-roller',\n data: parsePlaytypeTableWithGlossary(\n await FileAttachment(\"pnr-man@1.html\").text()\n )\n },\n {\n type: 'spotUp',\n data: parsePlaytypeTableWithGlossary(\n await FileAttachment(\"spot-up.html\").text()\n )\n },\n {\n type: 'transition',\n data: parsePlaytypeTableWithGlossary(\n await FileAttachment(\"transition@2.html\").text()\n )\n },\n {\n type: 'post-up',\n data: parsePlaytypeTableWithGlossary(\n await FileAttachment(\"post-up@3.html\").text()\n )\n },\n {\n type: 'cut',\n data: parsePlaytypeTableWithGlossary(\n await FileAttachment(\"cut@1.html\").text()\n )\n }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"playTypeData = {\n const getDataForTeamAndPlaytype = (team, inputData) => {\n return inputData.filter(d => d.TEAM_NAME === team)[0];\n };\n\n return teams.map(t => {\n const obj = { TEAM_NAME: t };\n for (let d of playTypes) {\n const { data, type } = d;\n const playTypeForTeam = getDataForTeamAndPlaytype(t, data);\n obj[type] = playTypeForTeam[playTypeAccessor];\n }\n return obj;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"