UW CS Professor in HCI. Director of the Makeability Lab. Co-founder of Project Sidewalk.
Public
Edited
May 5, 2023
socialDevelopmentFile = FileAttachment("social-development-wrangled@1.csv")
sdData = socialDevelopmentFile
.csv({typed: true})
.then((data) => data.map((d) => ({ ...d, Year: new Date(d.Year, 0) }))) // this correctly parses the dates
printTableTypes(sdData)
plot = vl.markLine()
.data(sdData)
.transform(
vl.filter('datum.country_code == "USA"')
)
.encode(
vl.x().fieldT('Year').timeUnit('year'),
vl.y().fieldQ('average_adolescent_fertility_rate')
)
.width(800)
printVegaLiteJSON(plot)
plot2 = vl.markLine()
.data(sdData)
.transform(
vl.filter('datum.country_code == "USA"')
)
.encode(
vl.x().fieldN('Year'),
vl.y().fieldQ('average_adolescent_fertility_rate')
)
.width(800)
plot.render()
plot2.render()
import {vl} from '@vega/vega-lite-api-v5'
import {printTable} from '@jonfroehlich/data-utilities'
import {printTableTypes} from '@jonfroehlich/data-utilities'
import {printVegaLiteJSON} from "@jonfroehlich/vega-lite-utilities"
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.
