I have a PhD in geography and I am a spatial data enthusiast. I encourage map making and fractal analysis to explain the world.
data = FileAttachment("penguins.csv").csv({ typed: true })
attributes = [
"culmen_length_mm",
"culmen_depth_mm",
"flipper_length_mm",
"body_mass_g"
]
Plot.rectY(data, Plot.binX({ y: "count" }, { x: "body_mass_g" })).plot({
width: 300,
height: 100
})
htl.html`${attributes.map((name) =>
Plot.rectY(data, Plot.binX({ y: "count" }, { x: name })).plot({
width: 300,
height: 100
})
)}`
htl.html`<div style="
display: grid;
grid-gap: 1.75em;
grid-template-columns: repeat(2, 3fr);
">${attributes.map((name) =>
Plot.rectY(data, Plot.binX({ y: "count" }, { x: name })).plot({
width: 450,
height: 250
})
)}</div>`
htl.svg`<svg height=${attributes.length * height}>${attributes.map((name, i) =>
htl.svg`<g transform="translate(0, ${height * i})">
${Plot.rectY(data, Plot.binX({ y: "count" }, { x: name })).plot({
width: 300,
height
})}
</g>`
)}</svg>`
height = 100
import { tweet } from "@mbostock/tweet"
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.
