31:T45d,{ let height = 40; const svgHTML = html``; const svg = d3.select(svgHTML) .style("width", "100%") .style("height", "auto") .attr("font-size", 10) .attr("font-family", "sans-serif") .attr("text-anchor", "middle"); svg.append('circle') .attr('fill','#C7CCDB') .attr('cx',8) .attr('cy',8) .attr('r',6); svg.append('text') .attr('x',20) .attr('y',8+4) .attr("font-size", 12) .attr("font-weight", 900) .attr("fill","#2A324B") .attr("font-family", "sans-serif") .attr("text-anchor", "start") .text('Pitch without a detectable bang! 🔇'); svg.append('circle') .attr('fill','#767B91') .attr('cx',8) .attr('cy',28) .attr('r',6); svg.append('text') .attr('x',20) .attr('y',28+4) .attr("font-size", 12) .attr("font-weight", 900) .attr("fill","#2A324B") .attr("font-family", "sans-serif") .attr("text-anchor", "start") .text('Pitch preceeded by a detectable 🗑 BANG! 🔔'); return(svg.node()) }32:T798,{ //let width = 932; let height = 500; const svgHTML = html``; const svg = d3.select(svgHTML) .style("width", "100%") .style("height", "auto") .attr("font-size", 10) .attr("font-family", "sans-serif") .attr("text-anchor", "middle"); const leaf = svg.selectAll("g") .data(packedData.leaves()) .enter().append("g") .attr("transform", d => `translate(${d.x + 1},${d.y + 1})`); leaf.append("circle") .attr("r", d => d.r) .attr("fill", d => { if(d.data.has_bangs == 'y'){ return "#767B91"; } else{ return "#C7CCDB"; } }); //.attr("fill", d => "#bbccff"); const categories = packedData.children; svg.selectAll(".categories") .data(categories) .enter() .append("g") .attr("transform", d => { if((d.data.Description=='Breaking Balls')||(d.data.Description=='Other')){ return `translate(${d.x + 1},${d.y + 1*d.r + 8})`; }else{ return `translate(${d.x + 1},${d.y - 1*d.r - 30})`; } }) .append("text") .html(d => { if((d.data.Description=='Breaking Balls')||(d.data.Description=='Other')){ return (' ↑ ' + d.data.Description + ''); }else{ return ('' + d.data.Description + ' ↓ '); } }) .attr("font-size", 20) .attr("font-weight", 900) .attr("fill","#2A324B") .attr("fill","#2A324B") .attr("font-family", "sans-serif") .attr("text-anchor", "middle"); return svg.node() } 33:[{"id":"47215877912414f240d2f1d2a24e6067bd3d4a81017953594f2b86436039b1f99bd22d28ad21541829f0929d5441452d1d30424811349a787a184ccda7d305ff","href":"https://static.observableusercontent.com/files/47215877912414f240d2f1d2a24e6067bd3d4a81017953594f2b86436039b1f99bd22d28ad21541829f0929d5441452d1d30424811349a787a184ccda7d305ff","name":"astros_bangs_20200127.csv","type":"text/csv","lastModified":1580337940659.285,"size":2967365}] 2f:{"title":"On the Thoroughness of Houston Astros Trash Can Banging 🚀🗑🔔⚾️","cells":[{"id":0,"value":"md`# On the Thoroughness of Houston Astros Trash Can Banging 🚀🗑🔔⚾️`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"md` *data courtesy of the fine work of [@adams_at](https://twitter.com/adams_at) posted to [signstealingscandal.com](http://signstealingscandal.com/)*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":346,"value":"md `For those unfamiliar, Major League Baseball's **Houston Astros** have recently been outed as having pulled off an [elaborate cheating scheme](https://en.wikipedia.org/wiki/Houston_Astros_sign_stealing_scandal) during the 2017 (and possibly beyond) season.\n\nTheir mission was to use video cameras to enable an off-field helper to detect the signs from the opposing team and then relay when the upcoming pitch would be off-speed using the sound of someone banging on a large trash bin\n\nThis analysis compares actual pitch type to the pitches before which the bang was heard`","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"md`It is interesting to note that the trash can banging was good but not perfect at indicating offspeed stuff.\n\nLater in the season, though, it was certainly more thorough and more accurate.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"md `## How often were bangs, offspeed pitches?\n\n## And how often were offspeed pitches... 'banged'?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":233,"value":"md`Each dot is a pitch during an Astros home-game between ${formatDate(daterange.range[0])} and ${formatDate(daterange.range[1])} that was thrown to one of the following batters:\n> *${battersFilter.toString()}*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":256,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"md`Number of Bangs per Game in 2017 *(select a window to update the graphic above (desktop only))*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"viewof daterange = barRangeSlider(data_as_json.filter(function(x){return x.has_bangs==\"y\";}),\n d=> (parseDate(d.game_date)))\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"md `*(select batters to update the graphic above)*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"viewof battersFilter = checkbox({\n options: uniqueBatters,\n value: uniqueBatters.map(function(x){return x.value;}),\n submit: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3@5\");","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"import {checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"import {barRangeSlider} from \"@mattdzugan/data-driven-range-sliders\" // fork from @bumbeishvili/utils","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"parseDate = d3.timeParse( \"%d/%m/%Y\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"formatDate = d3.timeFormat( \"%B %d, %Y\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"data_as_json = d3.csvParse(await FileAttachment(\"astros_bangs_20200127.csv\").text())\n//FileAttachment(\"astros_bangs_20200127.csv\");","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"uniqueBatters = {\n const lookup = {};\n const uniqueBatters = [];\n\n for (var item, i = 0; item = data_as_json[i++];) {\n var name = item.batter;\n\n if (!(name in lookup)) {\n lookup[name] = 1;\n uniqueBatters.push({\"value\":name, \"label\":name});\n }\n }\n return(uniqueBatters)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"highest_data_grouped_as_json = {\n const data = JSON.parse(JSON.stringify(data_as_json));\n\n let FB = [];\n let CH = [];\n let BR = [];\n let OT = [];\n\n for(let i in data){\n let record = data[i];\n let gameDate = parseDate(record.game_date);\n let pitchCategory = record.pitch_category;\n let batter = record.batter;\n if((gameDate>daterange.range[0])&&(gameDate 1);","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"packedData = {\n //let width = 930;\n let height = 500-20;\n let pack = d3.pack()\n .size([width, height])\n .padding(1)\n return pack(nodeHeirarchy);\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}