Public
Edited
Jan 9, 2023
Insert cell
Insert cell
Insert cell
//so that tooltip content stays the same color regardless of light / dark theme
customStyles = htl.html`<style>
.hover text {fill: black}
</style>`
Insert cell
formatDelta = (number) => `${d3.format(dataFromDisplayr.configs.yDeltaFormat[0])(number)}`
Insert cell
formatY = (number) => `${d3.format(dataFromDisplayr.configs.yNumberFormat[0])(number)}`
Insert cell
formatX = (date) => d3.timeFormat("%d-%m-%Y")(date)
Insert cell
tablecolNames = Object.keys(dataFromDisplayr.data[0]).filter(o => o != "_row")//table.fold(['colA', 'colB'])
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {Plot as PlotBrush} from "@fil/plot-brush-71"
Insert cell
// Import Plot with additional tooltip functionality from this notebook
import {Plot, addTooltips} from "@mkfreeman/plot-tooltip"
Insert cell
import { aq, op } from '@uwdata/arquero'
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