The avatar for @kayla-hayempour-ws
Kayla Hayempour's Workspace
Public
Edited
Nov 16, 2023
Fork of Roman Republican Streamgraphs (and a few related examples)
3
Insert cell
Insert cell
Offices = FileAttachment("AllPraenomenCount_GAPS.csv").csv({typed: true})
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
Plot.plot({
y: {
grid: true,
label: "Popular first names arranged by year"
},
marks: [
Plot.areaY(Offices, Plot.stackY({offset: null, x: "Rangeid", y: "Count_total", fill: "Nomen", title: "Nomen"})),
Plot.ruleY([0])
]
})
Insert cell
Insert cell
Insert cell
Plot.plot({
y: {
grid: true,
label: "First names over time, normalized."
},
marks: [
Plot.areaY(Offices, Plot.stackY({order: "inside-out", offset: "wiggle", x: "Rangeid", y: "Count_total", fill: "Nomen", title: "Nomen"}))
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {swatches as Swatches} from "@d3/color-legend"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
AllOfficesCount5families.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

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