@visx/grid
TypeScript icon, indicating that this package has built-in type declarations

3.5.0 • Public • Published

@visx/grid

The @visx/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!

Usage

import { Grid } from '@visx/grid';
// or
// import * as Grid from '@visx/grid';
// <Grid.Grid />

const grid = (
  <Grid
    xScale={xScale}
    yScale={yScale}
    width={xMax}
    height={yMax}
    numTicksRows={numTicksForHeight(height)}
    numTicksColumns={numTicksForWidth(width)}
  />
);

Installation

npm install --save @visx/grid

Versions

Current Tags

Version History

Package Sidebar

Install

npm i @visx/grid

Weekly Downloads

345,094

Version

3.5.0

License

MIT

Unpacked Size

68.4 kB

Total Files

43

Last publish

Collaborators

  • vx-hshoff
  • hshoff
  • christopher.card.williams
  • lencioni