Miss any of our Open RFC calls?Watch the recordings here! »

@vx/grid

0.0.198 • 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

Install

npm i @vx/grid

DownloadsWeekly Downloads

22,977

Version

0.0.198

License

MIT

Unpacked Size

28.6 kB

Total Files

22

Last publish

Collaborators

  • avatar
  • avatar
  • avatar