27:null 28:["$","title",null,{"children":"Total PAC donations byt party | Test - Jacob | Observable"}] 2d:T432,exportDesktop = { const button = html``; button.onclick = async () => { // Scale factor from display size to export size const EXPORT_W = 1200; const EXPORT_H = 1080; const DISPLAY_W = 600; const DISPLAY_H = 540; const scale = EXPORT_W / DISPLAY_W; // ~2.864x // Grab the container element const container = barChartScaffoldEmbed.querySelector('.embed-container'); // Use html2canvas with scale override const canvas = await html2canvas(container, { scale: scale, width: DISPLAY_W, height: DISPLAY_H, useCORS: true, allowTaint: true, backgroundColor: '#ffffff', logging: false, }); // Sanity-check dimensions (html2canvas respects scale) // canvas should already be 945×1182 // Download const link = document.createElement('a'); link.download = chartMeta.desktopFilename; link.href = canvas.toDataURL('image/png'); link.click(); }; return button; }2e:T7d0,barChartScaffoldEmbed = html`

${chartMeta.title ? html`

${chartMeta.title}

` : empty()} ${chartMeta.subtitle ? html`

${chartMeta.subtitle}

` : empty()} ${barChartScaffold} ${chartMeta.legend?.length ? html`

${chartMeta.legend.map(d => html`

${d.label}

`)}

` : empty()} ${(chartMeta.source || chartMeta.credit || chartMeta.note) ? html`

${chartMeta.source ? html`${chartMeta.source}
` : empty()} ${chartMeta.credit ? html`${chartMeta.credit}
` : empty()} ${chartMeta.note ? html`${chartMeta.note}` : empty()}

` : empty()}

` 2f:T497,barChartScaffold = Plot.plot({ width: 600, height: 420, style: { fontSize: 22, fontFamily: "Arial, sans-serif", }, marginLeft: 59, marginBottom: 39, // Adjust this higher or lower depending on whether there is a subtitle marginTop: 25, // adjust higher if there is a label at the end of the x-axis like `100%` to avoid clipping marginRight: 0, x: { type: "band", domain: chartMeta.data.map(d => d.party), padding: 0.25, // label is in the variable being spread ...xAxis(chartMeta), // no arrow arrow: false, label: null, tickRotate: 0 }, y: { // label is in the variable being spread ...yAxis(chartMeta), // Manual Y axis domain ...yDomain(chartMeta), // Manual ticks ({start}, {max}, {interval}) (max should be domain +1) ...yTicks(chartMeta), grid: true, tickFormat: formatMoneyShort, arrow: false, label: null, }, marks: [ Plot.barY(chartMeta.data, { x: "party", y: "amount", fill: d => d.color, stroke: chartMeta.outlineColor, strokeWidth: 2, inset: 0 }), Plot.ruleY([0], { stroke: "black", strokeWidth: 2 }) ] });30:T441,exportMobile = { const button = html``; button.onclick = async () => { // Scale factor from display size to export size const EXPORT_W = 945; const EXPORT_H = 1182; const DISPLAY_W = 945; const DISPLAY_H = 1182; const scale = EXPORT_W / DISPLAY_W; // ~2.864x // Grab the container element const container = mobileBarChartScaffoldEmbed.querySelector('.mobile-embed-container'); // Use html2canvas with scale override const canvas = await html2canvas(container, { scale: scale, width: DISPLAY_W, height: DISPLAY_H, useCORS: true, allowTaint: true, backgroundColor: '#ffffff', logging: false, }); // Sanity-check dimensions (html2canvas respects scale) // canvas should already be 945×1182 // Download const link = document.createElement('a'); link.download = chartMeta.mobileFilename; link.href = canvas.toDataURL('image/png'); link.click(); }; return button; }31:T8df,mobileBarChartScaffoldEmbed = html`

${chartMeta.title ? html`

${chartMeta.title}

` : empty()} ${chartMeta.subtitle ? html`

${chartMeta.subtitle}

` : empty()}

${mobileBarChartScaffold}

${chartMeta.legend?.length ? html`

${chartMeta.legend.map(d => html`

${d.label}

`)}

` : empty()} ${(chartMeta.source || chartMeta.credit || chartMeta.note) ? html`

${chartMeta.source ? html`${chartMeta.source}
` : empty()} ${chartMeta.credit ? html`${chartMeta.credit}
` : empty()} ${chartMeta.note ? html`${chartMeta.note}` : empty()}

` : empty()}

`32:T4c9,mobileBarChartScaffold = Plot.plot({ width: 925, height: 910, style: { fontSize: 30, fontFamily: "Arial, sans-serif", }, marginLeft: 91, marginBottom: 40, marginTop: 60, // adjust higher if there is a label at the end of the x-axis like `100%` to avoid clipping marginRight: 0, x: { type: "band", domain: chartMeta.data.map(d => d.party), padding: 0.25, // label is in the variable being spread ...xAxis(chartMeta), // no arrow arrow: false, label: null, tickRotate: 0 }, y: { // label is in the variable being spread ...yAxis(chartMeta), // Manual Y axis domain ...yDomain(chartMeta), // Override domain [{start}, {end}] // domain: [0, 20000], ...yTicks(chartMeta), // Override ticks ({start}, {max}, {interval}) (max should be domain +1) // ticks: d3.range(0, 20001, 5000), grid: true, tickFormat: formatMoneyShort, arrow: false, label: null, }, marks: [ Plot.barY(processedData, { x: "party", y: "amount", fill: d => d.color, stroke: chartMeta.outlineColor, strokeWidth: 3, inset: 0 }), Plot.ruleY([0], { stroke: "black", strokeWidth: 2 }) ] });33:Ta0a,// Shrunk to smaller dimensions, come back to this when time to write a custom export function // mobileBarChartScaffoldEmbed = html` // //

// ${chartMeta.title // ? html`

${chartMeta.title}

` // : empty()} // ${chartMeta.subtitle // ? html`

${chartMeta.subtitle}

` // : empty()} //

// ${mobileBarChartScaffold} //

// ${chartMeta.legend?.length // ? html` //

// ${chartMeta.legend.map(d => html` //

// // ${d.label} //

// `)} //

// ` // : empty()} // ${(chartMeta.source || chartMeta.credit || chartMeta.note) // ? html` //

// ${chartMeta.source ? html`Data: ${chartMeta.source}
` : empty()} // ${chartMeta.credit ? html`Graphic: ${chartMeta.credit}
` : empty()} // ${chartMeta.note ? html`${chartMeta.note}` : empty()} //

// ` // : empty()} //

// ` 34:T4b9,// Shrunk to smaller dimensions, come back to this when time to write a custom export function // mobileBarChartScaffold = Plot.plot({ // style: { // fontSize: 20, // height: 258, // width: 285, // }, // marginLeft: 80, // marginBottom: 15, // marginTop: 37, // x: { // type: "band", // domain: chartMeta.data.map(d => d.year), // tickFormat: "d", // padding: 0.25, // // label is in the variable being spread // ...xAxis(chartMeta), // // no arrow // arrow: false // }, // y: { // // label is in the variable being spread // ...yAxis(chartMeta), // // Manual Y axis domain // ...domain(chartMeta), // // Override domain [{start}, {end}] // // domain: [0, 20000], // ...ticks(chartMeta), // // Override ticks ({start}, {max}, {interval}) (max should be domain +1) // // ticks: d3.range(0, 20001, 5000), // grid: true, // tickFormat: d3.format(","), // arrow: false // }, // marks: [ // Plot.barY(chartMeta.data, { // x: "year", // y: "totalChange", // fill: "#2E6F40", // inset: 0 // }), // Plot.ruleY([0], { stroke: "black", strokeWidth: 2 }) // ] // }); 35:[{"id":"4e216646547e48c545180eabcae392a835da540a962f6b368a09e24e8c9790deb5189b078c6dcbce3be1321d489048f6ed39c2a25ec3b8c928a61040cdea80e7","href":"https://static.observableusercontent.com/files/4e216646547e48c545180eabcae392a835da540a962f6b368a09e24e8c9790deb5189b078c6dcbce3be1321d489048f6ed39c2a25ec3b8c928a61040cdea80e7","name":"total-donations-by-party@1.csv","type":"text/csv","lastModified":1789156551353.662,"size":79},{"id":"4e79805ac71b1dcbfedf2569eed542ad7642c1aff977f14f2ec3106aecb1e612a43b23d8f8e1d4b4e5da23a12cf56218e606a11d522f2e37de45f49a51016c82","href":"https://static.observableusercontent.com/files/4e79805ac71b1dcbfedf2569eed542ad7642c1aff977f14f2ec3106aecb1e612a43b23d8f8e1d4b4e5da23a12cf56218e606a11d522f2e37de45f49a51016c82","name":"total-donations-by-party.csv","type":"text/csv","lastModified":1789155893314.935,"size":53},{"id":"f742a6beae9a2e1efb2a5d9cb27908359a1dc47559a3cd7035a8c61ca7e41a03256b1b9400f53913a5238fc604f6dbcc13e786830ea681cccd0107f641cc3392","href":"https://static.observableusercontent.com/files/f742a6beae9a2e1efb2a5d9cb27908359a1dc47559a3cd7035a8c61ca7e41a03256b1b9400f53913a5238fc604f6dbcc13e786830ea681cccd0107f641cc3392","name":"topTwentyOverall.csv","type":"text/csv","lastModified":1789147851946.557,"size":1617},{"id":"abcad2968fe4e2fcb0612c654dd0b2a920ab7c5bd3dc2e4e40b00cedb7091f7646abcadcfe2c71a496ecedfc9f15b9ed3e7a625619fef6feafe66541808a225b","href":"https://static.observableusercontent.com/files/abcad2968fe4e2fcb0612c654dd0b2a920ab7c5bd3dc2e4e40b00cedb7091f7646abcadcfe2c71a496ecedfc9f15b9ed3e7a625619fef6feafe66541808a225b","name":"montana-pop-change-2021-2025.csv","type":"text/csv","lastModified":1789147704286.691,"size":322},{"id":"5556072981872594519dc8df641b3bfcde6a79bf16aafda272f756e2cd3f30977a069743eea3ebc08663c303dc51a5f3902e64339f097e2529ed49f31ec2d1be","href":"https://static.observableusercontent.com/files/5556072981872594519dc8df641b3bfcde6a79bf16aafda272f756e2cd3f30977a069743eea3ebc08663c303dc51a5f3902e64339f097e2529ed49f31ec2d1be","name":"top-50-spenders.csv","type":"text/csv","lastModified":1789148746701.414,"size":3817},{"id":"2db89d7a244c40946e2773cd039af4d1cbdff46e164076c02369ca5b46c96b66f57498c9ebeadbca3a7fcf0815a1c75d076db73265838954b7fbf837bafcfda6","href":"https://static.observableusercontent.com/files/2db89d7a244c40946e2773cd039af4d1cbdff46e164076c02369ca5b46c96b66f57498c9ebeadbca3a7fcf0815a1c75d076db73265838954b7fbf837bafcfda6","name":"total-donations-by-party-general-only.csv","type":"text/csv","lastModified":1789155893314.756,"size":53}] 2b:{"id":"7ea2799841ab8414","slug":null,"title":"Total PAC donations byt party","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2026-09-11T17:28:24.286Z","update_time":"$D2026-09-11T20:06:29.926Z","view_time":null,"first_public_time":"$D2026-09-11T17:28:24.286Z","has_unpublished_edits":null,"fork":{"id":"fef1c5a9edc07bfe","slug":null,"title":"Observable Plot bar chart scaffolding","owner":{"id":"4097a649455797ee","login":"jacob-test-mtfp","name":"Test - Jacob"}},"stars":0,"starred":false,"owner":{"type":"team","id":"4097a649455797ee","login":"jacob-test-mtfp","name":"Test - Jacob","avatar_url":"https://avatars-next.observableusercontent.com/286ea806712c4101f38678daa20ec893487774be0cb915d1ec1d72122a1654ea","tier":"starter_2024"},"version":585,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"524ba9658b83acf5","login":"jacob-olness2","name":"Jacob Olness","avatar_url":"https://avatars-next.observableusercontent.com/dfa74109c8f708d522fb4a9f595e7b21ff67039e8e2057c1dacde7875e3a05a0","tier":null}],"members":[{"type":"individual","id":"524ba9658b83acf5","login":"jacob-olness2","name":"Jacob Olness","avatar_url":"https://avatars-next.observableusercontent.com/dfa74109c8f708d522fb4a9f595e7b21ff67039e8e2057c1dacde7875e3a05a0","tier":null,"role":"editor"},{"type":"team","id":"4097a649455797ee","login":"jacob-test-mtfp","name":"Test - Jacob","avatar_url":"https://avatars-next.observableusercontent.com/286ea806712c4101f38678daa20ec893487774be0cb915d1ec1d72122a1654ea","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Total PAC donations byt party","cells":[{"id":0,"value":"# Total PAC donations byt party","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":69,"value":"#### *Notes*\n- Optional Fields can be deleted\n- Export desktop graphics and resize to 1200px\n- Export mobile graphics and ","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":133,"value":"// OPTIONS OBJECT FOR TITLE/SUBTITLE ETC.\n// Title as SVG?","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"// Defime title for both graphs\n// Comment out to remove field\nchartMeta = ({\n desktopFilename: 'desktopTopPACsByParty.png',\n mobileFilename: 'mobileTopPACsByParty.png',\n// HTML stuff\n title: \"PAC giving to MT federal candidates by party\",\n subtitle: \"Reported donations through June 30, 2026\",\n source: \"Data: Federal Election Commission\",\n credit: \"Graphic: Jacob Olness / MTFP\",\n note: \"Note: Excludes super and hybrid PACs\",\n // Party color legend\n\n// Plot stuff\n data: processedData,\n outlineColor: '#606060',\n yAxis: \"Yscale\",\n // X axis is often readily apparent so not needed\n // xAxis: \"Xscale\",\n yDomain: [0, d3.max(processedData, d => d.amount)],\n yTicks: d3.range(0, d3.max(processedData, d => d.amount) + 1, 400000),\n xDomain: processedData.map(d => d.party)\n // xTicks not needed for a band/categorical axis\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"formatAmount = d3.format(\",\")\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"formatMoneyShort = (d) => {\n if (d === 0) return \"$0\";\n if (d >= 1000000) {\n const millions = d / 1000000;\n return \"$\" + (Number.isInteger(millions) ? millions : millions.toFixed(1)) + \"M\";\n }\n return \"$\" + (d / 1000) + \"k\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"partyColors = ({\n Republican: \"#d73027\",\n Democrat: \"#4575b4\",\n Independent: \"#6f5bb5\",\n L: \"#dba51d\"\n});\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":34,"value":"processedData = data.map(d => ({\n party: d.party,\n amount: +d.amount,\n color: partyColors[d.party] ?? \"#999999\"\n}));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"data = FileAttachment(\"total-donations-by-party@1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"### Helpers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":357,"value":"html2canvas = require(\"html2canvas@1.4.1/dist/html2canvas.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"// Allows us to have empty or missing fields on `chartMeta` and then it won't render anything \n// default behavior is for it to render the word `undefined`\nempty = () => document.createDocumentFragment()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"// Helper for Plot values\nyAxis = meta => ({\n label: meta.yAxis ?? null\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"// Helper for Plot values\nxAxis = meta => ({\n label: meta.xAxis ?? null\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"yDomain = meta => ({\n domain: meta.yDomain ?? null\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"yTicks = meta => ({\n ticks: meta.yTicks ?? null\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"xDomain = meta => ({\n domain: meta.xDomain ?? null\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"xTicks = meta => ({\n ticks: meta.xTicks ?? null\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 2c:"$2b:body"