@vx/mock-data

@vx/mock-data

npm install --save @vx/mock-data

The @vx/mock-data package is here to help you test out your graphs.

Generators

Generators can create simple generic data for you like this:

import Mock from '@vx/mock-data';
const points = Mock.genRandomNormalPoints();

Mock.genRandomNormalPoints()

Returns a series of random normal x,y points.

Mock.getDateValue(n)

Generates n date values an hour apart from each other starting with the current time.

Mocks

Mock are essentially a bunch of data dumps that you can use like this:

import Mock from '@vx/mock-data';
const data = Mock.cityTemperature;

Mock.appleStock

Property
date
close

Mock.browserUsage

Property
date
Google Chrome
Internet Explorer
Firefox
Safari
Microsoft Edge
Opera
Mozilla
Other/Unknown

Mock.cityTemperature

Property
date
New York
San Francisco
Austin

Mock.groupDateValue

Property
date
key
value

Mock.letterFrequency

Property
letter
frequency

Source For Components

• generators/
  • genDateValue()
  • genRandomNormalPoints()
• mocks/
  • appleStock
  • browserUsage
  • cityTemperature
  • groupDateValue
  • letterFrequency

Changelog

v0.0.195

:trophy: Contributors

• ptmx PR #631

:rocket: Enhancements

• [tooltip] useTooltip hook added

:boom: Breaking Changes

• [tooltip] internally introduces useState, requires bumping the peerDep for react to ^16.8.0-0

:memo: Documentation

• [tooltip] add useState to readme, add advice on HOC vs hooks
• [demo] Rewrite the BarStack demo to use useTooltip instead of withTooltip

Changes:
 - @vx/annotation: 0.0.194 => 0.0.195
 - @vx/axis: 0.0.194 => 0.0.195
 - @vx/bounds: 0.0.194 => 0.0.195
 - @vx/brush: 0.0.194 => 0.0.195
 - @vx/chord: 0.0.194 => 0.0.195
 - @vx/clip-path: 0.0.194 => 0.0.195
 - @vx/curve: 0.0.194 => 0.0.195
 - @vx/demo: 0.0.194 => 0.0.195
 - @vx/drag: 0.0.194 => 0.0.195
 - @vx/event: 0.0.194 => 0.0.195
 - @vx/geo: 0.0.194 => 0.0.195
 - @vx/glyph: 0.0.194 => 0.0.195
 - @vx/gradient: 0.0.194 => 0.0.195
 - @vx/grid: 0.0.194 => 0.0.195
 - @vx/group: 0.0.194 => 0.0.195
 - @vx/heatmap: 0.0.194 => 0.0.195
 - @vx/hierarchy: 0.0.194 => 0.0.195
 - @vx/legend: 0.0.194 => 0.0.195
 - @vx/marker: 0.0.194 => 0.0.195
 - @vx/mock-data: 0.0.194 => 0.0.195
 - @vx/network: 0.0.194 => 0.0.195
 - @vx/pattern: 0.0.194 => 0.0.195
 - @vx/point: 0.0.194 => 0.0.195
 - @vx/responsive: 0.0.194 => 0.0.195
 - @vx/scale: 0.0.194 => 0.0.195
 - @vx/shape: 0.0.194 => 0.0.195
 - @vx/stats: 0.0.194 => 0.0.195
 - @vx/text: 0.0.194 => 0.0.195
 - @vx/threshold: 0.0.194 => 0.0.195
 - @vx/tooltip: 0.0.194 => 0.0.195
 - @vx/voronoi: 0.0.194 => 0.0.195
 - @vx/vx: 0.0.194 => 0.0.195
 - @vx/zoom: 0.0.194 => 0.0.195