31:T5db,Plot.plot({ marginTop: 20, marginBottom: 35, marginLeft: 45, marginRight: 60, height: 350, x: { domain: d3.extent(countryData, (d) => d.year), tickFormat: (d) => String(d >= 2022 ? d : d - 3), ticks: [...d3.group(countryData, (d) => d.year).keys()], label: null }, y: { axis: null, domain: [6.5, 1] }, color: { domain: d3 .groupSort( countryData, (v) => v[0].place, (d) => d.country ) .reverse(), range: countryColors // d3.schemeTableau10 // .slice(0, 7) // .concat(d3.schemeTableau10.slice(8, 10)) }, // slice out individual labels marks: [ bumpMarks(countryData, { x: "year", y: "place", z: "country", reverse: false }), Plot.ruleX([2021.5], { y1: -0.1, y2: 6.75, stroke: "#ccc", strokeDasharray: "8" }) // Plot.rect([{}], { // x1: d3.min(countryData, (d) => d.year) - 0.1, // x2: 2023.1, // y1: 5.25, // y2: 6.25, // rx: 10, // fill: "#f8f7f3" // }), // Plot.text( // [ // { // x: // d3.min(countryData, (d) => d.year) + // (2023 - d3.min(countryData, (d) => d.year)) / 2, // y: 5.75, // text: "Sixth-place countries were\nnot reported for these years" // } // ], // { // x: "x", // y: "y", // text: "text", // fontSize: 18 // } // ) ] })32:T691,function bumpMarks(data, { r = 7, curve = "bump-x", ...options }) { // options = Plot.stackY2(options); const [firstYear, lastYear] = d3.extent(data, (d) => d.year); return [ Plot.line( d3.sort( // break the links data.concat( [...allCountries].map((country) => ({ year: 2021.5, country, place: NaN })) ), (d) => d.year ), // .map((d) => // d.year === 2024 && d.place > 2 ? { ...d, place: NaN } : d // ), { ...options, stroke: options.z, curve, fill: null } ), Plot.dot(data, { ...options, fill: options.z, r }), Plot.text(data, { fill: options.z, ...options, fill: "white", text: options.y, fontWeight: "bold" }), // bottom Plot.text( data.filter( (d) => d.year !== lastYear && d.year !== firstYear && d.year !== 2021 && !biggest_countries[d.realYear + 1]?.includes(d.country) ), { ...options, text: options.z, dy: 10 + (r || options.strokeWidth / 2), fill: "currentColor" } ), // left Plot.text( data.filter((d) => d.year === firstYear), { ...options, text: options.z, dx: -(5 + (r || options.strokeWidth / 2)), textAnchor: "end", fill: "currentColor" } ), // right Plot.text( data.filter((d) => d.year === lastYear), { ...options, text: options.z, dx: 5 + (r || options.strokeWidth / 2), textAnchor: "start", fill: "currentColor" } ) ]; }33:T7b5,{ const source = acceptRate; const data = Object.entries(source).map(([year, value]) => ({ year, value })); const dropLast = data.slice(0, -1); const dropLastEven = dropLast.filter((_, i) => i % 2 === 0); const dropLastOdd = dropLast.filter((_, i) => i % 2 === 1); return Plot.plot({ marks: [ Plot.line(data, { x: "year", y: "value", stroke: "#8c6239", strokeWidth: 4, strokeLinecap: "round", strokeLinejoin: "round" }), Plot.ruleY([0]), Plot.dot(dropLast, { x: "year", y: "value", r: 4, fill: "#6f4f2f" }), Plot.text( dropLastEven.map((d, i) => ({ ...d, opacity: d.year >= 2024 ? 1 : 0.6 })), { x: "year", y: "value", dx: 4, dy: -20, fontSize: (d) => (d.year >= 2024 ? 14 : 12), fill: "#6f4f2f", text: (d) => d.value.toFixed(1) + "%", opacity: "opacity" } ), Plot.text( dropLastOdd.map((d, i) => ({ ...d, opacity: d.year >= 2024 ? 1 : 0.6 })), { x: "year", y: "value", dx: 4, dy: 20, fontSize: (d) => (d.year >= 2024 ? 14 : 12), fill: "#6f4f2f", text: (d) => d.value.toFixed(1) + "%", opacity: "opacity" } ), Plot.dot([{ x: "2026" }], { x: "x", y: source[2026], r: 5, fill: "#9b2c2c" }), Plot.text([{ text: source[2026].toFixed(1) + "%", x: "2026" }], { x: "x", y: source[2026], dx: 4, dy: -20, fontSize: 16, fontWeight: "bold", fill: "#9b2c2c", text: "text" }) ], x: { type: "point" // grid: true }, y: { domain: [0, 12], grid: true, label: " ↑ Overall acceptance rate, %" } }); }34:T7aa,{ const source = total_applicants; const data = Object.entries(source).map(([year, value]) => ({ year, value })); const dropLast = data.slice(0, -1); const dropLastEven = dropLast.filter((_, i) => i % 2 === 1); const dropLastOdd = dropLast.filter((_, i) => i % 2 === 0); return Plot.plot({ marks: [ Plot.line(data, { x: "year", y: "value", stroke: "#8c6239", strokeWidth: 4, strokeLinecap: "round", strokeLinejoin: "round" }), Plot.ruleY([0]), Plot.dot(dropLast, { x: "year", y: "value", r: 4, fill: "#6f4f2f" }), Plot.text( dropLastEven.map((d, i) => ({ ...d, opacity: d.year >= 2024 ? 1 : 0.6 })), { x: "year", y: "value", dx: -3, dy: -20, fontSize: (d) => (d.year >= 2024 ? 14 : 12), fill: "#6f4f2f", text: (d) => d.value, opacity: "opacity" } ), Plot.text( dropLastOdd.map((d, i) => ({ ...d, opacity: d.year >= 2024 ? 1 : 0.6 })), { x: "year", y: "value", dy: 20, fontSize: (d) => (d.year >= 2024 ? 14 : 12), fill: "#6f4f2f", text: (d) => d.value, opacity: "opacity" } ), Plot.dot([{ x: "2026" }], { x: "x", y: source[2026], r: 5, fill: "#9b2c2c" }), Plot.text([{ text: source[2026], x: "2026" }], { x: "x", y: source[2026], dx: 0, dy: 25, fontSize: 16, fontWeight: "bold", fill: "#9b2c2c", text: "text" }) ], x: { type: "point" // grid: true }, y: { domain: [0, 65e3], grid: true, tickFormat: (d) => (d === 0 ? "0" : d / 1000 + "k"), label: " ↑ Total Applicants" } }); }35:T4db,historicalTopGraph = { const plot = Plot.plot({ width: 250, height: 200, marginLeft: 20, marginRight: 0, marks: [ Plot.barY( Object.entries(acceptRate) .map(([year, rate]) => ({ year: +year, rate })) .filter((d) => d.year >= 2020), { x: "year", y: "rate", fill: "#66282a", dx: -3 } ), Plot.barY( Object.entries(rd_acceptRate).map(([year, rate]) => ({ year: +year, rate })), { x: "year", y: "rate", dx: 3, fill: "#c33" } ), Plot.ruleY([0]) ], x: { paddingInner: 0.4, paddingOuter: 0.05, label: "Class Year" }, y: { grid: true, label: "Percent of students accepted", ticks: 20, tickFormat: (d) => (d % 1 === 0 ? d + "%" : ""), domain: [0, 9.5] } }); plot.querySelectorAll("text").forEach((el) => { el.style.fontSize = "7"; }); plot.style.width = 800; // const legend = new SVGForeignObjectElement(); // legend.appendChild( // Plot.legend({ // color: { // domain: ["Combined", "Regular Decision"], // range: ["#66282a", "#c33"] // } // }) // ); // plot.appendChild(legend); return plot; }36:T531,coverage = ({ 2025: "https://www.browndailyherald.com/article/2021/04/brown-admits-record-low-5-4-percent-of-applicants-to-the-class-of-2025", 2024: "https://www.browndailyherald.com/article/2020/03/brown-admits-6-9-percent-of-applicants-amid-covid-19-crisis", 2023: "https://www.browndailyherald.com/article/2019/04/university-accepts-record-low-6-6-percent-of-applicants-to-class-of-2023", 2022: "https://www.browndailyherald.com/article/2018/03/university-admits-record-low-7-2-percent-of-applicants-to-class-of-2022", 2021: "https://www.browndailyherald.com/article/2017/03/u-admits-record-low-8-3-percent-of-applicants-to-class-of-2021", 2020: "https://www.browndailyherald.com/article/2016/04/brown-admits-2-250-from-largest-ever-applicant-pool", 2019: "https://www.browndailyherald.com/article/2015/04/8-5-percent-admit-rate-for-class-of-2019-breaks-university-record", 2018: "https://www.browndailyherald.com/article/2014/03/brown-admits-record-low-8-6-percent", 2017: "https://www.browndailyherald.com/article/2013/04/u-accepts-second-lowest-percentage-of-applicants-ever", 2016: "https://www.browndailyherald.com/article/2012/03/u-accepts-2-760-to-class-of-2016", 2015: "https://www.browndailyherald.com/article/2011/03/web-update-u-admits-record-low-8-7-percent-of-applicants-to-class-of-2015" })37:[] 2f:{"title":"Brown Class of 2026 Regular Decision Acceptance Graphics","cells":[{"id":0,"value":"# Brown Class of 2026 Regular Decision Acceptance Graphics\n\nRead our coverage: [Brown admits record-low 5% of applicants to class of 2026](https://www.browndailyherald.com/article/2022/03/brown-admits-record-low-5-of-applicants-to-class-of-2026)","pinned":false,"hidden":false,"mode":"md"},{"id":19,"value":"Previous coverage:\n\n${Object.entries(coverage).map(([year, link]) => html`${year}`)}","pinned":false,"hidden":false,"mode":"md"},{"id":859,"value":"// d3.schemePuBuGn[9]\n// .slice(5, -1)\n// .concat(d3.schemeSet1.slice(-3))\n// .concat(d3.schemeSet1.slice(0, 3))\ncountryColors = [\n d3.schemeSet1[1],\n d3.schemeSet1[4],\n d3.schemeSet2[2],\n \"#3690c0\",\n \"#a65628\",\n d3.schemeSet2[6],\n d3.schemeSet1[3],\n \"#02818a\",\n d3.schemeSet1[2]\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"Credit to [@fil](https://observablehq.com/@fil/plot-bump-chart)","pinned":false,"hidden":false,"mode":"md"},{"id":178,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":701,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":1026,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":1261,"value":"{\n const x = Plot.legend({\n color: {\n domain: [\"Combined\", \"Regular Decision\"],\n range: [\"#66282a\", \"#c33\"]\n }\n });\n x.style.transform = \"scale(2)\";\n x.style.transformOrigin = \"top left\";\n x.style.paddingBottom = \"200px\";\n return x;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1189,"value":"import { DonutChart } from \"@d3/donut-chart\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1191,"value":"plmeChart = DonutChart(\n [\n { name: \"Accepted\", value: 84 },\n { name: \"Rejected\", value: 3827 - 84 }\n ],\n {\n name: (d) => d.name,\n value: (d) => d.value,\n title: (d) => \"\",\n colors: [\"#66282a\", \"#b3b7bb\"],\n width: 150,\n height: 150,\n innerRadius: 50\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1229,"value":"ruralChart = DonutChart(\n [\n { name: \"Rural\", value: 5 },\n { name: \"Not Rural\", value: 95 }\n ],\n {\n name: (d) => d.name,\n value: (d) => d.value,\n title: (d) => \"\",\n colors: [\"#66282a\", \"#b3b7bb\"],\n width: 150,\n height: 150,\n innerRadius: 50\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1234,"value":"firstGenChart = DonutChart(\n [\n { name: \"First-Gen\", value: 17 },\n { name: \"Not First-Gen\", value: 100 - 17 }\n ],\n {\n name: (d) => d.name,\n value: (d) => d.value,\n title: (d) => \"\",\n colors: [\"#66282a\", \"#b3b7bb\"],\n width: 150,\n height: 150,\n innerRadius: 50\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1110,"value":"html`

\n ${(() => {\n // const newGraph = historicalTopGraph.cloneNode(true);\n // newGraph.querySelectorAll(\"text\").forEach((el) => {\n // el.style.fontSize = \"7\";\n // });\n // return newGraph;\n })()}\n

${Plot.legend(\n {\n color: {\n domain: [\"Combined\", \"Regular Decision\"],\n range: [\"#66282a\", \"#c33\"]\n }\n }\n )}

\n ${plmeChart.cloneNode(true)}\n

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"offers = ({\n 2026: 1651,\n 2025: 1652,\n 2024: 1732,\n 2023: 1782,\n 2022: 1742,\n 2021: 2027,\n 2020: 2250,\n 2019: 2580,\n 2018: 2619,\n 2017: 2649,\n 2016: 2760,\n 2015: 2692,\n 2014: 2804\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"acceptRate = ({\n 2026: 5.0,\n 2025: 5.4,\n 2024: 6.9,\n 2023: 6.6,\n 2022: 7.2,\n 2021: 8.3,\n 2020: 9,\n 2019: 8.5,\n 2018: 8.6,\n 2017: 9.2,\n 2016: 9.6,\n 2015: 8.7,\n 2014: 9.3\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"rd_acceptRate = ({\n 2026: 3.6,\n 2025: 3.5,\n 2024: 5.2,\n 2023: 4.8,\n 2022: 5.5,\n 2021: 6.5,\n 2020: 7\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"total_applicants = ({\n 2026: 50649,\n 2025: 46568,\n 2024: 36794,\n 2023: 38674,\n 2022: 35438,\n 2021: 32724,\n 2020: 32380,\n 2019: 30397,\n 2018: 30432,\n 2017: 28919,\n 2016: 28742,\n 2015: 30948,\n 2014: 30136\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":741,"value":"Plot.plot({\n marks: [\n Plot.barY(\n Object.entries(firstgen).map(([year, value]) => [+year, value]),\n {\n x: \"0\",\n y: \"1\",\n fill: \"#6f4f2f\",\n opacity: (d) => (d[0] === 2026 ? 1 : 0.8)\n }\n ),\n Plot.ruleY([0])\n ],\n x: {\n label: null\n },\n y: {\n domain: [0, 24],\n ticks: 25,\n tickFormat: (d) => (d % 3 ? \"\" : d),\n grid: true,\n label: \"First-generation college students, % of accepted student body\",\n labelAnchor: \"center\"\n }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":735,"value":"firstgen = ({\n 2026: 17,\n 2024: 18,\n 2023: 14,\n 2022: 13,\n 2021: 14,\n 2019: 13,\n 2018: 18,\n 2017: 17.5,\n 2015: 17\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"biggest_countries = ({\n 2026: [\"China\", \"UK\", \"Canada\", \"India\", \"Singapore\", \"Ukraine\"],\n 2025: [\"China\", \"India\", \"UK\", \"Canada\", \"Turkey\", \"South Korea\"],\n 2024: [\"China\", \"Canada\", \"Singapore\", \"Thailand\", \"South Korea\", \"UK\"],\n 2023: [\"China\", \"Canada\", \"India\", \"South Korea\", \"UK\"],\n 2022: [\"China\", \"India\", \"UK\", \"Canada\", \"Singapore\"],\n 2018: [\"China\", \"India\", \"Canada\", \"UK\"],\n 2017: [\"China\", \"Canada\", \"India\", \"South Korea\", \"UK\"],\n 2016: [\"China\", \"Canada\", \"South Korea\", \"India\", \"UK\"],\n 2015: [\"China\", \"India\", \"UK\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"allCountries = new Set(Object.values(biggest_countries).flat())","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"countryData = Object.entries(biggest_countries)\n .flatMap(([year, countries]) =>\n countries\n .map((country, i) => ({ year: +year, country, place: i + 1 }))\n .concat(\n [...allCountries]\n .filter((country) => !countries.includes(country))\n .map((country) => ({ year: +year, country, place: NaN }))\n )\n )\n .map((d) => ({\n ...d,\n year: d.year >= 2022 ? d.year : d.year + 3,\n realYear: d.year\n }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":98,"value":"// thoroughly uninteresting\nbiggest_states = ({\n 2023: [\"California\", \"New York\", \"Massachusetts\", \"New Jersey\", \"Texas\"],\n 2022: [\"California\", \"New York\", \"Massachusetts\", \"New Jersey\", \"Texas\"],\n // 2018: same but TX+FL are tied\n 2017: [\"California\", \"New York\", \"Massachusetts\", \"New Jersey\", \"Texas\"]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":162,"value":"rd_acceptRate_check = Object.entries(\n total_applicants\n).map(([year, applicants]) => [year, (offers[year] / applicants) * 100])\n// .filter(([year, error]) => Math.abs(error - rd_acceptRate[year]) > 0.5)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1290,"value":"Plot.plot({\n marks: [Plot.lineY(Object.entries(offers), { x: \"0\", y: \"1\" })],\n y: { domain: [0, 3000], grid: true }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":47,"value":"// ???\nacceptRate_check = Object.entries(total_applicants)\n .map(([year, applicants]) => [\n year,\n (offers[year] + ___) / (applicants + ___) - acceptRate[year]\n ])\n .filter(([, error]) => Math.abs(error) > 0.005)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1296,"value":"For Instagram:","pinned":false,"hidden":false,"mode":"md"},{"id":1301,"value":"Plot.plot({\n marginTop: 20,\n marginBottom: 35,\n marginLeft: 45,\n marginRight: 60,\n height: 350,\n x: {\n domain: d3.extent(countryData, (d) => d.year),\n tickFormat: (d) => String(d >= 2022 ? d : d - 3),\n ticks: [...d3.group(countryData, (d) => d.year).keys()],\n label: null\n },\n y: {\n axis: null,\n domain: [6.5, 1]\n },\n\n color: {\n domain: d3\n .groupSort(\n countryData,\n (v) => v[0].place,\n (d) => d.country\n )\n .reverse(),\n range: countryColors\n },\n // slice out individual labels\n marks: [\n bumpMarks(countryData, {\n x: \"year\",\n y: \"place\",\n z: \"country\",\n reverse: false,\n fontSize: 20,\n r: 15\n }),\n Plot.ruleX([2021.5], {\n y1: -0.1,\n y2: 6.75,\n stroke: \"#ccc\",\n strokeDasharray: \"8\"\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W37","stdlib":"1","titling":"auto"}