2D charts

Contours

charts/contours

(plot) => ({
  kind: "contour",
  series: rows(plot, 10, 24, "field"),
  contour: { count: 6, filled: true },
})

Arguments

{ kind: "contour" } is a ContourChart

Isolines through the same grid a heatmap draws.

Its rows cannot place their own cells: a contour traces the grid by index, and a width would move the heatmap under it and leave the lines where they were.

from `ContourChart`
`kind`required	`"contour"`
`series`	`readonly []`	The rows, from the bottom of the plot upward.
`tooltip`		The tooltip drawn at the cursor. None unless set.
`contour`		Which values get a line, and whether the cells behind them are filled.
from `ChartChrome`
`title`	`string`	The title above the plot.
`legend`	`boolean`	Whether a legend is drawn. Drawn unless set false.
`at`		The corner this chart hangs off, instead of taking its turn in the layout. Unset, a chart fills the canvas or its cell of `Grid`, which is what almost every page wants. Set, the chart is placed the way an `Instrument` is: off that corner, at `ChartChrome.size` of the canvas, and out of the grid. That is what a chart drawn over a scene needs, where the rest of the canvas has to stay scene.
`size`	`readonly [number, number]`	How much of the canvas this chart takes, as a fraction of each side. A placed chart that names no size takes half the canvas each way, because filling it would hide whatever it was placed over. Without `ChartChrome.at` the layout still decides where the chart goes and this decides how much room it takes there.
`offset`	`readonly [number, number]`	The offset from that corner, in logical pixels. Read only with `ChartChrome.at`.
from `ChartFrame`
`x`		The horizontal axis.
`y`		The vertical axis.
`transposed`	`boolean`	Swap the plotting directions. What makes a horizontal bar chart, which is what a ranking is almost always drawn as: names read left to right as words do, and there is room for as many as the plot is tall.
`centred`	`boolean`	Draw the axis lines through the origin rather than around the edges: two rules crossing at zero with the data in four quadrants.
`gridOver`	`boolean`	Draw the gridlines over the series rather than behind them. What a chart of sparse markers over a dense field wants, where the grid is the thing being read against.
`guides`	`readonly []`	Reference marks over the plot.
`crosshair`	`boolean`	Draw a crosshair at the cursor, with a readout at each axis.
`select`	`boolean`	Let a drag across the plot select an x range, reported as a `RangeSelectedEvent`. This takes the plain drag: a selectable chart brushes where an ordinary one pans. Panning one is then the shift-drag band zoom or a drag on the gutters below and beside the plot, and the double click still hands the axes back either way. The selection stands until the viewer makes another. A shift-drag zooms without disturbing it, so a region can be kept and examined.
`pick`	`"point" \| "series"`	What a click selects, beyond activating the datum it hits.

Contours ​

Contours