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

0.0.199 • Public • Published

@vx/grid

The @vx/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 '@vx/grid';
// or
// import * as Grid from '@vx/grid';
// <Grid.Grid />

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

Installation

npm install --save @vx/grid

Package Sidebar

Install

npm i @vx/grid

Weekly Downloads

22,846

Version

0.0.199

License

MIT

Unpacked Size

32 kB

Total Files

23

Last publish

Collaborators

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