31:Tb12,chart = { replay; const svg = d3 .create("svg") .attr("viewBox", [0, 0, chartDimensions.width, chartDimensions.height]) .attr("width", chartDimensions.width) .attr("height", chartDimensions.height) .style("background", "#000"); // Headline const headline = svg .append("g") .attr( "transform", `translate( ${chartDimensions.width * 0.5 - chartDimensions.logoWidth * 0.5}, ${chartDimensions.marginTop - chartDimensions.logoHeight})` ) .html(headlineSvg); // Legend svg .append("g") .attr( "transform", `translate(${tickerPosition[0] - 90}, ${ tickerPosition[1] - tickerFontSize * 0.8 * 1.5 })` ) .style("font", "bold 16px neue-haas-grotesk-display") .html(() => { return genres .slice() .reverse() .map( ({ genre, color }, i) => ` ${genre} ` ); }); const updateBars = bars(svg); const updateLabels = labels(svg); const updateTicker = ticker(svg); const updateAxis = axis(svg); // svg // .append("rect") // .attr("fill", "none") // .attr("stroke", "red") // .attr("x", 0) // .attr("y", y.range()[0]) // .attr("width", chartDimensions.width) // .attr("height", y.range()[1] - y.range()[0]); svg .selectAll("text.cta") .data( proportion === "9/16" ? [ "All data according to figures reported to Billboard Boxscore. The midyear tracking", "period includes all performances between Oct. 1, 2023 – March 31, 2024." ] : [] ) .join("text") .attr("class", "cta") .text((d) => d) .attr("x", chartDimensions.width * 0.5) .attr("y", (d, i) => chartDimensions.height - chartDimensions.marginBottom * 0.5 + i * 16) .style('fill', '#999999') .attr('dy', '0.35em') .style("font", "bold 14px neue-haas-grotesk-display") .style('text-transform', 'uppercase') .style('text-anchor', 'middle'); yield svg.node(); const draw = async (keyframe) => { const transition = svg.transition().duration(duration).ease(d3.easeLinear); // Extract the top bar’s value. x.domain([0, keyframe[1][0].value]); updateBars(keyframe, transition); updateLabels(keyframe, transition); updateTicker(keyframe, transition); updateAxis(keyframe, transition); invalidation.then(() => svg.interrupt()); await transition.end(); }; // draw(keyframes[keyframeIndex]) let startTime = Date.now(); for (const keyframe of keyframes) { await draw(keyframe); } console.log("Animation duration", (Date.now() - startTime) / 1000); }32:T467,data = { const data = rawData // const keys = [ // "Oct 1", // "Oct 4", // "Oct 7", // "Oct 11", // "Oct 14", // "Oct 21", // "Oct 28", // "Nov 4", // "Nov 11", // "Nov 18", // "Nov 25", // "Dec 2", // "Dec 9", // "Dec 16", // "Dec 23", // "Dec 30", // "Jan 6", // "Jan 13", // "Jan 20", // "Jan 27", // "Feb 3", // "Feb 10", // "Feb 17", // "Feb 24", // "March 2", // "March 9", // "March 16", // "March 23", // "March 30", // "March 31" // ]; const keys = data.columns.slice(1) const months = { Oct: 9, Nov: 10, Dec: 11, Jan: 0, Feb: 1, March: 2 } return data.flatMap(d => { return keys.map(x => { const [month, day] = x.split(" ") const monthNumber = months[month] const year = monthNumber > 2 ? 2023 : 2024 const value = d[x].trim() ? d[x].replace(/[^\d]/g, '') : 0 return { date: new Date(year, monthNumber, day), name: d.Artist, value: +value, genre: genreKeys.get(d.Artist) } }) }) } 33:T430,genreKeys = new Map([ ["$uicideboy$", "Rap"], ["50 Cent", "Rap"], ["The 1975", "Rock"], ["Arctic Monkeys", "Rock"], ["Beyonce", "R&B"], ["Billy Joel & Stevie Nicks", "Rock"], ["Coldplay", "Rock"], ["Depeche Mode", "Rock"], ["Eagles", "Rock"], ["Enrique Iglesias, Pitbull & Ricky Martin", "Latin"], ["Guns N’ Roses", "Rock"], ["John Mayer", "Rock"], ["Jonas Brothers", "Pop"], ["Luis Miguel", "Latin"], ["Madonna", "Pop"], ["Morgan Wallen", "Country"], ["Muse", "Rock"], ["P!nk", "Pop"], ["Paul McCartney", "Rock"], ["RBD", "Latin"], ["Stevie Nicks", "Rock"], ["SZA", "R&B"], ["Tina Fey & Amy Poehler", "Comedy"], ["Trans-Siberian Orchestra", "Classical"], ["Travis Scott", "Rap"], ["U2", "Rock"], ["The Weeknd", "R&B"], ["5 Seconds of Summer", "Pop"], ["Adam Sandler", "Comedy"], ["Afterlife & Tale of Us", "Classical"], ["Andre Rieu", "Classical"], ["Andrea Bocelli", "Classical"], ["Arcangel", "Rap"], ["Australian Pink Floyd Show", "Rock"], ["Avenged Sevenfold", "Rock"], ["Bad Bunny", "Rap"] ])34:Tc4a,function bars(svg) { let bar = svg.append("g").selectAll("g.bar-group"); return ([date, data], transition) => { bar = bar .data(data.slice(0, n), (d) => d.name) .join( (enter) => enter .append("g") .attr("class", "bar-group") .attr( "transform", (d) => `translate(${x(0)}, ${y((prev.get(d) || d).rank)})` ), (update) => update, (exit) => exit .transition(transition) .remove() .attr( "transform", (d) => `translate(${x(0)}, ${y((next.get(d) || d).rank)})` ) ) .call((bar) => bar .transition(transition) .attr("transform", (d) => `translate(${x(0)}, ${y(d.rank)})`) ); bar .selectAll("rect") .data( (d) => [d], (d) => d.name ) .join( (enter) => enter .append("rect") .attr("fill", color) .attr("rx", 2) .attr("ry", 2) .attr("height", y.bandwidth()) .attr("x", 0) .attr("y", 0) .attr("width", (d) => x((prev.get(d) || d).value) - x(0)), (update) => update, (exit) => exit .transition() .remove() .attr("width", (d) => x((next.get(d) || d).value) - x(0)) ) .call((rect) => rect.transition(transition).attr("width", (d) => x(d.value) - x(0)) ); const textFontSize = Math.min(25, y.bandwidth() * 0.35); bar .selectAll("text.name") .data( (d) => [d], (d) => d.name ) .join( (enter) => enter .append("text") .attr("class", "name") .attr("y", y.bandwidth() / 2) .attr("x", (d) => x((prev.get(d) || d).value) - x(0) - 10) .attr("dy", "0.35em") .attr("text-anchor", "end") .style("font", `bold ${textFontSize}px neue-haas-grotesk-display`) .style("fill", "#000") .text((d) => d.name) // Text wrap .each(function (d) { if (namesToWrap[d.name]) { const w = namesToWrap[d.name]; d3.select(this) .style("font-size", textFontSize * 0.8 + "px") .attr("y", y.bandwidth() * 0.35) .call(wrapText, w); } }), (update) => { // Reattach data update.each(function(d) { d3.select(this).selectAll("tspan").datum(d) }) return update }, (exit) => exit .transition() .remove() .attr("x", (d) => x((next.get(d) || d).value) - x(0) - 10) ) .call((text) => { text.transition(transition).attr("x", (d) => x(d.value) - x(0) - 10); text .selectAll("tspan") .transition(transition) .attr("x", (d) => x(d.value) - x(0) - 10); return text; }); }; }35:T7e9,function labels(svg) { let label = svg.append("g") .attr("fill", "#000") .selectAll("g.label") const numberFontSize = Math.min(22, y.bandwidth() * 0.3) return ([date, data], transition) => label = label .data(data.slice(0, n), d => d.name) .join( enter => { const group = enter.append("g") .attr("class", "label") .attr("transform", d => `translate(${x((prev.get(d) || d).value)},${y((prev.get(d) || d).rank)})`) // // Name // group.append("text") // .attr("class", "name") // .attr("y", y.bandwidth() / 2) // .attr("x", -10) // .attr("dy", "0.35em") // .text(d => d.name) // .attr("text-anchor", "end") // .style("font", "bold 25px neue-haas-grotesk-display") // Thumbnail const imageSize = y.bandwidth() * 1.45 group.append("image") .attr("x", 7) .attr("y", -1 * (imageSize - y.bandwidth()) * 0.5) .attr("width", imageSize) .attr("height", imageSize) .attr("href", d => images[d.name]) // Number group.append("text") .attr("class", "number") .attr("y", y.bandwidth() / 2) .attr("x", imageSize + 10) .attr("dy", "0.35em") .text(0) .attr("fill", "#8C8C8C") .style("font", `bold ${numberFontSize}px 'Crystal'`) .attr("text-anchor", "start") return group }, update => update, exit => exit.transition(transition).remove() .attr("transform", d => `translate(${x((next.get(d) || d).value)},${y((next.get(d) || d).rank)})`) .call(g => g.select("text.number").tween("text", d => textTween(d.value, (next.get(d) || d).value))) ) .call(label => label.transition(transition) .attr("transform", d => `translate(${x(d.value)},${y(d.rank)})`) .call(g => g.select("text.number").tween("text", d => textTween((prev.get(d) || d).value, d.value)))); }36:T534,function axis(svg) { const g = svg .append("g") .attr("transform", `translate(0, ${chartDimensions.height - chartDimensions.marginBottom })`); const minDate = data[0].date - chartDimensions.offsetDays * 8.64e7; const maxDate = data[data.length - 1].date.getTime() + chartDimensions.offsetDays * 8.64e7; const xTimeScale = d3.scaleTime([minDate, maxDate], [-2, chartDimensions.width + 2]); const axis = d3 .axisBottom(xTimeScale) .ticks(d3.timeMonth, d3.timeFormat("%b")) .tickSizeInner(10) .tickPadding(6); const coverRect = g .append("rect") .attr("y", -20) .attr("width", chartDimensions.width) .attr("height", chartDimensions.marginBottom + 20) .attr("fill", "#000"); g.call(axis); g.selectAll(".tick text") .attr("fill", "#8C8C8C") .style("font", "bold 17px neue-haas-grotesk-display") .style("text-transform", "uppercase"); g.selectAll(".tick line,.domain") .attr("stroke", "#8C8C8C") .attr("stroke-width", 2); const triangle = g.append("g") .attr("class", "triangle") .attr('transform', `translate(${xTimeScale(minDate)}, -5)`) .html(``) return ([date], transition) => { triangle.transition(transition).attr('transform', `translate(${xTimeScale(date)}, -5)`) }; }37:T7b7,images = Promise.all([ FileAttachment("Weeknd.png").url(), FileAttachment("U2.png").url(), FileAttachment("SZA.png").url(), FileAttachment("Suicideboys.png").url(), FileAttachment("RBD.png").url(), FileAttachment("Pink.png").url(), FileAttachment("Morgan-Wallen.png").url(), FileAttachment("Madonna.png").url(), FileAttachment("Jonas-Brothers.png").url(), FileAttachment("Depeche-Mode.png").url(), FileAttachment("Coldplay.png").url(), FileAttachment("Beyonce.png").url(), FileAttachment("50-Cent.png").url(), // Part 2 FileAttachment("Travis-Scott.png").url(), FileAttachment("Trans-Siberian-Orchestra.png").url(), FileAttachment("Tina-Fey-Amy-Poehler.png").url(), FileAttachment("The-Eagles.png").url(), FileAttachment("The-1975.png").url(), FileAttachment("Stevie-Nicks.png").url(), FileAttachment("Paul-McCartney.png").url(), FileAttachment("Muse.png").url(), FileAttachment("Luis-Miguel.png").url(), FileAttachment("John-Mayer.png").url(), FileAttachment("Guns-N-Roses.png").url(), FileAttachment("Drake.png").url(), FileAttachment("Billy-Joel-Stevie-Nicks.png").url(), FileAttachment("Arctic-Monkeys.png").url(), FileAttachment("Enrique-Iglesias.png").url() ]).then(resp => { const artists = [ "The Weeknd", "U2", "SZA", "$uicideboy$", "RBD", "P!nk", "Morgan Wallen", "Madonna", "Jonas Brothers", "Depeche Mode", "Coldplay", "Beyoncé", "50 Cent", "Travis Scott", "Trans-Siberian Orchestra", "Tina Fey & Amy Poehler", "Eagles", "The 1975", "Stevie Nicks", "Paul McCartney", "Muse", "Luis Miguel", "John Mayer", "Guns N' Roses", "Drake", "Billy Joel & Stevie Nicks", "Arctic Monkeys", "Enrique Iglesias, Pitbull & Ricky Martin" ] console.log("missing", artists.filter(d => !names.has(d))) return artists.reduce((obj, val, index) => { obj[val] = resp[index] return obj }, {}) })38:T889,css = html` `39:[{"id":"47e857d80b022e05e2276503c020b0274c735374ca667b787bc08b72a1bb5a0ecb38bc4d303cd95fcf11b481fb7d599e213a53e131f1dcdb27c73c50196333ef","href":"https://static.observableusercontent.com/files/47e857d80b022e05e2276503c020b0274c735374ca667b787bc08b72a1bb5a0ecb38bc4d303cd95fcf11b481fb7d599e213a53e131f1dcdb27c73c50196333ef","name":"example-pic.png","type":"image/png","lastModified":1716375281231.762,"size":8538},{"id":"7b972df63fa9ec43e7770707276db9708124e1a74ff9afeb1d4d3ee119f679b16af175ae8615aca1901124a39138dbeaa7a5bebabe0611921e948a973e72a350","href":"https://static.observableusercontent.com/files/7b972df63fa9ec43e7770707276db9708124e1a74ff9afeb1d4d3ee119f679b16af175ae8615aca1901124a39138dbeaa7a5bebabe0611921e948a973e72a350","name":"logo-9-16.svg","type":"image/svg+xml","lastModified":1716978950532.994,"size":10880},{"id":"43908cbee0262c5d620dc3fa17e902803d22b0cfac1faaf3af323c844501ed33c15802cf849d49541926f12ca9e317a707ccf538e18e0b69048998655ade6126","href":"https://static.observableusercontent.com/files/43908cbee0262c5d620dc3fa17e902803d22b0cfac1faaf3af323c844501ed33c15802cf849d49541926f12ca9e317a707ccf538e18e0b69048998655ade6126","name":"Suicideboys.png","type":"image/png","lastModified":1716400353862.876,"size":407131},{"id":"162b45f41a0c24192d0d68f61057e9c105484299e66464f4b174d7f34552a9dfdfbac7c239cb1b323f03b28a829ed525bdeeae821e308add7a32c1c708af8b29","href":"https://static.observableusercontent.com/files/162b45f41a0c24192d0d68f61057e9c105484299e66464f4b174d7f34552a9dfdfbac7c239cb1b323f03b28a829ed525bdeeae821e308add7a32c1c708af8b29","name":"Coldplay.png","type":"image/png","lastModified":1716400353822.073,"size":339359},{"id":"b740a46143632f34511eec0e676a62609db31f063f782f3f8c5c70005ed14113394b9198ff792da98b1b9893809a7986bd31b647ac961398c409eb6efa48def8","href":"https://static.observableusercontent.com/files/b740a46143632f34511eec0e676a62609db31f063f782f3f8c5c70005ed14113394b9198ff792da98b1b9893809a7986bd31b647ac961398c409eb6efa48def8","name":"U2.png","type":"image/png","lastModified":1716400353529.481,"size":190935},{"id":"febecfe4c259712fa376fc37b2b914569d986d2b78a611fe0eb545451439409e741054b5998eb9a36c3a98c04bf880e255a4198beffc87fbd65a1e9572bb6360","href":"https://static.observableusercontent.com/files/febecfe4c259712fa376fc37b2b914569d986d2b78a611fe0eb545451439409e741054b5998eb9a36c3a98c04bf880e255a4198beffc87fbd65a1e9572bb6360","name":"Pink.png","type":"image/png","lastModified":1716400353615.589,"size":252129},{"id":"dc5dbd4fb5bdba502e4b116883203a452a35c25878fb3a23766109144156dec4b860b4b0264669c28e11cff21cfd1b317ca3b9cba1d0f1362e42590c0dfa2e46","href":"https://static.observableusercontent.com/files/dc5dbd4fb5bdba502e4b116883203a452a35c25878fb3a23766109144156dec4b860b4b0264669c28e11cff21cfd1b317ca3b9cba1d0f1362e42590c0dfa2e46","name":"Weeknd.png","type":"image/png","lastModified":1716400353683.681,"size":264518},{"id":"36715b5344bd0eee756f21b5b1e6356a4a98581e1726cf72ed65b6ad9fe22b6ae2ee50fc40211d1322e8ddcfcc4516bca3fb47e1f3796699eecd144cca1cfba3","href":"https://static.observableusercontent.com/files/36715b5344bd0eee756f21b5b1e6356a4a98581e1726cf72ed65b6ad9fe22b6ae2ee50fc40211d1322e8ddcfcc4516bca3fb47e1f3796699eecd144cca1cfba3","name":"Depeche-Mode.png","type":"image/png","lastModified":1716400353714.492,"size":297176},{"id":"ae16ca92978c7d4a5ad499754d8c0d1114dbf99f4d4cd0e111a7c594a6c1475e22db51e89adb16bd42631aee370c46e4066f8e89570fe37071f08ca7924337bd","href":"https://static.observableusercontent.com/files/ae16ca92978c7d4a5ad499754d8c0d1114dbf99f4d4cd0e111a7c594a6c1475e22db51e89adb16bd42631aee370c46e4066f8e89570fe37071f08ca7924337bd","name":"50-Cent.png","type":"image/png","lastModified":1716400353691.504,"size":270401},{"id":"4f9a91b52c73813de534b9048836a4f7f8d8e19b7fcebaa9b48d1bbdca997df426e8972fa4bcf9c41da27f3336f4d07dc0d5a1f546c394c040be16b71d8585fe","href":"https://static.observableusercontent.com/files/4f9a91b52c73813de534b9048836a4f7f8d8e19b7fcebaa9b48d1bbdca997df426e8972fa4bcf9c41da27f3336f4d07dc0d5a1f546c394c040be16b71d8585fe","name":"Morgan-Wallen.png","type":"image/png","lastModified":1716400353703.17,"size":269403},{"id":"ceb7a44bfa16c8f15194f4f29b97857b0884bfbd94b4cc8882338197b54b409c4ed0f61aadfce2f8372cafc84d36a6076a93280b0d9b63fdf5273bf173d24bb5","href":"https://static.observableusercontent.com/files/ceb7a44bfa16c8f15194f4f29b97857b0884bfbd94b4cc8882338197b54b409c4ed0f61aadfce2f8372cafc84d36a6076a93280b0d9b63fdf5273bf173d24bb5","name":"Beyonce.png","type":"image/png","lastModified":1716400353731.521,"size":317424},{"id":"66219d70692a4b9df3988871a34f570fd1715620dbf2db7f3152d655e786ca1a0b8a12de2334f072088e7d988d86c0ba132ac5db4876326c96a77c25c1e9e87c","href":"https://static.observableusercontent.com/files/66219d70692a4b9df3988871a34f570fd1715620dbf2db7f3152d655e786ca1a0b8a12de2334f072088e7d988d86c0ba132ac5db4876326c96a77c25c1e9e87c","name":"Jonas-Brothers.png","type":"image/png","lastModified":1716400353808.003,"size":323106},{"id":"2cb7ac90ac92b1fd5377906871951d1ba8d71624adfbd69fdbc9b157cdd1f7520b51531803fd493b5cd3539a00a2147f5cec94636f893358b43530b28f7274e0","href":"https://static.observableusercontent.com/files/2cb7ac90ac92b1fd5377906871951d1ba8d71624adfbd69fdbc9b157cdd1f7520b51531803fd493b5cd3539a00a2147f5cec94636f893358b43530b28f7274e0","name":"SZA.png","type":"image/png","lastModified":1716400353745.888,"size":303034},{"id":"3e17bc0393b66beb818ba916afc6551dafc45ee9127927412a84baa29e20eb8bda121b5d3dae536306b1e669c7f30350eb7a67ff19d0bdbd8ace68323c1ad541","href":"https://static.observableusercontent.com/files/3e17bc0393b66beb818ba916afc6551dafc45ee9127927412a84baa29e20eb8bda121b5d3dae536306b1e669c7f30350eb7a67ff19d0bdbd8ace68323c1ad541","name":"Madonna.png","type":"image/png","lastModified":1716400353757.21,"size":339885},{"id":"96400fec9fd23d75208d870f72efad9270b1a3f237ce1772dcc1e120ce2a892754a759090f4abb4a44838e5ba9d5ebc5293c732fe7bb212a83a7979fc6fca8d7","href":"https://static.observableusercontent.com/files/96400fec9fd23d75208d870f72efad9270b1a3f237ce1772dcc1e120ce2a892754a759090f4abb4a44838e5ba9d5ebc5293c732fe7bb212a83a7979fc6fca8d7","name":"RBD.png","type":"image/png","lastModified":1716400353828.582,"size":352597},{"id":"bc33e381f646dc090dbf42f9a1c6afeeb1f0494aa8d7879a1470f5bc1778659d8d41f501d5c57a7cf86664c521dae16bce904f738d3a595881acd97755bc45a2","href":"https://static.observableusercontent.com/files/bc33e381f646dc090dbf42f9a1c6afeeb1f0494aa8d7879a1470f5bc1778659d8d41f501d5c57a7cf86664c521dae16bce904f738d3a595881acd97755bc45a2","name":"billboard.svg","type":"image/svg+xml","lastModified":1716402541422.031,"size":11198},{"id":"c0bf178ad08c366401529fba2ab833b38369b1b75c3f8384617e9edb793a0beffab81407f8388fc00ae30d2c194677b51670571073f98fd245d95b64478923eb","href":"https://static.observableusercontent.com/files/c0bf178ad08c366401529fba2ab833b38369b1b75c3f8384617e9edb793a0beffab81407f8388fc00ae30d2c194677b51670571073f98fd245d95b64478923eb","name":"Trans-Siberian-Orchestra.png","type":"image/png","lastModified":1716487747975.51,"size":324038},{"id":"7a63a6e4d77940604a28b1a2acb5339ab277ee5a5c73ec5446ca8141b09df160c9953e5346f8cf4f2223ac11822d5410df1426dccca026c2530a42529ee782ee","href":"https://static.observableusercontent.com/files/7a63a6e4d77940604a28b1a2acb5339ab277ee5a5c73ec5446ca8141b09df160c9953e5346f8cf4f2223ac11822d5410df1426dccca026c2530a42529ee782ee","name":"Luis-Miguel.png","type":"image/png","lastModified":1716487748649.602,"size":277450},{"id":"4a9e422b67d68ed6ca87232eb9a0e6f3d3066ca402a5dbab1ac4b59c3dba8957645c8a5f8dcf1a9f4bf030dbf1bfa3b3f6aa1a425abdf82c17aa10993327fab1","href":"https://static.observableusercontent.com/files/4a9e422b67d68ed6ca87232eb9a0e6f3d3066ca402a5dbab1ac4b59c3dba8957645c8a5f8dcf1a9f4bf030dbf1bfa3b3f6aa1a425abdf82c17aa10993327fab1","name":"Travis-Scott.png","type":"image/png","lastModified":1716487748021.267,"size":304788},{"id":"27a7cf659114613042302e4d577a86d34bd01e7519e94cd039fcf20149aa4fa92daebc07606da16fa07c83530e6f368713731169394586820d47b64a1e56e179","href":"https://static.observableusercontent.com/files/27a7cf659114613042302e4d577a86d34bd01e7519e94cd039fcf20149aa4fa92daebc07606da16fa07c83530e6f368713731169394586820d47b64a1e56e179","name":"The-Eagles.png","type":"image/png","lastModified":1716487748126.642,"size":283776},{"id":"9d61ae6825e5f562006a17695bbd00ec5bea1df7406cc8bc2cdc24eed8c08f5d72e5265b75a21eff1a6c3b3bf8e224bc51c4978a4539f8f1dfa7bb41e54a4278","href":"https://static.observableusercontent.com/files/9d61ae6825e5f562006a17695bbd00ec5bea1df7406cc8bc2cdc24eed8c08f5d72e5265b75a21eff1a6c3b3bf8e224bc51c4978a4539f8f1dfa7bb41e54a4278","name":"Arctic-Monkeys.png","type":"image/png","lastModified":1716487748887.821,"size":333059},{"id":"9e5aeb6be1981bbf77b71d01e804afeae07b54cc054feda8df1263340ba0bf0b520f02f2af387789ead0032b0536c211bd2ee72fe7dc88123dc37d7d831d01a2","href":"https://static.observableusercontent.com/files/9e5aeb6be1981bbf77b71d01e804afeae07b54cc054feda8df1263340ba0bf0b520f02f2af387789ead0032b0536c211bd2ee72fe7dc88123dc37d7d831d01a2","name":"Drake.png","type":"image/png","lastModified":1716487748141.522,"size":342253},{"id":"93a149b0b41f94a987d7fa0b56a8ecff1abc121be1609840fbd3f99f848f343e6bc4b6092746e7433e232066c8169e56dda4bca2ca4c051c3dcac6e8f227f6cd","href":"https://static.observableusercontent.com/files/93a149b0b41f94a987d7fa0b56a8ecff1abc121be1609840fbd3f99f848f343e6bc4b6092746e7433e232066c8169e56dda4bca2ca4c051c3dcac6e8f227f6cd","name":"Muse.png","type":"image/png","lastModified":1716487748147.887,"size":400796},{"id":"d2569c060fa863c2b87fcaa4a9a2411ae61b313ebe113ff0d7be8aca87666a55724e3f0531eee7ce30914503c9adb09152ad20c7b0306219ec53851ee0a48975","href":"https://static.observableusercontent.com/files/d2569c060fa863c2b87fcaa4a9a2411ae61b313ebe113ff0d7be8aca87666a55724e3f0531eee7ce30914503c9adb09152ad20c7b0306219ec53851ee0a48975","name":"John-Mayer.png","type":"image/png","lastModified":1716487748242.878,"size":285042},{"id":"1c8c2961ad784af3587f3e60a2b7fa506350d47ea59866b64f990d110c514906a90e1c521454674240fa547959f24ff31e9d256298a7cdc9fb283a9246b456fa","href":"https://static.observableusercontent.com/files/1c8c2961ad784af3587f3e60a2b7fa506350d47ea59866b64f990d110c514906a90e1c521454674240fa547959f24ff31e9d256298a7cdc9fb283a9246b456fa","name":"Guns-N-Roses.png","type":"image/png","lastModified":1716487748287.686,"size":325715},{"id":"e833800bc1e024c36f547672222bc7501eecde54e61dd079610c3c2bbc05704f6bf11efabbc9983358e22bbb6fd872ca3c8be565cfaccd4cfa3d777a66040769","href":"https://static.observableusercontent.com/files/e833800bc1e024c36f547672222bc7501eecde54e61dd079610c3c2bbc05704f6bf11efabbc9983358e22bbb6fd872ca3c8be565cfaccd4cfa3d777a66040769","name":"Paul-McCartney.png","type":"image/png","lastModified":1716487748519.89,"size":379018},{"id":"721d395ccb9603ba8b3bfa7c64d0d251e0e3e24a1fc0222569e32a9012c0ef16dc70745d785fba892dd8825b697809957c78fe45c47203cc767c553c43b428d0","href":"https://static.observableusercontent.com/files/721d395ccb9603ba8b3bfa7c64d0d251e0e3e24a1fc0222569e32a9012c0ef16dc70745d785fba892dd8825b697809957c78fe45c47203cc767c553c43b428d0","name":"Billy-Joel-Stevie-Nicks.png","type":"image/png","lastModified":1716487748626.758,"size":268153},{"id":"cd0f1642f3854700de5e59064660411754fa5f5b15802e64a8b9306d0f0c19c3e01c6016a44e1cd79afedf678526e38ac3a471129f7d21fde36e91a8b3ed6538","href":"https://static.observableusercontent.com/files/cd0f1642f3854700de5e59064660411754fa5f5b15802e64a8b9306d0f0c19c3e01c6016a44e1cd79afedf678526e38ac3a471129f7d21fde36e91a8b3ed6538","name":"The-1975.png","type":"image/png","lastModified":1716487748765.707,"size":356637},{"id":"ee916c5da8614b55ffc15a98b1cda974ddfd3fc594804e0f7d097e25ee6042391fbe0cf44b14abec44ea954d0d44111e5a692b5da2dbcaf5e87852bb2af25bbb","href":"https://static.observableusercontent.com/files/ee916c5da8614b55ffc15a98b1cda974ddfd3fc594804e0f7d097e25ee6042391fbe0cf44b14abec44ea954d0d44111e5a692b5da2dbcaf5e87852bb2af25bbb","name":"Stevie-Nicks.png","type":"image/png","lastModified":1716487748974.893,"size":348278},{"id":"49c4fae8f2e563662b54aad01e552260f71428c4d4dbf7ac89e3c8b49ff0163790c2a265901986b42a6873f3dd652327c324009323b10726e8b5c21504d60c8e","href":"https://static.observableusercontent.com/files/49c4fae8f2e563662b54aad01e552260f71428c4d4dbf7ac89e3c8b49ff0163790c2a265901986b42a6873f3dd652327c324009323b10726e8b5c21504d60c8e","name":"Tina-Fey-Amy-Poehler.png","type":"image/png","lastModified":1716487749936.673,"size":291096},{"id":"4859a4c6bf2762143967eddf51b06dd755fd5d115a0de78abcec64c0d73726430b18b35a0dfd334311d88409a59739eaafb8b188f6a07b9e18d10ed59c294428","href":"https://static.observableusercontent.com/files/4859a4c6bf2762143967eddf51b06dd755fd5d115a0de78abcec64c0d73726430b18b35a0dfd334311d88409a59739eaafb8b188f6a07b9e18d10ed59c294428","name":"Enrique-Iglesias.png","type":"image/png","lastModified":1716569200853.524,"size":245694},{"id":"e458bec804ab587ce4c68b0cfe62ab4ff27afa2763536aded307938905575872d4aeb9def4df6e7192ec1e934f17066cb53f3f5093494fced55ef8e9d984472f","href":"https://static.observableusercontent.com/files/e458bec804ab587ce4c68b0cfe62ab4ff27afa2763536aded307938905575872d4aeb9def4df6e7192ec1e934f17066cb53f3f5093494fced55ef8e9d984472f","name":"Presentation-Table 1@1.csv","type":"text/csv","lastModified":1715946025934.534,"size":36399},{"id":"f20aac9cad7fd4024b9649e4488d28fdb9efb045f209deb8776693fd4a1e5232309e3cd9448acb2fc8dcfdaffd21a00dec8608d979e77dccf2bfc93d830c4363","href":"https://static.observableusercontent.com/files/f20aac9cad7fd4024b9649e4488d28fdb9efb045f209deb8776693fd4a1e5232309e3cd9448acb2fc8dcfdaffd21a00dec8608d979e77dccf2bfc93d830c4363","name":"Midyear 2024 Race to the Top.xls - Presentation.csv","type":"text/csv","lastModified":1716587258983.131,"size":33173},{"id":"600883a59540268059c9454ed8873a333ff788ff49ae980742a171078131f785a47e3f4e5e1e30828f05846b7197ddaeac01946b77f6c61ef25284ef9fafa4fb","href":"https://static.observableusercontent.com/files/600883a59540268059c9454ed8873a333ff788ff49ae980742a171078131f785a47e3f4e5e1e30828f05846b7197ddaeac01946b77f6c61ef25284ef9fafa4fb","name":"Midyear 2024 Race to the Top.xlsx - Presentation.csv","type":"text/csv","lastModified":1716589196976.424,"size":33153},{"id":"08a2f7a59c880271b8f574db76a22ace64bfe31caef89b813db0e4b041fdf2891b0fbde6d3edb9b417f0f60b72047357b1e4372c37fa8543703acfd8b5c41c53","href":"https://static.observableusercontent.com/files/08a2f7a59c880271b8f574db76a22ace64bfe31caef89b813db0e4b041fdf2891b0fbde6d3edb9b417f0f60b72047357b1e4372c37fa8543703acfd8b5c41c53","name":"Midyear 2024 Race to the Top@1.xlsx - Presentation.csv","type":"text/csv","lastModified":1716590451272.47,"size":33154}] 2f:{"title":"MIDYEAR 2024 - TOP TOURS","cells":[{"id":239,"value":"# MIDYEAR 2024 - TOP TOURS","pinned":false,"hidden":false,"mode":"md"},{"id":3389,"value":"viewof proportion = Inputs.select([\"4/5\", \"9/16\"], {label: \"Proportion\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3484,"value":"viewof selectedWidth = Inputs.range([500, width], {\n step: 1,\n label: \"Width\",\n value: 792\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":982,"value":"viewof replay = html`