31:T9b6,{ const height = 100, top = 8, right = 12, bottom = 24, left = 48, padding = 8; const svg = d3.select(DOM.svg(width, (height + padding) * nComposers - padding + top + bottom)); const data = composerTfIdf.filter(d => d.composer !== "undefined").slice(0, nComposers), seasons = d3.extent(d3.merge(data.map(d => d.seasons.map(s => s.season)))), works = d3.extent(d3.merge(data.map(d => d.seasons.map(s => s.worksPerformed)))); const x = d3.scaleLinear().domain(seasons).range([0, width - left - right]), y = d3.local(); const line = d3.local(); const g = svg.selectAll("g").data(data) .enter().append("g") .attr("transform", (d, i) => `translate(${left}, ${top + i * (height + padding)})`) .each(function (d) { const yScale = d3.scaleLinear() .domain(d3.extent(d.seasons, d => d.worksPerformed)) .range([height, 0]) y.set(this, yScale); line.set(this, d3.line().x(d => x(d.season)).y(d => yScale(d.worksPerformed))); }); g.append("g") .attr("class", "axis y--axis") .each(function () { d3.axisLeft(y.get(this))(d3.select(this)); }); g.filter(":last-child").append("g") .attr("class", "axis x--axis") .attr("transform", `translate(0, ${height})`) .call(d3.axisBottom(x).tickFormat(String)); g.append("text") .attr("font-size", 12) .attr("font-weight", "bold") .attr("font-family", "sans-serif") .attr("x", 8) .attr("y", 12) .text(d => d.composer); g.append("path") .attr("fill", "none") .attr("stroke", "steelblue") .attr("d", function (d) { return line.get(this)(d.seasons); }); const peak = g.selectAll(".peak") .data(d => [d.seasons.reduce((winner, candidate) => candidate.worksPerformed > winner.worksPerformed ? candidate : winner)]) .enter().append("g") .attr("class", "peak") .attr("transform", function (d) { return `translate(${x(d.season)}, ${y.get(this)(d.worksPerformed)})`; }); peak.append("circle") .attr("r", 5) .attr("fill", "none") .attr("stroke", "black"); peak.append("text") .attr("text-anchor", "end") .attr("font-size", 12) .attr("font-family", "sans-serif") .attr("x", -8) .attr("y", 4) .text(d => d.season); return svg.node(); }32:[] 2f:{"title":"Composers @ the New York Philharmonic","cells":[{"id":0,"value":"md`# Composers @ the New York Philharmonic`","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"{\n const concerts = new Set(),\n composers = new Set(),\n works = new Set();\n \n const fmt = d3.format(\",\");\n \n programs.forEach(pgm => {\n pgm.concerts.forEach(c => {\n concerts.add(c.Date);\n });\n \n pgm.works.forEach(w => {\n composers.add(w.composerName);\n works.add(w.ID);\n });\n });\n \n return html`\n\t

Programs: ${fmt(programs.length)}
Concerts: ${fmt(concerts.size)}
Composers: ${fmt(composers.size)}
Works: ${fmt(works.size)}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":320,"value":"md`## Works Performed per Composer by Season\n\nThe following charts show the number of works performed in every season for each composer in the top ${nComposers} composers (by total number of works ever performed).\n\nThe New York Philharmonic hit peak Wagner, Beethoven, and Tchaikovsky in the 1920, but didn’t hit peak Mozart until 1990.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"viewof nComposers = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"performedWorksBySeason = Array.prototype.concat.apply([], programs.map(p => {\n const season = p.season;\n\n return p.works.map(w => {\n return {season, composer: w.composerName, title: w.workTitle};\n });\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"performedWorksByComposer = d3.nest()\n .key(d => d.composer)\n .rollup(values => values.length)\n .map(performedWorksBySeason)","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"numWorksPerComposerBySeason = d3.nest()\n .key(d => d.season)\n .key(d => d.composer)\n .rollup(values => values.length)\n .map(performedWorksBySeason)","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"numSeasonsPerComposer = d3.nest()\n .key(d => d.composer)\n .rollup(values => Math.log(numWorksPerComposerBySeason.size() / d3.set(values.map(d => d.season)).size()))\n .entries(performedWorksBySeason)","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"composerTfIdf = numSeasonsPerComposer.map(composer => {\n const name = composer.key,\n idf = composer.value;\n \n return {\n composer: name,\n totalPerformances: performedWorksByComposer.get(name),\n seasons: numWorksPerComposerBySeason.entries().map(season => {\n const tf = season.value.get(name) || 0;\n \n return {\n season: Number(season.key.split(\"-\")[0]),\n worksPerformed: tf,\n tfidf: tf * idf\n };\n }).sort((a, b) => a.season - b.season)\n };\n}).sort((a, b) => b.totalPerformances - a.totalPerformances)","pinned":false,"hidden":false,"mode":"ojs"},{"id":323,"value":"performedEverySeason = d3.nest()\n .key(d => d.composer)\n .rollup(values => d3.set(values.map(d => d.season)).size() / numWorksPerComposerBySeason.size())\n .entries(performedWorksBySeason)\n .filter(d => d.value === 1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"md`#### Prep Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"programs = (await d3.json(\"https://rawgit.com/nyphilarchive/PerformanceHistory/master/Programs/json/complete.json\")).programs","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"md`#### Libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}