pixel flipper, data sifter. trying to see what I can while I'm here
data
Inputs.Table(data)
Plot.dot(data, {x: "flipper_length_mm", y: "body_mass_g", fill: "species", title: "species"}).plot()
Plot.dot(data, {x: "bill_length_mm", y: "body_mass_g", fill: "species", title: "species"}).initialize()
Plot.rectY(data, Plot.binX({y: "count"}, {x: "body_mass_g", thresholds: 20})).plot()
spot(data, Plot.binX({y: "count"}, {x: "body_mass_g", thresholds: 20}))
spot(data, Plot.binX({y: "count"}, {x: "body_mass_g", thresholds: 20})).y
stacked = Plot.stackY(Plot.binX({y: "count"}, {x: "body_mass_g", fill: "species", thresholds: 20}))
Plot.rectY(data, stacked).plot()
spot(data, stacked)
Plot.rectY(data, stacked).plot({
facet: {
data,
x: "island"
}
})
spot(data, stacked, facet(data, "sex"))
spot(data, stacked, facet2(data, "sex", "island"))
stackedWrong = Plot.stackX(Plot.binX({y: "count"}, {x: "body_mass_g", fill: "species", thresholds: 20}))
Plot.rectY(data, stackedWrong).plot()
spot(data, stackedWrong)
worst = Plot.stackX(Plot.binY({x: "count"}, {x: "body_mass_g", fill: "species", thresholds: 20}))
Plot.rectY(data, worst).plot()
spot(data, worst)
spot = (data = [], {transform, ...channels}, facets = [Uint32Array.from(data, (d, i) => i)]) => {
if (transform !== undefined) {
({data, facets} = transform(data, facets));
}
return {
data,
facets,
...Object.fromEntries(
Object.entries(channels)
.map(([name, value]) => [name, Plot.valueof(data, value)])
)
};
}
facet = (data, property) => {
let accessor = property
if(typeof property === "string") accessor = (d) => d[property]
return [...d3.group(d3.range(data.length), i => accessor(data[i])).values()]
}
facet2 = (data, property1, property2) => {
let accessor1 = property1
let accessor2 = property2
if(typeof property1 === "string") accessor1 = (d) => d[property1]
if(typeof property2 === "string") accessor2 = (d) => d[property2]
return [...d3.group(d3.range(data.length), i => accessor1(data[i]), i => accessor2(data[i])).values()].flatMap(d => [...d.values()])
}
facet2(data, "sex", "island")
typeof (d => 5)
// Plot = require("@observablehq/plot@0.1")
d3 = require("d3@6")
Inputs = require("@observablehq/inputs@0.7")
import {toc} from "@mbostock/toc"
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.
