25:["$","title",null,{"children":"2026 Aotearoa New Zealand Election | Peter Scriven | Observable"}] 49:T464,countProgress = { const c = data.data.count_data; const pct = c.voting_places_counted_percent; // 0–100 const w = width, h = 20; const svg = d3.create("svg").attr("width", w).attr("height", h); svg.append("rect").attr("width", w).attr("height", h).attr("fill", "#eee"); svg.append("rect").attr("width", w * pct / 100).attr("height", h).attr("fill", "#FF810F"); // Countdown to next refresh const nextAt = lastRefresh + refreshMs; const countdown = html``; const tick = () => { const s = Math.max(0, Math.ceil((nextAt - Date.now()) / 1000)); countdown.textContent = s > 0 ? `Data will refresh in ${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}` : "Refreshing…"; }; tick(); const timer = setInterval(tick, 1000); invalidation.then(() => clearInterval(timer)); return html`

Count Progress: ${pct}% ${svg.node()}

${c.voting_places_counted} voting places counted ${countdown}

`; }4a:T8a5,candidate_hexmap_2 = { // Dimensions const w = width; const h = width < 600 ? 500 : 880; // Map settings const map_type = "hex" const data_type = "candidate" const elec_highlight = "all" // Transforms const scale = width < 600 ? 0.4 : 0.7; const me_translate = map_type === "geo" ? { x: 40, y: 150 } : map_type === "hex" ? { x: 40, y: 280 } : { x:0, y:0 } // Create SVG const svg = d3.create('svg').attr("width", w).attr("height", h) const node = svg.append('g') // Create tooltip const tooltip = getTooltip(); // Add Data - General & Māori Electorate // const extras_bg_node = node.append('g').attr("id", "extras-bg"); // drawExtras(extras_bg_node, ui_extras_data, map_type, true, scale); const general_node = node.append('g').attr("id", "general-seats"); drawElectorates(general_node, general_elec_data, map_type, data_type, tooltip, scale); const māori_node = node.append('g').attr("id", "maori-seats"); drawElectorates(māori_node, māori_elec_data, map_type, data_type, tooltip, scale, me_translate); // const extras_node = node.append('g').attr("id", "extras") // drawExtras(extras_node, ui_extras_data, map_type, false, scale) // Change function const speed = 750; const lag = 150; const inactiveColor = '#E2E2E2'; function change(v) { const showGen = (d) => (v === "all" || v === d.electorate_type); general_node.selectAll('path') .style('pointer-events', 'none') .transition() .duration(speed) .delay(d => showGen(d) ? lag : 0) .attr("fill", d => showGen(d) ? getFill(d, data_type) : inactiveColor) .on("end", d => showGen(d) ? d3.selectAll(`#${d.id}`).style('pointer-events', 'unset') : null); const showMāo = d => (v === "all" || v === "māori"); māori_node.selectAll('path') .style('pointer-events', 'none') .transition() .duration(speed) .delay(d => showMāo(d) ? lag : 0) .attr("fill", d => showMāo(d) ? getFill(d, data_type) : inactiveColor) .on("end", d => showMāo(d) ? d3.selectAll(`#${d.id}`).style('pointer-events', 'unset') : null); } // Return node return Object.assign(svg.node(), { change, start_value: elec_highlight }); }4b:T845,partyVoteTable = { const nat = data.data.national_lean; const natRight = nat.right_votes / nat.total; const rows = d3.sort(Object.entries(data.data.votes).map(([name, e]) => { const l = e.party_vote_lean; const right = l.right_votes / l.total; return { name, left: 1 - right, right, lean: right - natRight, opp: l.other_votes / l.total_all }; }), d => -d.left); const LEFT = party_colors.singles["Labour Party"]; const RIGHT = party_colors.singles["National Party"]; const OPP = party_colors.singles["Opportunity Party"]; const leanBg = v => party_colors.scales[v < 0 ? "Labour Party" : "National Party"](Math.abs(v)); const pct = v => `${(v * 100).toFixed(1)}%`; const signed = v => `${v > 0 ? "+" : ""}${(v * 100).toFixed(1)}%`; const ink = c => d3.lab(c).l > 55 ? "#000" : "#fff"; const cell = (text, bg, cls = "") => html`${text}`; return html` ${cell(pct(1 - natRight), LEFT)} ${cell(pct(natRight), RIGHT)} ${cell(pct(nat.other_votes / nat.total_all), OPP)} ${cell("Left %", LEFT)} ${cell("Right %", RIGHT)} ${cell("OPP %", OPP)} ${rows.map(d => html` ${cell(pct(d.left), LEFT)} ${cell(signed(d.lean), leanBg(d.lean))} ${cell(pct(d.right), RIGHT)} ${cell(pct(d.opp), OPP)} `)}

${data.updated ? "" : ""}Party Vote
Nationally →:
Electorate ↓:	Lean
${d.name}

`; }4c:Td82,function drawMap(data_type, map_type) { // data_type = 'area_type' | 'candidate' | 'party' | 'rel_party' // map_type = 'geo' | 'hex' | 'zoomed' // Dimensions const w = width; const h = width < 600 ? 510 : 900; // Transforms const scale = width < 600 ? 0.4 : 0.7; const me_translate = map_type === "geo" ? { x: 40, y: 0 } : map_type === "hex" ? { x: 40, y: 280 } : { x:0, y:0 } const ge_translate = map_type === "geo" ? { x:-75, y:-10 } : map_type === "hex" ? { x:0, y:0 } : { x:0, y:0 } // Create SVG const svg = d3.create('svg').attr("width", w).attr("height", h) const node = svg.append('g') // Create tooltip const tooltip = getTooltip(data_type); // Add Data - General & Māori Electorate const extras_bg_node = node.append('g').attr("id", "extras-bg"); drawExtras(extras_bg_node, ui_extras_data, map_type, true, scale); const general_node = node.append('g').attr("id", "general-seats"); drawElectorates(general_node, general_elec_data, map_type, data_type, tooltip, scale, ge_translate); const māori_node = node.append('g').attr("id", "maori-seats"); drawElectorates(māori_node, māori_elec_data, map_type, data_type, tooltip, scale, me_translate); const extras_node = node.append('g').attr("id", "extras") drawExtras(extras_node, ui_extras_data, map_type, false, scale) // Change function const speed = 3000; const transition_detail = 70; // (lower => more detail + slower) function change(value, oldValue) { const getStart = d => oldValue === "geo" ? d.geo_path : oldValue === "hex" ? d.hex_path : d.zoom_path; const getEnd = d => value === "geo" ? d.geo_path : value === "hex" ? d.hex_path : d.zoom_path; const me_translate = value === "geo" ? { x: 20, y: -20 } : value === "hex" ? { x: 40, y: 280 } : {x:0,y:0}; const ge_translate = value === "geo" ? { x:-75, y:-10 } : value === "hex" ? { x:0, y:0 } : { x:0, y:0 } const stroke_width = value === "hex" ? 6 : 4; const options = { maxSegmentLength: transition_detail }; const extra_opacity = value === "zoomed" ? 1 : 0; const extra_delay = value === "zoomed" ? 1000 : 0; general_node.selectAll('path') .style('pointer-events', 'none') .transition().duration(speed) .style("transform", `scale(${scale}) translate(${ge_translate.x}px, ${ge_translate.y}px)`) .attr("stroke-width", stroke_width) .attrTween("d", d => flubber.interpolate(getStart(d), getEnd(d), options)) .on("end", d => general_node.select(`#${d.id}`).style('pointer-events', 'unset')); māori_node.selectAll('path') .style('pointer-events', 'none') .transition().duration(speed) .style("transform", `scale(${scale}) translate(${me_translate.x}px, ${me_translate.y}px)`) .attr("stroke-width", stroke_width) .attrTween("d", d => flubber.interpolate(getStart(d), getEnd(d), options)) .on("end", d => māori_node.select(`#${d.id}`).style('pointer-events', 'unset')); extras_bg_node.selectAll('circle') .transition().delay(extra_delay).duration(speed) .style("opacity", extra_opacity); extras_node.selectAll('circle') .transition().delay(extra_delay).duration(speed) .style("opacity", extra_opacity); extras_node.selectAll('path') .transition().delay(extra_delay).duration(speed) .style("opacity", extra_opacity); } // Return node return Object.assign(svg.node(), {change, start_value: map_type}); }4d:T529,function drawElectorates(node, data, map_type, data_type, tooltip, scale, translate = {x:0, y:0}) { const stroke_width = map_type === "hex" ? 6 : 4; const stroke = 'white'; const getPath = d => map_type === "geo" ? d.geo_path : map_type === "hex" ? d.hex_path : d.zoom_path; // Hatch fill logic const svgNode = node.node().closest("svg"); // const fill = (d, hl = false) => getFill(d, data_type, hl); const fill = (d, hl = false) => mapFill(svgNode, d, data_type, hl, scale); node.selectAll('path') .data(data) .enter() .append('path') .attrs(d => ({ 'id': d.id, 'd': getPath(d) })) .attrs(d => ({ 'fill': fill(d), 'stroke': stroke, 'stroke-opacity': "1", 'stroke-width': stroke_width })) .styles({ "transform": `scale(${scale}) translate(${translate.x}px, ${translate.y}px)`, "paint-order": "stroke" }) .on("mouseover", (e, d) => { d3.select(e.target) .attr("fill", fill(d, true)) .attr("stroke", "black") .raise() tooltipFns.show(tooltip) }) .on("mousemove", (e, d) => { tooltipFns.update(tooltip, data_type, e, d); }) .on("mouseleave", (e, d) => { d3.select(e.target) .attr("fill", fill(d)) .attr("stroke", stroke) tooltipFns.hide(tooltip) }) }4e:T606,function getFill(d, data_type, highlight = false) { try { // Null case if (!hasData(d, data_type)) { return "#999" } // Electorate "Types" if (data_type === "area_type") { const elect_type = d.seat_type === "general" ? d.electorate_type : d.seat_type if (highlight) { return { "māori": "#edd4d4", // brown "rural": "#cce6cc", // green "major-urban": "#e6cce6", // purple "med": "#ffedcc" // orange }[elect_type] } return { "māori": "brown", "rural": "green", "major-urban": "purple", "med": "orange" }[elect_type] } // Candidate votes if (data_type === "candidate") { const candidate_list = vote_data[d.name].candidate_votes const winner = candidate_list[0] const margin = (winner.percentage - candidate_list[1].percentage) / 100 const colorFn = party_colors.scales[winner.party] return colorFn(margin) } // Party votes if (data_type === "party") { const lean = vote_data[d.name].party_vote_lean.normalised_lean const colorScheme = d3.scaleSequential().domain([.2, .8]).interpolator(d3.interpolateRdBu) return colorScheme(lean) } // Party Lean if (data_type === "rel_party") { const lean = vote_data[d.name].party_vote_lean.relative_lean const scheme = d3.scaleSequential().domain([-.2, .2]).interpolator(d3.interpolateRdBu); return scheme(lean) } } catch { return "#999" } }4f:T955,party_colors = ({ scales: { "National Party": d3.scaleThreshold().domain([.05, .1, .15, .2]) .range(["#CCEBFE", "#7DC0FE", "#3F87E5", "#004DCC", "#000099"]), "Labour Party": d3.scaleThreshold().domain([.05, .1, .15, .2]) .range(["#FFCBCD", "#FE7D80", "#E53F41", "#CB0002", "#800000"]), "Green Party": d3.scaleThreshold().domain([.05, .1, .15, .2]) .range(["#65FC9F", "#34D371", "#03AA43", "#02772F", "#015321"]), "ACT New Zealand": d3.scaleThreshold().domain([.05, .1, .15, .2]) .range([d3.color("#FFFF59").brighter(1), "#FFFF59", "#FDEC3E", "#FDC63C", "#FF9E00"]), "Opportunity Party": createColorScale("#00EDE1"), "New Zealand First Party": createColorScale("#444"), "Te Pāti Māori": createColorScale("#C57E1D"), }, singles: { // Main / Minor Parties "National Party": "#00529F", "Labour Party": "#D82A20", "Green Party": "#098137", "ACT New Zealand": "#FDE401", "Opportunity Party": "#00EDE1", "New Zealand First Party": "#000000", "Te Pāti Māori": "#B2001A", "Alliance Party": "#33CC66", // Bucket Colors "Independent": "#888", "Informal Votes": "#fff", "Others": "#999", // Old TOP just for data testing "The Opportunities Party (TOP)": "#00EDE1", // Cookers "Aotearoa Legalise Cannabis Party": "darkgreen", "Animal Justice Party ": "#5E559E", "Rock the Vote NZ": "#012064", "New Nation Party": "#4646B2", "NewZeal": "#28CEDC", "DemocracyNZ": "#31A5A5", "Leighton Baker Party": "#21a901", "Leighton Baker": "#21a901", "New Zealand Loyal": "#fcc74b", "NZ Loyal": "#fcc74b", "New Conservatives": "#00AEEF", "NZ Outdoors & Freedom Party": "#008000", "Vision New Zealand": "#095B7E", "Republic of New Zealand Party": "#94D8C9", "Money Free Party NZ": "#F8CA4D", "Protect and Prosper New Zealand": "#C2CFD7", "Progressive Aotearoa New Zealand": "#822472", "Northland Party": "#426F12", "Workers Now": "#A62A26", "Future Youth Party": "#FC1693", "New Zealand Sovereignty Party": "#F2AF17", "Freedoms NZ": "#95278A", "Women’s Rights Party": "#9C27B0", "New World Order McCann Party ": "#888", "Economic Euthenics ": "#888", "NAP": "#888", "Human Rights Party": "#888" } })50:T99e,function drawExtras(node, data, map_type, background=false, scale) { const opacity = map_type === "zoomed" ? 1 : 0 // Draw bigs if (background) { node.selectAll('circle') .data(data['zoom-bigs']) .enter() .each(function(d) { const g = d3.select(this); g.append('circle') .attrs({"cx": d.x, "cy": d.y, "r": d.r, "stroke": "white", "stroke-width": 5, "fill-opacity": 0 }) .style('opacity', opacity) .style('pointer-events', 'none') .style("transform", `scale(${scale})`); g.append('circle') .attrs({"cx": d.x, "cy": d.y, "r": d.r, "stroke": "black", "stroke-width": 1, "fill-opacity": 0 }) .style('opacity', opacity) .style('pointer-events', 'none') .style("transform", `scale(${scale})`); }); return; } // Draw smalls node.selectAll('circle') .data(data['zoom-smalls']) .enter() .each(function(d) { const g = d3.select(this); g.append('circle') .attrs({"cx": d.x, "cy": d.y, "r": d.r, "stroke": "white", "stroke-width": 5, "fill-opacity": 0 }) .style('opacity', opacity) .style('pointer-events', 'none') .style("transform", `scale(${scale})`); g.append('circle') .attrs({"cx": d.x, "cy": d.y, "r": d.r, "stroke": "black", "stroke-width": 1, "fill-opacity": 0 }) .style('opacity', opacity) .style('pointer-events', 'none') .style("transform", `scale(${scale})`); }); // Draw lines node.selectAll('.line') .data(data['zoom-lines']) .enter() .each(function(d) { const g = d3.select(this); g.append('path') .attrs({ 'class': 'line', 'd': d.path, "stroke": "white", "stroke-width": 5 }) .style('opacity', opacity) .style('pointer-events', 'none') .style("transform", `scale(${scale})`); g.append('path') .attrs({ 'class': 'line', 'd': d.path, "stroke": "black" }) .style('opacity', opacity) .style('pointer-events', 'none') .style("transform", `scale(${scale})`); }); // Draw outlines node.selectAll('.outline') .data(data['outlines']) .enter() .append('path') .attrs(d => ({ 'class': 'outline', 'd': d.path, "stroke": "black", "fill-opacity": 0, "stroke-dasharray": "2 2" })) .style('pointer-events', 'none') .style('opacity', opacity) .style("transform", `scale(${scale})`); }51:T1e64,function getTooltipHtml(d, data_type) { const bgColor = getFill(d, data_type) const dot_styles = { 'width':'16px', 'height':'16px', 'border-radius':'24px', 'background':bgColor, 'display':'inline-block', 'margin-right':'6px' } const t1_styles = { 'display': 'flex', 'align-items': 'center' } const title_styles = { 'font-size': '20px', 'font-weight': 700 } const subtitle_styles = { 'opacity':0.6, 'font-size':'16px' } const table_styles = { 'margin-bottom': '4px', 'margin-top': '4px', 'border-collapse': 'collapse', 'width': '100%', 'text-align':'left' } const root_width = data_type === "area_type" ? "170px" : "310px" // Set up body const root = d3.create("div").style('width', root_width) const t1 = root.append("div") const t2 = root.append("div") // Add main title t1.append('span').styles(dot_styles) t1.append('span').text(d.name).styles(title_styles) try { // 0. No data if (!hasData(d, data_type)) { root.style('width', '170px') t2.text("No results yet").styles(subtitle_styles) return root.html() } // 1. "Area type" tooltip if (data_type === "area_type") { const subtitle = label_maps.areas[d.electorate_type ?? d.seat_type] t2.text(subtitle).styles(subtitle_styles) return root.html() } // 2. Candidate vote tooltip if (data_type === "candidate") { // Get data const candidate_list = vote_data[d.name].candidate_votes const data = candidate_list.reduce((acc, p) => { if (!acc.print_party) { acc.list[acc.list.length - 1].votes += p.votes acc.list[acc.list.length - 1].percentage += p.percentage return acc } acc.list.push(p) if (p.party === "Informal Votes") { acc.list.push({ name: 'Others', party: '-', votes: 0, percentage: 0 }) acc.print_party = false } return acc }, { list: [], print_party: true }) data.list = data.list.filter(d => d.votes > 0) // Add percentage counted const count_data = vote_data[d.name].count_data t1.styles(t1_styles) t1.append('span') .html(`${d3.format(".0f")(count_data.voting_places_counted_percent)}% counted`) .styles({ ...subtitle_styles, 'margin-left': 'auto', 'padding-left': '8px' }) // Add subtitle const margin_pcnt = candidate_list[0].percentage - candidate_list[1].percentage; const margin = candidate_list[0].votes - candidate_list[1].votes; const lead_type = count_data.finished ? 'victory' : 'lead'; // const tick = count_data.finished ? '✓ ' : ''; t2.append("div") .html(` ${candidate_list[0].party} ${lead_type} Margin: ${d3.format(',')(margin)} votes `) .styles({ ...subtitle_styles, 'display': 'flex' }) // Add table const tbl = t2.append('table').styles(table_styles) let has_incumbent_candidate = true tbl.append('thead').append('tr').selectAll('th') .data(['Candidate', 'Party', 'Votes', '%']) .enter().append('th').text(d => d) tbl.append('tbody').selectAll('tr') .data(data.list).enter() .append('tr') .styles((d, i) => { const color = party_colors.singles[d.party] ?? '#999' if (i === 0 && count_data.finished) { return { 'background': color, 'border-left': `solid 4px ${color}` } } return { 'border-left': `solid 4px ${color}` } }) .html((d, i) => { const c = (i === 0 && count_data.finished) ? colorIsDark(party_colors.singles[d.party]) ? 'color: white' : 'color: black' : '' let mark = d.incumbent ? ' *' : ''; if (d.party_incumbent) { has_incumbent_candidate = false; mark = ' **' } const tick = (i === 0 && count_data.finished) ? '✓ ' : ''; return ` ${tick}${d.full_name}${mark} ${d.party !== 'Informal Votes' ? label_maps.parties(d.party) : '-'} ${d3.format(',')(d.votes)} ${d.party !== 'Informal Votes' ? d3.format('.1%')(d.percentage/100) : ''} `}) // Add *Incumbent note const note = t2.append("div") .html(has_incumbent_candidate ? "* = Incumbent" : "** = Incumbent Party") .styles({ opacity: 0.7, 'font-size': '13px' }) return root.html() } // 3. Party vote tooltip if (data_type === "party") { // Get data const party_list = vote_data[d.name].party_votes const data = party_list.reduce((acc, p) => { if (!acc.print_party) { acc.list[acc.list.length - 1].votes += p.votes return acc } acc.list.push(p) if (p.party === "Informal Votes") { acc.list.push({ party: "Other", votes: 0 }) acc.print_party = false } return acc }, { list: [], print_party: true }) // Filter for edge cases data.list = data.list.filter(d => d.votes > 0) // Add subtitle const lean_data = vote_data[d.name].party_vote_lean const lean = lean_data.lean; const lean_text = (lean > 0 ? "Right" : "Left") const vote_majority = lean > 0 ? lean_data.right_votes / lean_data.total : lean_data.left_votes / lean_data.total; t1.append("div").html(`Combined % ${lean_text.toLowerCase()} parties: ${d3.format(".2f")(vote_majority * 100)}%`).styles(subtitle_styles) // Add table const tbl = t2.append('table').styles(table_styles) tbl.append('thead').append('tr').selectAll('th') .data(['Party', 'Votes']) .enter().append('th').text(d => d) tbl.append('tbody').selectAll('tr') .data(data.list).enter() .append('tr') .styles(d => ({'border-left': `solid 4px ${party_colors.singles[d.party] ?? '#999'}` })) .html(d => ` ${d.party} ${d3.format(',')(d.votes)} `) return root.html() } // 4. Party vote relative lean tooltip if (data_type === "rel_party") { // Get data const lean_data = vote_data[d.name].party_vote_lean const data = [ { name: '"Left"', votes: lean_data.left_votes, color: '#D77B64' }, { name: '"Right"', votes: lean_data.right_votes, color: '#65A7CE' }, // { name: '"Other"', votes: lean_data.other_votes, color: '#EEEEEE' }, ] data.sort((a, b) => b.votes - a.votes) // Add subtitle const lean = lean_data.relative_lean; const amount = Math.abs(lean) < 0.001 ? "<0.1%" : d3.format(".1%")(Math.abs(lean)) t2.append("span").html(`${amount} ${lean > 0 ? "right" : "left"} of the national average.`).styles(subtitle_styles) // Add table const tbl = t2.append('table').styles(table_styles) tbl.append('thead').append('tr').selectAll('th') .data(['Alignment', 'Votes', '%']) .enter().append('th').text(d => d) tbl.append('tbody').selectAll('tr') .data(data).enter() .append('tr') .styles(d => ({'border-left': `solid 4px ${d.color}` })) .html(d => ` ${d.name} ${d3.format(',')(d.votes)} ${d3.format('.1%')(d.votes / lean_data.total)} `) return root.html() } } catch { root.style('width', '170px') t2.text("No data") } return root.html() }52:T494,function marginTable([lo, hi], rows = electorateRows) { const label = hi === Infinity ? `${lo}+%` : `${lo}-${hi}%`; const subset = d3.sort(rows.filter(d => d.margin >= lo && d.margin < hi), d => d.margin); const single = p => party_colors.singles[p] ?? "#999"; const shade = d => party_colors.scales[d.first]?.(d.margin / 100) ?? "#ddd"; const ink = c => d3.lab(c).l > 55 ? "#000" : "#fff"; const pct = v => `${v.toFixed(1)}%`; const cell = (text, bg, cls = "") => html`${text}`; return html`${subset.map(d => html` ${cell(d.name, shade(d), "name")} ${cell(pct(d.margin), shade(d))} ${cell(partyAbbr[d.first] ?? d.first, single(d.first))} ${cell(pct(d.firstPct), single(d.first))} ${cell(partyAbbr[d.second] ?? d.second, single(d.second))} ${cell(pct(d.secondPct), single(d.second))} `)}

Electorates won by ${label}	Margin	First	Winner %	Second	Second %

`; }53:T6a9,label_maps = ({ areas: { "māori": "Māori electorate", "major-urban": "Major urban electorate", "rural": "Rural electorate", "med": "Medium-sized city electorate" }, parties: n => { const map = { "National Party": "National", "Labour Party": "Labour", "Green Party": "Green", "ACT New Zealand": "ACT", "New Zealand First Party": "NZ First", "Vision New Zealand": "Vision NZ", "New Zealand Loyal": "NZ Loyal", "The Opportunity Party": "Opportunity", "Opportunity Party": "Opportunity", "The Opportunities Party (TOP)": "Opportunity", "Alliance Party": "Alliance", "Aotearoa Legalise Cannabis Party": "Cannabis", "NZ Outdoors & Freedom Party": "Outdrs/Frdm", "NZ Outdoors & Freedom": "Outdrs/Frdm", "Money Free Party NZ": "Money Free", "Animal Justice Party": "Animal Just.", "Progressive Aotearoa New Zealand": "Prog. NZ", "New Nation Party": "New Nation", "New Zealand Sovereignty Party": "NZ Sove.", "New World Order McCann Party": "NWO McCann", "Republic of New Zealand Party": "Republic of NZ", "Future Youth Party": "Future Youth", "New Conservatives": "New Cons.", "Conservative Party NZ": "Conservative", "Rock the Vote NZ": "Rock. Vote", "Protect and Prosper New Zealand": "Prot. & Pros.", "DemocracyNZ": "Dem. NZ", "Northland Party": "Northland", "Human Rights Party": "Hum. Rights", "Independent": "Indep.", "Leighton Baker Party": "Leigh. Baker", "Economic Euthenics": "Eco. Euth." } try { return map[n.trim()] ?? n } catch { return n } } })54:[{"id":"30f90abb648fdc72e993cd7c9994af2e649a8fa14efc0fad08e760e4d0f110f7ed7058445417c57cf7192f94c692f513a51f55a0a3cb6c00a2bc2120d8887d68","href":"https://static.observableusercontent.com/files/30f90abb648fdc72e993cd7c9994af2e649a8fa14efc0fad08e760e4d0f110f7ed7058445417c57cf7192f94c692f513a51f55a0a3cb6c00a2bc2120d8887d68","name":"general_elects_simplified@7.json","type":"application/json","lastModified":1789769562067.264,"size":304590},{"id":"c16d79c62611b2b728b296e8c0540ae423120e07cd5cfdb88fca928df4837b15f000ecbd27641f18985c55751e583078e1a700320786f2de19c30f244cf88312","href":"https://static.observableusercontent.com/files/c16d79c62611b2b728b296e8c0540ae423120e07cd5cfdb88fca928df4837b15f000ecbd27641f18985c55751e583078e1a700320786f2de19c30f244cf88312","name":"māori_elects_simplified@5.json","type":"application/json","lastModified":1765286389584.845,"size":51893},{"id":"01bab32cb488fe35f203bfb21feba804e1947a9bd04a1142b26624ad271256f178b217a322d737d68598415e62960b4a6dcfe45266609a5827ecac170a18e087","href":"https://static.observableusercontent.com/files/01bab32cb488fe35f203bfb21feba804e1947a9bd04a1142b26624ad271256f178b217a322d737d68598415e62960b4a6dcfe45266609a5827ecac170a18e087","name":"zoomed_extras@2.json","type":"application/json","lastModified":1765286395078.167,"size":11175},{"id":"cbf8fb2a7f20bda2406af89598c95873844e86a43606dacacce4197f9bac0f7acb5adfcaa63caf1dc15eb33ff31020736b4a2a0376c2d8b6f75b39618fccfda8","href":"https://static.observableusercontent.com/files/cbf8fb2a7f20bda2406af89598c95873844e86a43606dacacce4197f9bac0f7acb5adfcaa63caf1dc15eb33ff31020736b4a2a0376c2d8b6f75b39618fccfda8","name":"general_elects_simplified@6.json","type":"application/json","lastModified":1767113735535.29,"size":304588},{"id":"aea14163063b1f0c5705cddc7ef7491576e134ecab7d3f43d7874ecfeeab95704f3fc1c5407f8a950579cf783c9c66fc52a9325b6ab3fe1e4037439f13e8161e","href":"https://static.observableusercontent.com/files/aea14163063b1f0c5705cddc7ef7491576e134ecab7d3f43d7874ecfeeab95704f3fc1c5407f8a950579cf783c9c66fc52a9325b6ab3fe1e4037439f13e8161e","name":"general_elects_simplified.json","type":"application/json","lastModified":1789757138611,"size":304590},{"id":"aea14163063b1f0c5705cddc7ef7491576e134ecab7d3f43d7874ecfeeab95704f3fc1c5407f8a950579cf783c9c66fc52a9325b6ab3fe1e4037439f13e8161e","href":"https://static.observableusercontent.com/files/aea14163063b1f0c5705cddc7ef7491576e134ecab7d3f43d7874ecfeeab95704f3fc1c5407f8a950579cf783c9c66fc52a9325b6ab3fe1e4037439f13e8161e","name":"general_elects_simplified.new.json","type":"application/json","lastModified":1789757138611,"size":304590}] 29:{"id":"145c825f4a902622","slug":"nz-2026-election","title":"2026 Aotearoa New Zealand Election","thumbnail":"1700368be239aadbe25fc541749c362c132f5cac2d8b438f76a91a9a91820a7c","access_level":"unlisted","create_time":"$D2025-11-02T09:08:47.065Z","update_time":"$D2026-11-05T03:06:45.568Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":{"id":"25270471425ecc0f","slug":"nz-electorate-hexmap","title":"2023 Aotearoa New Zealand Electorate Hexmap","owner":{"id":"7d3b969c7f48c9b9","login":"pjpscriv","name":"Peter Scriven"}},"stars":0,"starred":false,"owner":{"type":"team","id":"7d3b969c7f48c9b9","login":"pjpscriv","name":"Peter Scriven","avatar_url":"https://avatars-next.observableusercontent.com/fcdc3ee8f3194982ddb39cb3951762cc03fb7ba8cc8ff01a1c2a0dd1f8981d0c","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":2856,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c12a8b72d5b9e5d5","login":"pjpscriv","name":"Peter Scriven","avatar_url":"https://avatars-next.observableusercontent.com/fcdc3ee8f3194982ddb39cb3951762cc03fb7ba8cc8ff01a1c2a0dd1f8981d0c","tier":null,"bio":"Software Engineer from Aotearoa New Zealand. Data viz dabbler.","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"7d3b969c7f48c9b9","login":"pjpscriv","name":"Peter Scriven","avatar_url":"https://avatars-next.observableusercontent.com/fcdc3ee8f3194982ddb39cb3951762cc03fb7ba8cc8ff01a1c2a0dd1f8981d0c","tier":"starter_2024","role":"editor"},{"type":"individual","id":"c12a8b72d5b9e5d5","login":"pjpscriv","name":"Peter Scriven","avatar_url":"https://avatars-next.observableusercontent.com/fcdc3ee8f3194982ddb39cb3951762cc03fb7ba8cc8ff01a1c2a0dd1f8981d0c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"2026 Aotearoa New Zealand Election","cells":[{"id":0,"value":"# 2026 Aotearoa New Zealand Election","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2230,"value":"This page contains the visualisations to be used embedded in The Spinoff's 2026 Election coverage articles.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":775,"value":"toc({ selector: \"h2, h3\", heading: \"\" });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2231,"value":"## Election Night Results Page","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2266,"value":"### Count Progress","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2269,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2234,"value":"### The Results (Seats)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2248,"value":"voteStats = displayVoteNumbers(voteData, party_colors.singles)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2250,"value":"seatStats = displaySeatNumbers(seats, preElectionSeats, party_colors.singles)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2247,"value":"results = parliChart(seats, party_colors.singles)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"### Candidate Votes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":898,"value":"viewof candidate_chart_style = {\n const radio = Inputs.radio(new Map([\n [\"Zoomed Cities Map\", \"zoomed\"],\n [\"Geographic Map\", \"geo\"],\n [\"Hexmap\", \"hex\"],\n ]), { label: \"Chart style\", value: candidate_chart_state.style } );\n radio.oldValue = candidate_chart_state.style;\n\n radio.addEventListener(\"input\", () => {\n candidate_hexmap.change(radio.value, radio.oldValue);\n radio.oldValue = radio.value;\n candidate_chart_state.style = radio.value;\n });\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2260,"value":"candidate_chart_state = ({style: \"zoomed\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":937,"value":"candidate_votes_legend = {\n const parties = [ \"National Party\", \"Labour Party\", \"Green Party\", \"ACT New Zealand\", \"New Zealand First Party\", \"Opportunity Party\", \"Te Pāti Māori\" ]\n const scales = parties.map(p => party_colors.scales[p]);\n const titles = parties.map(p => p.replace(\" Party\", \"\"))\n .map(p => p === \"ACT New Zealand\" ? \"ACT\" : p)\n .map(p => p === \"New Zealand First\" ? \"NZ First\" : p)\n return GroupLegend(scales, { titles: titles, tickFormat: \".0%\", height: 14, width: 32, gapX: 0, gapY: 2, labelGap: 4 })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2196,"value":"candidate_hexmap = drawMap(\"candidate\", candidate_chart_state.style)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"### Party Vote (Total Votes)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1598,"value":"md_4 = md`The nation gave **${d3.format(\".1%\")(national_lean.normalised_lean)} of the vote to the right**, with:\n- **${d3.format(\",\")(national_lean.right_votes)}** _(${d3.format('.2%')(national_lean.right_votes / national_lean.total)})_ votes to National, ACT, & NZ First\n- **${d3.format(\",\")(national_lean.left_votes)}** _(${d3.format('.2%')(national_lean.left_votes / national_lean.total)})_ votes to Labour, Greens & Te Pāti Māori\n\n_**Note**: this excludes the ${d3.format(\",\")(national_lean.other_votes)} votes given to third parties outside parliament_`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1408,"value":"viewof party_chart_style = {\n const radio = Inputs.radio(new Map([\n [\"Zoomed Cities Map\", \"zoomed\"],\n [\"Geographic Map\", \"geo\"],\n [\"Hexmap\", \"hex\"]\n ]), {label: \"Chart style\", value: party_chart_state.style});\n radio.oldValue = party_chart_state.style\n\n radio.addEventListener(\"input\", () => {\n party_chart.change(radio.value, radio.oldValue);\n radio.oldValue = radio.value;\n party_chart_state.style = radio.value;\n });\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2259,"value":"party_chart_state = ({style: \"zoomed\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":990,"value":"party_vote_legend = {\n const fmtr = d3.format(\".0%\")\n return Legend(d3.scaleSequential([.2, .8], d3.interpolateRdBu), {\n title: \"Combined Left / Right party vote totals\",\n tickFormat: (d) => d === 0.5 ? \"50/50 split\" : d < 0.5 ? `${fmtr(Math.abs(1 - d))} left` : `${fmtr(d)} right`,\n // ticks: 8,\n // width: Math.min(width, 750),\n marginLeft: 9,\n height: 55\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"party_chart = drawMap(\"party\", party_chart_state.style)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2233,"value":"## Hexmap Explainer","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"md_1 = md`### Geographic Map vs Hexmap\n\nThere are **${Object.keys(general_elec_data).length + Object.keys(māori_elec_data).length}** total electorates: **${Object.keys(general_elec_data).length}** general electorates and **${Object.keys(māori_elec_data).length}** Māori electorates.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"viewof chart_style = {\n const radio = Inputs.radio(new Map([\n [\"Geographic Map\", \"geo\"],\n [\"Hexmap\", \"hex\"],\n [\"Zoomed Cities Map\", \"zoomed\"],\n ]), {label: \"Chart style\", value: chart.start_value});\n radio.oldValue = chart.start_value\n\n radio.addEventListener(\"input\", () => { chart.change(radio.value, radio.oldValue); radio.oldValue = radio.value; });\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":921,"value":"area_types_swatches = {\n const ids = [ \"rural\", \"med\", \"major-urban\", \"māori\" ]\n const titles = [\n \"Rural electorate\",\n \"Medium-sized city electorate\",\n \"Major urban electorate\",\n \"Māori electorate\"\n ];\n const colors = ids.map(t => getFill({ seat_type: t.toLowerCase().replaceAll(\" \", \"-\") }, \"area_type\"))\n return Swatches(d3.scaleOrdinal(titles, colors), { })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2191,"value":"chart = drawMap(\"area_type\", \"geo\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2232,"value":"## Post-Election Analysis","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2221,"value":"### Candidate Votes by electorate type","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"x","database":"$undefined"},{"id":2225,"value":"viewof candidate_chart_style_2 = {\n const radio = Inputs.radio(new Map([\n [\"All\", \"all\"], \n [\"Major Urban Areas\", \"major-urban\"],\n [\"Medium-Sized Cities\", \"med\"],\n [\"Rural\", \"rural\"], \n [\"Māori Electorates\", \"māori\"],\n ]), { label: \"Electorate Type\", value: candidate_hexmap_2.start_value } );\n \n radio.addEventListener(\"input\", () => { candidate_hexmap_2.change(radio.value) });\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2227,"value":"candidate_votes_legend_2 = {\n const parties = [ \"National Party\", \"Labour Party\", \"Green Party\", \"ACT New Zealand\", \"New Zealand First Party\", \"Opportunity Party\", \"Te Pāti Māori\" ]\n const scales = parties.map(p => party_colors.scales[p]);\n const titles = parties.map(p => p.replace(\" Party\", \"\"))\n .map(p => p === \"ACT New Zealand\" ? \"ACT\" : p)\n .map(p => p === \"New Zealand First\" ? \"NZ First\" : p)\n return GroupLegend(scales, { titles: titles, tickFormat: \".0%\", height: 16, width: 32, gapX: 0, gapY: 0, labelGap: 4 })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2229,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2270,"value":"### Candidate Vote Tables","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2276,"value":"electorateTables = html`${[\n [0, 5],\n [5, 10],\n [10, 15],\n [15, 20],\n [20, Infinity]\n].map(b => marginTable(b))}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1593,"value":"### Party Vote (Relative Lean)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2020,"value":"md_6 = md`This compares the total party votes in each electorate versus the country as a whole\n* Right-leaning electorates gave **more** than 55.9% of their vote to right parties\n* Left-leaning electorates gave **less** than 55.9% of their vote to right parties`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1680,"value":"viewof rel_party_chart_style = {\n const radio = Inputs.radio(new Map([\n [\"Zoomed Cities Map\", \"zoomed\"],\n [\"Geographic Map\", \"geo\"],\n [\"Hexmap\", \"hex\"]\n ]), {label: \"Chart style\", value: rel_party_chart.start_value});\n radio.oldValue = rel_party_chart.start_value\n\n radio.addEventListener(\"input\", () => { rel_party_chart.change(radio.value, radio.oldValue); radio.oldValue = radio.value; });\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1627,"value":"rel_party_vote_legend = {\n const fmtr = d3.format(\".0%\")\n return Legend(d3.scaleSequential([-0.2, 0.2], d3.interpolateRdBu), {\n title: \"Left / Right party vote lean compared to national average\",\n tickFormat: (d) => {\n if (d === 0) return \"Same as nation\"\n const text = d < 0 ? \"left\" : \"right\"\n const extra = Math.abs(d) >= 0.2 ? \">\" : \"\"\n return `${extra}${fmtr(Math.abs(d))} more ${text}`\n },\n // ticks: 8,\n // width: Math.min(width, 750),\n marginLeft: 20,\n height: 55\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1614,"value":"rel_party_chart = drawMap(\"rel_party\", \"hex\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1511,"value":"cand_data = {\n const party_order = Object.keys(party_colors.singles)\n \n return Object.keys(vote_data).reduce((acc, k) => {\n let votes = vote_data[k].candidate_votes?.filter(d => !!d).map(d => ({ ...d, electorate: k }))\n if (!!votes) {\n votes = votes.filter(d => !!d.votes && !!d.electorate && !!d.party )\n votes.sort((a, b) => party_order.indexOf(a.party) - party_order.indexOf(b.party))\n acc = [...votes, ...acc]\n }\n return acc\n }, [])\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2277,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2116,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2280,"value":"refreshMs = 2 * 60 * 1000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2281,"value":"lastRefresh = (data, Date.now())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2257,"value":"data = {\n while (true) {\n yield fetch(\"https://nz-election-data.pjpscriv.co.nz/test-2026/\").then(r => r.json());\n await Promises.delay(refreshMs);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2239,"value":"vote_data = data.data.votes","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2279,"value":"voteData = getPartyVoteData(data.data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2240,"value":"national_lean = data.data.national_lean","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2278,"value":"seats = data.data.seats","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2256,"value":"general_elec_data = FileAttachment(\"general_elects_simplified@7.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"māori_elec_data = FileAttachment(\"māori_elects_simplified@5.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1349,"value":"ui_extras_data = FileAttachment(\"zoomed_extras@2.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2282,"value":"// import { general_elec_data, māori_elec_data, ui_extras_data } from \"@pjpscriv/nz-electorate-hexmap\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2251,"value":"preElectionSeats = ({\n \"National Party\": 49,\n \"Labour Party\": 34,\n \"Green Party\": 15,\n \"ACT New Zealand\": 11,\n \"New Zealand First Party\": 8,\n \"Te Pāti Māori\": 4,\n \"Independant\": 2\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2252,"value":"Object.values(preElectionSeats).reduce((acc, x) => acc + x, 0)","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"### Code","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":91,"value":"#### Helpers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":360,"value":"##### Drawing helpers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2186,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":883,"value":"function colorIsDark(bgColor) {\n let color = d3.color(bgColor).hex().substring(1, 7);\n let r = parseInt(color.substring(0, 2), 16); // hexToR\n let g = parseInt(color.substring(2, 4), 16); // hexToG\n let b = parseInt(color.substring(4, 6), 16); // hexToB\n let L = (r * 0.299) + (g * 0.587) + (b * 0.114);\n return L <= 186;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"$4f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1121,"value":"function createColorScale(color) {\n const c = d3.hsl(d3.color(color))\n const brightest = c.brighter(2).hex() === \"#ffffff\" ? c.brighter(1.5) : c.brighter(2)\n return d3.scaleThreshold()\n .domain([.05, .1, .15, .2])\n .range([ brightest, c.brighter(1), c, c.darker(1), c.darker(2) ])\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1347,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2261,"value":"function hasData(d, data_type) {\n if (data_type === \"area_type\")\n return true\n\n const v = vote_data?.[d.name]\n\n if (data_type === \"candidate\") {\n const c = v?.candidate_votes ?? []\n return c.length >= 2 && c.reduce((a, x) => a + (x.votes ?? 0), 0) > 0\n }\n\n const lean = v?.party_vote_lean\n return (lean?.total ?? 0) > 0 && Number.isFinite(lean.normalised_lean)\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2263,"value":"##### Hatch fill helpers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2264,"value":"function hatchFill(svgNode, color, scale = 1) {\n const svg = d3.select(svgNode);\n let defs = svg.select(\"defs.hatches\");\n if (defs.empty()) defs = svg.insert(\"defs\", \":first-child\").attr(\"class\", \"hatches\");\n\n svgNode.__hatches ??= new Map();\n const key = d3.color(color).formatHex();\n\n if (!svgNode.__hatches.has(key)) {\n const uid = DOM.uid(\"hatch\");\n const size = 5 / scale; // ≈8px on screen at any map scale\n const stripe = colorIsDark(color) ? \"rgba(255,255,255,0.45)\" : \"rgba(0,0,0,0.18)\";\n const p = defs.append(\"pattern\")\n .attr(\"id\", uid.id)\n .attr(\"patternUnits\", \"userSpaceOnUse\")\n .attr(\"width\", size).attr(\"height\", size)\n .attr(\"patternTransform\", \"rotate(45)\");\n p.append(\"rect\").attr(\"width\", size).attr(\"height\", size).attr(\"fill\", color);\n p.append(\"rect\").attr(\"width\", 3).attr(\"height\", size).attr(\"fill\", stripe);\n svgNode.__hatches.set(key, uid.toString()); // → \"url(...#hatch-N)\"\n }\n return svgNode.__hatches.get(key);\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2265,"value":"function mapFill(svgNode, d, data_type, highlight = false, scale = 1) {\n const color = getFill(d, data_type, highlight);\n if (data_type !== \"candidate\") return color;\n const v = vote_data[d.name];\n if (!v?.candidate_votes?.length) return color; // no data → plain grey\n return v.count_data?.finished ? color : hatchFill(svgNode, color, scale);\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"##### Data check helpers - To Remove","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":550,"value":"all_candidate_parties = Object.keys(vote_data).map(key => (vote_data[key].candidate_votes ?? []).map(v => v.party) ).reduce((acc, d) => {\n d.forEach(i => acc.add(i)) \n return acc \n}, new Set())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"all_parties = Object.keys(vote_data).map(key => (vote_data[key].party_votes ?? []).map(v => v.party) ).reduce((acc, d) => {\n d.forEach(i => acc.add(i)) \n return acc \n}, new Set())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"##### Tooltip helpers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":102,"value":"function getTooltip(data_type) {\n const id = `tooltip-${data_type}`\n let tooltip = d3.selectAll(`#${id}`)\n tooltip = !tooltip.empty() ? tooltip : d3.select(\"body\").append(\"div\").attr(\"id\", id);\n tooltip.styles({\n \"position\": \"absolute\",\n \"font-family\": \"sans-serif\",\n \"border-radius\": \"4px\",\n \"box-shadow\": \"2px 2px 10px #0006\",\n \"color\": \"black\",\n \"font-size\": \"15px\",\n \"background\": \"white\",\n \"display\": \"flex\",\n \"flex-direction\": \"column\",\n // \"align-items\": \"left\",\n \"padding\": \"8px 16px\",\n \"display\": \"none\",\n // \"width\": data_type === \"area_type\" ? \"170px\" : \"310px\"\n });\n return tooltip\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"tooltipFns = {\n return {\n show: (tooltip) => tooltip.style(\"display\", \"flex\"),\n hide: (tooltip) => tooltip.style(\"display\", \"none\"),\n update: (tooltip, data_type, e, d) => {\n const [x, y] = [ e.pageX, e.pageY ]\n tooltip.html(getTooltipHtml(d, data_type))\n const tooltip_w = tooltip.node().getBoundingClientRect().width;\n const min_left = 4\n const max_left = width - tooltip_w\n const left = x - (tooltip_w / 2)\n\n const tooltip_h = tooltip.node().getBoundingClientRect().height;\n const body_h = document.body.scrollHeight;\n const max_top = (body_h - tooltip_h) - 20;\n const top = y + 20;\n const flip_top = y - tooltip_h - 20;\n\n tooltip.styles({\n \"left\": Math.min(max_left, Math.max(min_left, left))+\"px\",\n \"top\": (y < max_top ? top : flip_top) + \"px\"\n })\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"$51","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2271,"value":"##### Table helpers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2272,"value":"$52","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2274,"value":"electorateRows = Object.entries(data.data.votes).map(([name, e]) => {\n const [a, b] = d3.sort(e.candidate_votes, d => -d.votes);\n return {\n name,\n first: a.party, firstPct: a.percentage,\n second: b.party, secondPct: b.percentage,\n margin: a.percentage - b.percentage\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1736,"value":"##### Text helpers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2273,"value":"partyAbbr = ({\n \"National Party\": \"NAT\",\n \"Labour Party\": \"LAB\",\n \"Green Party\": \"GRN\",\n \"ACT New Zealand\": \"ACT\",\n \"New Zealand First Party\": \"NZF\",\n \"Te Pāti Māori\": \"MĀO\",\n \"The Opportunity Party\": \"OPP\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1738,"value":"$53","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"### Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":33,"value":"d3 = require.alias({ 'd3-selection': 'd3', 'd3-transition': 'd3' })('d3', 'd3-selection-multi')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"flubber = require(\"flubber\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"import { toc } from \"@climatelab/toc@45\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":915,"value":"import {Legend, Swatches} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1285,"value":"import { GroupLegend } from \"@pjpscriv/color-legend-group\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2243,"value":"import { getPartyVoteData, parliChart, displaySeatNumbers, displayVoteNumbers } from '@pjpscriv/sainte-lague-formula'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W54","stdlib":"1"}} 24:E{"digest":"NEXT_REDIRECT;replace;/@pjpscriv/nz-2026-election;307;"}