UW CS Professor in HCI. Director of the Makeability Lab. Co-founder of Project Sidewalk.
Published
Edited
May 16, 2022
activity = [
{"Activity": "Sleeping", "Time": 8},
{"Activity": "Eating", "Time": 2},
{"Activity": "TV", "Time": 4},
{"Activity": "Work", "Time": 8},
{"Activity": "Exercise", "Time": 2}
]
vl.markBar()
.data(activity )
.encode(
vl.x().fieldN('Activity'), // x-axis is countries
vl.y().fieldQ('Time'),
).render();
vl.markBar()
.data(activity )
.transform(
vl.joinaggregate({"op": "sum", "field": "Time", "as": "TotalTime"}),
vl.calculate("datum.Time/datum.TotalTime * 100").as("PercentOfTotal")
).encode(
vl.x().fieldN('Activity'), // x-axis is countries
vl.y().fieldQ('PercentOfTotal').title("Percent of Total"),
).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.
