Public
Edited
May 1, 2023
import {athletes} from "@observablehq/hello-inputs"
Inputs.table(athletes)
athletes
.map(d => ({ name: d.name, height: d.height, weight: d.weight })) // select, rename
.map(d => ({ ...d, bodyMassIndex: d.weight / d.height ** 2 })) // mutate
.filter(d => d.bodyMassIndex > 45 && d.height) // filtering out nulls from height
d3.flatRollup(
athletes,
v => d3.mean(v, d => d.height),
d => d.nationality,
d => d.sex
).map(
([nationality, sex, avg]) => ({ nationality, sex, avg })
)
d3.flatRollup(
athletes,
v => ({
avgHeight: d3.mean(v, d => d.height),
avgWeight: d3.mean(v, d => d.weight)
}),
d => d.nationality,
d => d.sex
).map(
([nation, sport, Calcs]) => ({nation, sport, ...Calcs })
)
viewof selectSport = {
const values = athletes.map(d => d.sport);
return Inputs.select(values, {label: "Select one", unique: true, multiple: true})
}
selectSport
athletes.filter(d => !selectSport.length || selectSport.includes(d.sport) )
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.
