The avatar for @ddv373
Dynamic Data Visualization 373
Public
Edited
Aug 3, 2024
2
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
stateShapes
Insert cell
Insert cell
population_data = (
await fetch(
"https://api.census.gov/data/2021/acs/acs5?get=NAME,B02001_001E&for=state"
)
).json()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import { Legend } from "@d3/color-legend"
Insert cell
public_liberal_arts_schools = FileAttachment(
"public_liberal_arts_schools.csv"
).csv({ typed: true })
Insert cell
countries = {
let world_map_topo = await FileAttachment("countries.json").json();
let countries = topojson.feature(
world_map_topo,
world_map_topo.objects.countries
);

return countries;
}
Insert cell
tippy = require("tippy.js@6")
Insert cell
tippy_style = html`<link rel="stylesheet" href="${await require.resolve(
`tippy.js/themes/light-border.css`
)}">`
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