Public
Edited
Feb 18
jobs = FileAttachment("jobs.json").json()
import {vl} from "@vega/vega-lite-api-v5"
import {fromColumns, printTable} from "@uwdata/data-utilities"
md`${jobs.length} rows, ${Object.keys(jobs[0]).length} columns!`
printTable(jobs.slice(0, 10))
vl.markBar()
.data(jobs)
.transform(
vl.calculate("floor(datum.year / 10) * 10").as("decade")
)
.encode(
vl.x().fieldO("decade").title("decade"),
vl.y().sum("count").title("number of people participate in job"),
vl.color().fieldN("sex").title("sex"),
)
.render()
vl.markLine()
.data(jobs)
.transform(
vl.calculate("floor(datum.year / 10) * 10").as("decade")
)
.encode(
vl.x().fieldO("decade").title("decade"),
vl.y().sum("count").title("Job count"),
vl.color().fieldN("job").title("Types of job"),
vl.detail().fieldN("job")
)
.width(800)
.height(400)
.render()
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.
