I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
BioFabricTree, ValueMapbox D3Choropleth Mapd3.geoPath + Canvas + Zoom + PanningTopoJSON Simplifier and Filter attributesVega crossfilterMarks and Channels in D3Anscombe's QuartetUS grid mapsVisual saliencySpatial data aggregationStevens's power law shorterScatterplot OverplottingDensity Plot
Areas should be stacked
base.markBar().render()
base = vl
.mark()
.encode(
vl
.x()
.fieldQ("body_mass_g")
.bin({ step: 100 })
.title("Body Mass(g)")
.axis({
labelExpr: "[datum.value % 500===0 ? datum.value : '']"
}),
vl
.y()
.count()
.title("Frequency"),
vl
.color()
.fieldN("species")
.title("Species")
.scale(colorScale)
)
.data(penguins.filter(d => d.body_mass_g !== "NA"))
.config({ axisX: { tickCount: 3 } })
.title("Penguin Body Mass")
colorScale = ({ range: ["#febb84", "#c47ff4", "#88bcba"] })
import { penguins } from "@enjalot/palmer-penguins"
import { vl } from "@vega/vega-lite-api"
md`### Debugging the holes in the areas
Is it missing data? There are a couple "NA"s, but removing them didn't fix it :(`
allData = navio(penguins, { width: 600, attribWidth: 26 })
import { navio} from "@john-guerra/navio"
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.
