Public
Edited
Apr 4, 2023
final_data
data = FileAttachment("trends.csv").csv()
data_2020 = data.filter((d) => d.Year === "2020")
religious_data = FileAttachment("religiousity_2020.csv").csv()
required_data = d3.rollup(
data_2020,
(v) =>
d3.mean(
v,
(d) =>
(parseInt(d["Deaths"]) * 100000) /
parseInt(d["Population"].replace(",", ""))
),
(d) => d["State"]
)
function generateMapToArray(map) {
let arr = [];
for (let [k, v] of map.entries()) {
arr.push({
state: k,
rate: v.toFixed(2),
religious: religiousity_state_map.get(k)
});
}
return arr;
}
function religiousStates() {
let map = new Map();
religious_data.forEach((r) => {
map.set(r.State, r.Religious);
});
return map;
}
final_data = generateMapToArray(required_data)
religiousity_state_map = religiousStates()
usStates = d3.csv(
"https://raw.githubusercontent.com/kristw/gridmap-layout-usa/master/src/input/states.csv"
)
function generateArrayToMap(arr) {
let map = new Map();
arr.forEach((s) => {
map.set(s.name, s.key);
});
return map;
}
states_abbr = generateArrayToMap(usStates)
function mapStatesRedBlue() {
let colorStates = new Map();
let red = [
"Alabama",
"Alaska",
"Arizona",
"Arkansas",
"Georgia",
"Idaho",
"Indiana",
"Iowa",
"Kansas",
"Kentucky",
"Louisiana",
"Mississippi",
"Missouri",
"Montana",
"Nebraska",
"North Carolina",
"North Dakota",
"Oklahoma",
"South Carolina",
"South Dakota",
"Tennessee",
"Texas",
"Utah",
"West Virginia",
"Wyoming"
];
let blue = [
"California",
"Colorado",
"Connecticut",
"Delaware",
"District of Columbia",
"Hawaii",
"Illinois",
"Maine",
"Maryland",
"Massachusetts",
"Michigan",
"Minnesota",
"Nevada",
"New Hampshire",
"New Jersey",
"New Mexico",
"New York",
"Oregon",
"Pennsylvania",
"Rhode Island",
"Vermont",
"Virginia",
"Washington",
"Wisconsin",
"Florida",
"Ohio"
];
red.forEach((r) => {
colorStates.set(r, "red");
});
blue.forEach((r) => {
colorStates.set(r, "blue");
});
return colorStates;
}
states_color = mapStatesRedBlue()
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.
