Public
Edited
Oct 10, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// report_cards = FileAttachment("report_cards.json").json()

report_cards = {
let house_court_ordered = await FileAttachment(
"NC-H22-Dist1-report-card.json"
).json();
let house_proposed = await FileAttachment(
"NC-HSA-9_3ed-report-card.json"
).json();
let senate_court_ordered = await FileAttachment(
"NC-S22-Dist1-report-card.json"
).json();
let senate_proposed = await FileAttachment(
"NC-SBK-7_2ed-report-card.json"
).json();
let house_first_proposed = await FileAttachment(
"NC-HBK-11-report-card.json"
).json();
let senate_first_proposed = await FileAttachment(
"NC-SST-13-report-card.json"
).json();

return {
house_court_ordered,
house_proposed,
house_first_proposed,
senate_court_ordered,
senate_proposed,
senate_first_proposed
};
}
Insert cell
map_data = {
let map_data = await FileAttachment(
"nc_state_house_and_senate_districts3.json"
).json();

return new Map(
[
"senate_first_proposed",
"senate_proposed",
"senate_court_ordered",
"house_first_proposed",
"house_proposed",
"house_court_ordered"
].map((s) => [s, topojson.feature(map_data, map_data.objects[s])])
);
}
Insert cell
FileAttachment("nc_state_house_and_senate_districts3.json").json()
Insert cell
import { Swatches } from "@d3/color-legend"
Insert cell
tippy_style = html`<div style="display: none"><link rel="stylesheet" href="${await require.resolve(
`tippy.js/themes/light-border.css`
)}"></div>`
Insert cell
tippy = require("tippy.js@6")
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more