31:T9ce,{ // margin convention const div = html`

` const margin = {top: 25, right: 60, bottom: 50, left: 50}; const width = 960 - margin.left - margin.right; const height = 500 - margin.top - margin.bottom; const radius = 3; var svg = DOM.svg(width + margin.left + margin.right, height + margin.top + margin.bottom); div.appendChild(svg); svg = d3.select(svg); const g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")"); // tooltip const tooltip = d3.select(div.querySelector("#time-tooltip")) .style("display", "none") .attr("class", "tooltip"); // scales const x = d3.scaleTime() .domain(d3.extent(seasonsPerYear, d => d.key)) .rangeRound([0, width]); const y = d3.scaleLinear() .domain(d3.extent(seasonsPerYear, d => d.values.length)) .rangeRound([height, 0]); //axes g.append("g") .attr("transform", "translate(0,"+height+")") .call(d3.axisBottom(x).ticks(d3.timeYear.every(10))); g.append("g") .call(d3.axisLeft(y)); g.append("text") .text("Year") .attr("x", width/2) .attr("y", height + 35) .attr("class", "axisLabel"); g.append("text") .text("Number of Players") .attr("transform", "translate(-35," + (height / 2) + ") rotate(-90)") .attr("class", "axisLabel"); const line = d3.line() .x(d => x(d.key)) .y(d => y(d.values.length)); g.append("path") .datum(seasonsPerYear) .attr("stroke", "steelblue") .attr("stroke-width", "1.5") .attr("fill", "none") .attr("d", line); g.selectAll(".circle") .data(seasonsPerYear) .enter().append("circle") .attr("class", "circle") .attr("cx", d => x(d.key)) .attr("cy", d => y(d.values.length)) .attr("fill", "steelblue") .attr("r", radius) .on("mouseover", function(d, i) { let crcl = d3.select(this); crcl.attr("r", radius * 1.5); tooltip.style("display", "inline-block") .text(d.key.getFullYear() + " - " + d.values.length) .style("left", (x(d.key) + margin.left) + "px") .style("top", (y(d.values.length) + margin.top) + "px") }) .on("mouseout", function(d) { // remove tooltip on mouseout d3.select(this).attr("r", radius); tooltip.style("display", "none") }); return div; }32:Tef6,{ // margin convention const div = html`

` const margin = {top: 50, right: 50, bottom: 50, left: 50}; const width = 960 - margin.left - margin.right; const height = 550 - margin.top - margin.bottom; var svg = DOM.svg(width + margin.left + margin.right, height + margin.top + margin.bottom); div.appendChild(svg); svg = d3.select(svg); const top = svg.append("g").attr("transform", "translate(" + margin.left + "," + 5 + ")"); const g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")"); // tooltip const tooltip = d3.select(div.querySelector("#time-tooltip")) .style("display", "none") .attr("class", "tooltip"); // scales const x = d3.scaleTime() .domain(d3.extent(seasonAverages, d => d.year)) .rangeRound([0, width]); const y = d3.scaleLinear() .domain([0, d3.max(seasonAverages, d => (d.H + d.SO + d.BB))]) .rangeRound([height, 0]); const color = d3.scaleOrdinal(d3.schemeCategory10); //axes g.append("g") .attr("transform", "translate(0,"+height+")") .call(d3.axisBottom(x).ticks(d3.timeYear.every(10))); g.append("g") .call(d3.axisLeft(y)); // axes labels g.append("text") .text("Year") .attr("x", width/2) .attr("y", height + 35) .attr("class", "axisLabel"); g.append("text") .text("Average per Game") .attr("transform", "translate(-35," + (height / 2) + ") rotate(-90)") .attr("class", "axisLabel"); // stacked areas var keys = ["H", "BB", "SO"]; keys.forEach(d => color(d)); if (strikeoutLocation == "Bottom") keys = keys.reverse(); const stack = d3.stack().keys(keys); const stackData = stack(seasonAverages); const area = d3.area() .x(d => x(d.data.year)) .y0(d => y(d[0])) .y1(d => y(d[1])); const layer = g.selectAll(".layer") .data(stackData) .enter().append("g") .attr("class", "layer"); layer.append("path") .attr("fill", d => color(d.key)) .attr("d", area); // legend const legend = top.selectAll(".legend-item") .data(keys.reverse()) .enter().append("g") .attr("class", "legend-item") .attr("transform", (d, i) => "translate(0," + (i * 15) + ")"); const size = 10; legend.append("rect") .attr("width", size) .attr("height", size) .attr("fill", d => color(d)); legend.append("text") .text(d => d) .attr("class", "top-text") .attr("y", size/2) .attr("dx", "1.25em") .attr("dy", "0.35em") // hover - https://bl.ocks.org/mbostock/3902569 const hoverLine = g.append("line") .attr("x1", 0) .attr("x2", 0) .attr("y1", 0) .attr("y2", height) .attr("stroke-width", 2) .attr("stroke", ""); g.append("rect") .attr("width", width) .attr("height", height) .attr("fill", "none") .attr("pointer-events", "all") .on("mouseout", mouseout) .on("mousemove", mousemove); const info = top.append("text") .attr("class", "top-text") .attr("text-anchor", "middle") .attr("x", width/2) .attr("y", margin.top/2) .attr('xml:space', 'preserve'); const f1 = d3.format(".2f"); const f2 = d3.format("5.2f"); function mousemove() { const year = x.invert(d3.mouse(this)[0]).getFullYear(); const d = seasonAveragesByYear[year]; const x1 = x(d.year); hoverLine.attr("stroke", "black") .attr("x1", x1) .attr("x2", x1); info.text(year + " per game stats - SO: " + f1(d.SO) + ", H: " + f2(d.H) + ", BB: " + f1(d.BB)); } function mouseout() { hoverLine.attr("stroke", ""); info.text(""); } return div; }33:T82f,{ const radius = 10; const space = radius * 3; const rows = 10; const cols = Math.ceil(seasonsPerPlayer.length / rows); const width = cols * space + space; const height = rows * space + space; const div = html`

` var svg = DOM.svg(width + space, height + space); div.appendChild(svg); const g = d3.select(svg).append("g").attr("transform", "translate(" + (space) + "," + (space) + ")"); const color = d3.scaleOrdinal(d3.schemeCategory10); // tooltip const tooltip = d3.select(div.querySelector("#count-tooltip")) .style("display", "none") .attr("class", "tooltip"); const points = g.selectAll(".counts") .data(seasonsPerPlayer.sort((a, b) => { const d = a.count - b.count; if (d !== 0) return d; return a.nameLastFirst.localeCompare(b.nameLastFirst); })) .enter().append("g") .attr("transform", (d, i) => { const x = Math.floor(i / rows) * space + radius; const y = (i % rows) * space + radius; return "translate(" + x + "," + y + ")"; }) .on("mouseover", function(d, i) { const x = Math.floor(i / rows) * space + radius; const y = (i % rows) * space + radius; let crcl = d3.select(this).select("circle"); crcl.attr("r", radius * 1.5); tooltip.style("display", "inline-block") .text(d.name) .style("left", (x + space) + "px") .style("top", (y + space) + "px"); }) .on("mouseout", function(d) { // remove tooltip on mouseout d3.select(this).select("circle").attr("r", radius); tooltip.style("display", "none") }); points.append("circle") .attr("fill", d => color(d.count)) .attr("r", radius); points.append("text") .text(d => d.count) .attr("dy", "0.35em") .style("text-anchor", "middle") .style("font-family", "sans-serif") .style("font-size", "0.75em") .style("fill", "white"); return div; }34:T5d5,{ // margin convention const margin = {top: 50, right: 50, bottom: 50, left: 50}; const width = 900 - margin.left - margin.right; const height = 500 - margin.top - margin.bottom; const svg = d3.select(DOM.svg(width + margin.left + margin.right, height + margin.top + margin.bottom)); const g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")"); // scales const x = d3.scaleBand() .domain(["P", "C", "1B", "2B", "3B", "SS", "LF", "CF", "RF", "DH"]) .range([0, width]) .padding(0.25); const y = d3.scaleLinear() .domain([0, d3.max(seasonsPerPosition, d => d.values.length)]) .range([height, 0]); //axes g.append("g") .attr("transform", "translate(0,"+height+")") .call(d3.axisBottom(x)); g.append("g") .call(d3.axisLeft(y)); // axes labels g.append("text") .text("Position") .attr("x", width/2) .attr("y", height + 35) .attr("class", "axisLabel"); g.append("text") .text("Number of Seasons") .attr("transform", "translate(-35," + (height / 2) + ") rotate(-90)") .attr("class", "axisLabel"); // bars g.selectAll(".bar") .data(seasonsPerPosition) .enter().append("rect") .attr("class", "bar") .attr("fill", "steelblue") .attr("x", d => x(d.key)) .attr("y", d => y(d.values.length)) .attr("width", x.bandwidth()) .attr("height", d => height - y(d.values.length)); return svg.node(); }35:Tc16,seasonAverages = d3.csvParse(`year,SO,H,BB 1871,0.69,12.21,1.55 1872,0.72,12.2,0.72 1873,0.7,12.38,0.84 1874,0.77,11.26,0.51 1875,0.98,9.87,0.36 1876,1.13,10.27,0.65 1877,2.02,10.29,0.96 1878,2.94,9.62,0.99 1879,2.87,9.61,0.79 1880,2.93,8.74,1.09 1881,2.65,9.43,1.54 1882,1.89,9.03,1.39 1883,1.83,9.44,1.48 1884,1.4,8.61,1.6 1885,1.87,8.6,1.98 1886,2.02,8.54,2.64 1887,2.8,9.56,2.86 1888,3.76,8.24,2.16 1889,3.52,9.25,3.36 1890,2.04,9.15,3.64 1891,3.45,8.89,3.62 1892,3.24,8.49,3.35 1893,2.13,10.14,3.91 1894,2.09,11.14,3.67 1895,2.27,10.53,3.2 1896,2.22,10.19,3.06 1897,2.3,10.19,2.92 1898,2.29,9.2,2.76 1899,2.09,9.61,2.7 1900,2.36,9.6,2.67 1901,3.14,9.44,2.46 1902,2.97,9.11,2.44 1903,3.55,8.88,2.41 1904,3.72,8.15,2.23 1905,3.85,8.2,2.5 1906,3.71,8.04,2.51 1907,3.58,7.99,2.47 1908,3.65,7.75,2.36 1909,3.78,7.92,2.62 1910,3.87,8.14,2.97 1911,3.99,8.86,3.17 1912,3.93,8.94,3.12 1913,3.76,8.52,2.94 1914,3.93,8.28,2.96 1915,3.76,8.17,2.98 1916,3.82,8.13,2.84 1917,3.48,8.18,2.77 1918,2.92,8.41,2.83 1919,3.06,8.78,2.68 1920,2.94,9.43,2.76 1921,2.83,10.08,2.79 1922,2.81,9.94,2.93 1923,2.85,9.82,3.07 1924,2.7,9.86,2.99 1925,2.71,10.14,3.15 1926,2.75,9.52,3.12 1927,2.79,9.69,3.01 1928,2.88,9.64,3.11 1929,2.84,10.03,3.25 1930,3.21,10.37,3.1 1931,3.19,9.73,3.11 1932,3.19,9.78,3.06 1933,3.04,9.37,3 1934,3.45,9.8,3.21 1935,3.26,9.8,3.19 1936,3.33,10.04,3.4 1937,3.63,9.59,3.41 1938,3.41,9.52,3.53 1939,3.45,9.49,3.44 1940,3.66,9.31,3.35 1941,3.55,9.06,3.57 1942,3.4,8.65,3.43 1943,3.45,8.67,3.38 1944,3.3,8.98,3.19 1945,3.27,8.93,3.37 1946,3.9,8.68,3.54 1947,3.68,8.85,3.71 1948,3.64,8.99,3.89 1949,3.61,8.94,4.04 1950,3.86,9.11,4.02 1951,3.77,8.96,3.73 1952,4.19,8.58,3.54 1953,4.12,9.06,3.5 1954,4.13,8.86,3.65 1955,4.38,8.76,3.66 1956,4.64,8.74,3.63 1957,4.84,8.85,3.31 1958,4.95,8.75,3.29 1959,5.09,8.74,3.31 1960,5.18,8.67,3.39 1961,5.23,8.76,3.46 1962,5.42,8.8,3.37 1963,5.8,8.35,2.96 1964,5.91,8.51,2.96 1965,5.94,8.3,3.09 1966,5.82,8.42,2.89 1967,5.99,8.17,2.98 1968,5.89,7.91,2.82 1969,5.77,8.37,3.45 1970,5.75,8.63,3.53 1971,5.41,8.4,3.23 1972,5.57,8.19,3.15 1973,5.24,8.75,3.37 1974,5.01,8.73,3.33 1975,4.98,8.75,3.46 1976,4.83,8.66,3.2 1977,5.16,9.04,3.27 1978,4.77,8.68,3.23 1979,4.77,9.03,3.24 1980,4.8,9.06,3.13 1981,4.75,8.66,3.18 1982,5.04,8.93,3.16 1983,5.15,8.88,3.2 1984,5.34,8.88,3.16 1985,5.34,8.74,3.29 1986,5.87,8.77,3.38 1987,5.96,9,3.42 1988,5.56,8.63,3.09 1989,5.61,8.62,3.21 1990,5.67,8.75,3.29 1991,5.8,8.69,3.32 1992,5.59,8.68,3.25 1993,5.8,9.05,3.33 1994,6.18,9.29,3.48 1995,6.3,9.17,3.53 1996,6.46,9.33,3.55 1997,6.61,9.15,3.46 1998,6.56,9.15,3.38 1999,6.41,9.33,3.68 2000,6.45,9.31,3.75 2001,6.67,9.03,3.25 2002,6.47,8.92,3.35 2003,6.34,9.07,3.27 2004,6.55,9.17,3.34 2005,6.3,9.05,3.13 2006,6.52,9.28,3.26 2007,6.62,9.25,3.31 2008,6.77,9.06,3.36 2009,6.91,8.96,3.42 2010,7.06,8.76,3.25 2011,7.1,8.7,3.09 2012,7.5,8.65,3.03 2013,7.55,8.66,3.01 2014,7.7,8.56,2.88 2015,7.71,8.67,2.9 2016,8.03,8.71,3.11 2017,8.25,8.69,3.26 `).map(d => { d["SO"] = +d["SO"]; d["H"] = +d["H"]; d["BB"] = +d["BB"]; d["year"] = new Date(d["year"], 0, 1) return d; })36:T2510,data = d3.csvParse(`name,year,pos,allstar,SO,H,BB Will White,1878,p,False,41,28,8 Billy Riley,1879,lf,False,26,23,2 Will White,1879,p,False,56,40,6 Pud Galvin,1880,p,False,57,51,5 Pud Galvin,1881,p,False,70,50,3 Pud Galvin,1882,p,False,49,44,2 George Wright,1882,ss,False,36,30,4 Larry Corcoran,1883,p,False,62,55,6 Pud Galvin,1883,p,False,79,71,3 Dave Eggler,1884,cf,False,54,47,6 Pud Galvin,1884,p,False,80,49,2 Bill Geiss,1884,2b,False,60,50,6 Mert Hackett,1884,c,False,66,55,2 Frank Meinke,1884,ss,False,89,56,6 Sam Moffet,1884,rf,False,56,47,8 Dave Nicholson,1962,lf,False,76,30,27 John Bateman,1963,c,False,103,85,13 Ernie Fazio,1963,2b,False,70,42,27 Howie Goss,1963,cf,False,128,86,31 Jerry Kindall,1963,ss,False,71,48,18 Dave Nicholson,1963,lf,False,175,103,63 Jerry Grote,1964,c,False,75,54,20 Dave Nicholson,1964,lf,False,126,60,52 Ray Oyler,1965,ss,False,61,36,21 Byron Browne,1966,lf,False,143,102,40 Willie Kirkland,1966,lf,False,50,31,16 Al Weis,1966,2b,False,50,29,17 Deron Johnson,1967,1b,False,104,81,22 Tommie Agee,1968,cf,False,103,80,15 Jackie Hernandez,1968,ss,False,52,35,9 Ray Oyler,1968,ss,False,59,29,20 George Scott,1968,1b,False,88,60,26 Darrel Chaney,1969,ss,False,75,40,24 Cito Gaston,1969,cf,False,117,90,24 Ray Oyler,1969,ss,False,80,42,31 Larry Hisle,1970,cf,False,139,83,53 Tom Egan,1971,c,False,94,60,26 Johnny Jeter,1972,cf,False,92,72,18 Dave Kingman,1973,3b,False,122,62,41 Ivan Murrell,1973,1b,False,52,48,2 Mike Schmidt,1973,3b,False,136,72,62 Dave Kingman,1974,1b,False,125,78,37 Dave Duncan,1975,c,False,82,63,16 Dave Kingman,1975,lf,False,153,116,34 Gorman Thomas,1975,cf,False,84,43,31 Tony Armas,1978,rf,False,62,51,10 Tom Donohue,1980,c,False,63,41,7 Reggie Jackson,1983,dh,True,140,77,52 Doug Frobel,1984,rf,False,84,56,24 Tim Laudner,1984,c,False,78,54,18 John Russell,1985,lf,False,72,47,18 John Russell,1986,c,False,103,76,25 Bo Jackson,1987,lf,False,158,93,30 Tim Laudner,1987,c,False,80,55,23 Matt Williams,1987,ss,False,68,46,16 Pete Incaviglia,1988,lf,False,153,104,39 Bo Jackson,1988,lf,False,146,108,25 Joel Skinner,1988,c,False,72,57,14 Bo Jackson,1989,lf,True,172,132,39 Rolando Roomes,1989,lf,False,100,83,13 John Shelby,1989,cf,False,92,63,25 Cory Snyder,1989,rf,False,134,105,23 Eric Anthony,1990,rf,False,78,46,29 Steve Balboni,1990,dh,False,91,51,35 Bob Geren,1990,c,False,73,59,13 Jeff Kunkel,1990,ss,False,66,34,11 Juan Bell,1991,2b,False,51,36,8 Rob Deer,1991,rf,False,175,80,89 Hensley Meulens,1991,lf,False,97,64,18 Dean Palmer,1991,3b,False,98,50,32 Sammy Sosa,1991,rf,False,98,64,14 Rob Deer,1993,rf,False,120,70,38 Phil Hiatt,1993,3b,False,82,52,16 Bo Jackson,1993,dh,False,106,66,23 Ron Karkovice,1993,c,False,126,92,29 Craig Paquette,1993,3b,False,108,86,14 Archi Cianfrocco,1994,3b,False,39,32,3 Kevin Young,1994,1b,False,34,25,8 Shane Andrews,1995,3b,False,68,47,17 Billy Ashley,1995,lf,False,88,51,25 Danny Bautista,1995,rf,False,68,55,12 Benji Gil,1995,ss,False,147,91,26 Melvin Nieves,1995,lf,False,88,48,19 Craig Paquette,1995,3b,False,88,64,12 J. R. Phillips,1995,1b,False,69,45,19 Steve Scarsone,1995,3b,False,82,62,18 Kimera Bartee,1996,cf,False,77,55,17 Scott Bullett,1996,lf,False,54,35,10 Tony Clark,1996,1b,False,127,94,29 Mike Matheny,1996,c,False,80,64,14 Melvin Nieves,1996,rf,False,158,106,44 Steve Scarsone,1996,2b,False,91,62,25 Archi Cianfrocco,1997,1b,False,80,54,25 Benji Gil,1997,ss,False,96,71,17 Melvin Nieves,1997,rf,False,157,82,39 Brant Brown,1999,rf,False,114,79,22 Ruben Rivera,1999,cf,False,143,80,55 Ruben Rivera,2000,cf,False,137,88,44 Russell Branyan,2001,3b,False,132,73,38 Jose Hernandez,2001,ss,False,185,135,39 Mark McGwire,2001,1b,False,118,56,56 Brandon Inge,2002,c,False,101,65,24 Jason LaRue,2002,c,False,117,88,27 Felipe Lopez,2002,ss,False,90,64,23 Joe McEwing,2002,rf,False,50,39,9 Jared Sandberg,2002,3b,False,139,82,39 Chris Truby,2002,3b,False,71,55,5 Reggie Taylor,2003,cf,False,68,39,11 Tony Clark,2004,1b,False,92,56,26 Bill Hall,2004,2b,False,119,93,20 Dustan Mohr,2005,rf,False,94,57,23 Wily Mo Pena,2005,rf,False,116,79,20 Jason Repko,2005,cf,False,80,61,16 Reggie Abercrombie,2006,cf,False,78,54,18 Mark Bellhorn,2006,3b,False,90,48,32 Brad Wilkerson,2006,lf,False,116,71,37 Joe Borchard,2007,rf,False,60,35,21 Jonny Gomes,2007,dh,False,126,85,35 Miguel Olivo,2007,c,False,123,107,14 Jeff Mathis,2008,c,False,90,55,30 Tony Pena,2008,ss,False,49,38,6 Mark Reynolds,2008,3b,False,204,129,64 Kelly Shoppach,2008,c,False,133,92,36 Chris Davis,2009,1b,False,150,93,24 Jeff Mathis,2009,c,False,73,50,22 Miguel Olivo,2009,c,False,126,97,19 Jarrod Saltalamacchia,2009,c,False,97,66,22 Kelly Shoppach,2009,c,False,98,58,33 Mark Reynolds,2010,3b,False,211,99,83 Rusty Ryal,2010,lf,False,67,54,8 Brandon Wood,2010,3b,False,71,33,6 Reid Brignac,2011,ss,False,63,48,10 Adam Dunn,2011,dh,False,177,66,75 Jeff Mathis,2011,c,False,75,43,15 Miguel Olivo,2011,c,False,140,107,20 Mark Reynolds,2011,3b,False,196,118,75 Jarrod Saltalamacchia,2011,c,False,119,84,24 Kelly Shoppach,2011,c,False,79,39,19 J. P. Arencibia,2012,c,False,108,81,18 Adam Dunn,2012,dh,True,222,110,105 Juan Francisco,2012,3b,False,70,45,11 Justin Maxwell,2012,cf,False,114,72,32 Kirk Nieuwenhuis,2012,cf,False,98,71,25 Miguel Olivo,2012,c,False,85,70,7 Jarrod Saltalamacchia,2012,c,False,139,90,38 Jordan Schafer,2012,cf,False,106,66,36 Drew Stubbs,2012,cf,False,166,105,42 Pedro Alvarez,2013,3b,True,186,130,48 Oswaldo Arcia,2013,lf,False,117,88,23 J. P. Arencibia,2013,c,False,148,92,18 Brandon Barnes,2013,cf,False,127,98,21 Chris Carter,2013,1b,False,212,113,70 Tyler Flowers,2013,c,False,94,50,14 Juan Francisco,2013,1b,False,95,53,25 Aaron Hicks,2013,cf,False,84,54,24 Jason Kubel,2013,lf,False,82,53,24 Mark Reynolds,2013,1b,False,123,72,43 Dan Uggla,2013,2b,False,171,80,77 Melvin Upton,2013,cf,False,151,72,44 Oswaldo Arcia,2014,rf,False,127,86,31 Alex Avila,2014,c,False,151,85,61 Brandon Barnes,2014,rf,False,100,75,15 Jackie Bradley,2014,cf,False,121,76,31 Chris Carter,2014,dh,False,182,115,56 Jason Castro,2014,c,False,151,103,34 Michael Choice,2014,lf,False,69,46,21 Charlie Culberson,2014,3b,False,62,41,12 Chris Davis,2014,1b,False,173,88,60 Danny Espinosa,2014,2b,False,122,73,18 Tyler Flowers,2014,c,False,159,98,25 Juan Francisco,2014,3b,False,116,63,27 Caleb Joseph,2014,c,False,69,51,17 Junior Lake,2014,lf,False,110,65,14 Tommy Medica,2014,1b,False,75,56,14 Mike Olt,2014,3b,False,100,36,25 Colby Rasmus,2014,cf,False,124,78,29 Mark Reynolds,2014,1b,False,122,74,47 Sean Rodriguez,2014,2b,False,66,50,10 Jarrod Saltalamacchia,2014,c,False,143,82,55 Jonathan Schoop,2014,2b,False,122,95,13 Jon Singleton,2014,1b,False,134,52,50 Melvin Upton,2014,cf,False,173,108,57 Jonathan Villar,2014,ss,False,80,55,19 Mike Zunino,2014,c,False,158,87,17 Tim Beckham,2015,2b,False,69,45,13 Peter Bourjos,2015,cf,False,59,39,19 Chris Carter,2015,1b,False,151,78,57 Jason Castro,2015,c,False,115,71,33 Ian Desmond,2015,ss,False,187,136,45 Ryan Flaherty,2015,2b,False,81,54,26 Tyler Flowers,2015,c,False,104,79,21 Yan Gomes,2015,c,False,104,84,13 Ryan Howard,2015,1b,False,138,107,27 Jake Marisnick,2015,cf,False,105,80,18 Justin Maxwell,2015,rf,False,76,52,20 Brandon Moss,2015,1b,False,106,73,32 Chris Owings,2015,2b,False,144,117,26 Colby Rasmus,2015,lf,False,154,103,47 Rene Rivera,2015,c,False,86,53,11 Sean Rodriguez,2015,1b,False,63,55,5 Danny Santana,2015,ss,False,68,56,6 Steven Souza,2015,rf,False,144,84,46 Michael Taylor,2015,cf,False,158,108,35 Mike Zunino,2015,c,False,132,61,21 Byron Buxton,2016,cf,False,118,67,23 Chris Carter,2016,1b,False,206,122,76 Curt Casali,2016,c,False,82,42,25 Jason Castro,2016,c,False,123,69,45 Chris Davis,2016,1b,False,219,125,88 Danny Espinosa,2016,ss,False,174,108,54 Carlos Gomez,2016,lf,False,100,62,21 Randal Grichuk,2016,cf,False,141,107,28 Ryan Howard,2016,1b,False,114,65,27 Chris Johnson,2016,1b,False,78,54,19 Jake Marisnick,2016,cf,False,83,60,16 James McCann,2016,c,False,109,76,23 Brandon Moss,2016,1b,False,141,93,39 Kirk Nieuwenhuis,2016,cf,False,133,70,56 Derek Norris,2016,c,False,139,77,36 Ryan Raburn,2016,lf,False,80,49,28 Colby Rasmus,2016,lf,False,121,76,43 Adam Rosales,2016,3b,False,88,49,29 Jarrod Saltalamacchia,2016,c,False,104,42,41 Miguel Sano,2016,3b,False,178,103,54 Ryan Schimpf,2016,2b,False,105,60,42 Justin Smoak,2016,1b,False,112,65,40 Steven Souza,2016,rf,False,159,106,31 Brett Wallace,2016,3b,False,83,41,29 Tim Beckham,2017,ss,False,110,82,24 Keon Broxton,2017,cf,False,175,91,40 Matt Davidson,2017,dh,False,165,91,19 Chris Davis,2017,1b,False,195,98,61 Adam Engel,2017,cf,False,117,50,19 Joey Gallo,2017,3b,False,196,94,75 Carlos Gomez,2017,cf,False,127,94,31 Randal Grichuk,2017,lf,False,133,98,26 Austin Hedges,2017,c,False,122,83,23 Patrick Kivlehan,2017,rf,False,61,37,22 Martin Maldonado,2017,c,False,119,95,15 Jake Marisnick,2017,cf,False,90,56,20 Tyler Moore,2017,1b,False,56,43,10 Brandon Moss,2017,dh,False,128,75,37 Mike Napoli,2017,1b,False,163,82,49 Rougned Odor,2017,2b,False,162,124,32 Chad Pinder,2017,rf,False,92,67,18 Hunter Renfroe,2017,rf,False,140,103,27 Cameron Rupp,2017,c,False,114,64,34 Miguel Sano,2017,3b,True,173,112,54 Kyle Schwarber,2017,lf,False,150,89,59 Trevor Story,2017,ss,False,191,120,49 Jonathan Villar,2017,2b,False,132,97,30 Bradley Zimmer,2017,cf,False,99,72,26 Mike Zunino,2017,c,False,160,97,39`).map(d => { d["SO"] = +d["SO"]; d["pos"] = d["pos"].toUpperCase(); d["H"] = +d["H"]; d["BB"] = +d["BB"]; d["allstar"] = d["allstar"] === "True"; return d; })37:[] 2f:{"title":"Baseball - More Strike Outs than Hits and Walks","cells":[{"id":0,"value":"md`# Baseball - More Strike Outs than Hits and Walks`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"md`There was a [thread on r/baseball](https://www.reddit.com/r/baseball/comments/8mqvha/giancarlo_stanton_now_has_more_strikeouts_69_than/) about how Giancarlo Stanton has more strikeouts so far this season than hits and walks combined. I thought it would be interesting to look at others seasons when this has happened.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"md`To do this, I wrote a Python script to parse data from the from the [Baseball Databank](https://github.com/chadwickbureau/baseballdatabank). I only included players who played in at least half of the games in the season and averaged at least 1 at bat per game in the season. I took into account the different number of games per season for the different leagues throughout the years.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"md`Since 1871, this has occured ${data.length} times. The complete table of these seasons is included at the end.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":339,"value":"{\n const as = data.filter(d => d[\"allstar\"]).map(d => d[\"name\"] + \"(\" + d[\"year\"] + \")\");\n as[as.length - 1] = 'and ' + as[as.length-1];\n return md`In ${as.length} of the seasons, the player was also an all-star: ${as.join(', ')}.`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"md`Below is a look at how many players have reached this mark each year. Hover over the circles for exact numbers.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":275,"value":"md`One takeaway is that, curiously, there were no occurences from 1885-1961. 1960, there were only 16 teams in the MLB. By 1962, there were 20 teams. Four teams were added in 1962 and two teams each were added in 1977, 1993, and 1998. The increase in number of teams could be a contributing factor to why it happens more often after 1960. A second takeaway is that the number of occurences has increased significantly in recent years. Each year since 2012 has had more players reach this mark than any year before it.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":325,"value":"md`The graph below shows the average number of team hits, walks, and strikeouts per game for each season. The data is from [Baseball Reference](https://www.baseball-reference.com/leagues/MLB/bat.shtml). Hover over the graph for details.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":455,"value":"viewof strikeoutLocation = radio({\n description: 'Choose whether strikeouts per game are shown at the top or bottom of the chart',\n options: [\"Bottom\", \"Top\"],\n value: \"Bottom\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":321,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":330,"value":"md`Over the past several decades, the number of hits and walks has not changed drastically. The number of strikeouts, however, has been significantly increasing, which could be related to the rise in number of players who are having seasons with more strikeouts than hits and walks.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"md`Having more strikeouts than hits and walks combined has been done by ${uniqueNames.length} unique players. Most have only done it once in their career, but some have done it in multiple seasons. Here is a look at the number of seasons each player has done it. Hover over circles for names.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"{\n const five = seasonsPerPlayer.filter(d => d[\"count\"] >= 5).map(d => d[\"name\"]);\n five[five.length - 1] = 'and ' + five[five.length-1];\n return md`${five.length} players have had such a season 5 separate times during their careers: ${five.join(', ')}. Saltalamacchia is a catcher who won a World Series with the Boston Red Sox in 2013. Reynolds is a first basemen who has a reputation for striking out. Reyolds is currently #17 on the all-time most career strikeouts list and also set the all-time single season record for strikeouts in 2009. Suprisingly, 2009 is not one of the 5 seasons when Reynolds had more strikeouts than walks and hits. Galvin is a Hall of Fame pitcher who played from 1879-1892.`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"md`Seeing Saltalamacchia appear so many times made me wonder if players who do this are more likely to play certain positions, such as catcher. Here is a look at the distribution by position:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":356,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"md`Here is the full list of season. You can click on column headers to sort.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"table(data, {sortable: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"import {table} from \"@tmcw/tables@444\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":466,"value":"seasonAveragesByYear = {\n const byYear = {};\n seasonAverages.forEach(d => byYear[d.year.getFullYear()] = d);\n return byYear;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"seasonsPerYear = {\n const byYear = d3.nest()\n\t .key(d => d.year)\n\t .entries(data);\n \n byYear.forEach(d => {d[\"key\"] = +d[\"key\"]});\n const years = byYear.map(d => d[\"key\"]);\n const yearSet = new Set(years);\n \n for (let i = 1871; i <= 2017; i++) {\n if (!yearSet.has(i)) {\n byYear.push({key: i, values: []});\n }\n }\n \n byYear.forEach(d => d[\"key\"] = new Date(d[\"key\"], 0, 1));\n \n byYear.sort((a, b) => a.key - b.key);\n \n return byYear;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"seasonsPerPlayer = {\n const count = {};\n for (let name of names) {\n count[name] = (count[name] ? count[name] : 0) + 1;\n }\n const players = [];\n for (let name of uniqueNames) {\n const full = name.split(\" \");\n const lastFirst = full[1] + \", \" + full[0];\n players.push({name: name, nameLastFirst: lastFirst, count: count[name]});\n }\n return players;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":358,"value":"seasonsPerPosition = d3.nest()\n .key(d => d.pos)\n\t .entries(data)","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"names = data.map(d => d['name'])","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"uniqueNames = Array.from(new Set(names))","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W37","stdlib":"1","titling":"auto"}