The grid package lets you create gridlines for charts. GridRows render horizontally, GridColumns render vertically, or you can use a Grid to get them both at once!.
import { Grid } from "@tealess/viz-grid"; // or // import * as Grid from '@tealess/viz-grid'; // <Grid.Grid /> const grid = ( <Grid xScale={xScale} yScale={yScale} width={xMax} height={yMax} numTicksRows={numTicksForHeight(height)} numTicksColumns={numTicksForWidth(width)} /> );
bun add @tealess/viz-grid