The avatar for @chrt
chrt.io
A spontaneous approach to chart creation. Created by @littleark
Public
chrt
Edited
Jun 25, 2024
Importers
1
chrt
Introducing chrt
Line chartsScatter plotsBar chartsHistogramsScalesAxesStacking and groupingGrid linesMarkersRangesCurves and InterpolationsConfidence intervals
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
w = width * 3/4
Insert cell
Insert cell
top15LongestLifespan = sortedData.slice(-15).map((d,i) => ({
x: d['Maximum longevity (yrs)'],
y: d['Common name'],
}))
Insert cell
sortedData.slice(-50)
Insert cell
new Set(sortedData.map(d => d.Class))
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
colors = ({pink:"#df9ed4", red:"#c93f55", yellow:"#eacc62", green:"#469d76", blue:"#3c4b99", purple:"#924099"})
Insert cell
Insert cell
longevityBirdsBins = d3.bin()(sortedData.filter(d => d.Class === 'Aves').filter(d => d['Adult weight (g)']).map(d => d['Maximum longevity (yrs)']))
Insert cell
Insert cell

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.
Learn more