@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.153

:house: Internal

• [internal] add sideEffects: false to pkg for webpack 4 #225

:trophy: Contributors

• hshoff

Changes:
 - @vx/annotation: 0.0.147 => 0.0.153
 - @vx/axis: 0.0.152 => 0.0.153
 - @vx/bounds: 0.0.147 => 0.0.153
 - @vx/boxplot: 0.0.143 => 0.0.153
 - @vx/brush: 0.0.143 => 0.0.153
 - @vx/clip-path: 0.0.143 => 0.0.153
 - @vx/curve: 0.0.143 => 0.0.153
 - @vx/demo: 0.0.152 => 0.0.153
 - @vx/drag: 0.0.143 => 0.0.153
 - @vx/event: 0.0.143 => 0.0.153
 - @vx/geo: 0.0.150 => 0.0.153
 - @vx/glyph: 0.0.143 => 0.0.153
 - @vx/gradient: 0.0.143 => 0.0.153
 - @vx/grid: 0.0.147 => 0.0.153
 - @vx/group: 0.0.143 => 0.0.153
 - @vx/heatmap: 0.0.143 => 0.0.153
 - @vx/hierarchy: 0.0.144 => 0.0.153
 - @vx/legend: 0.0.143 => 0.0.153
 - @vx/marker: 0.0.147 => 0.0.153
 - @vx/mock-data: 0.0.147 => 0.0.153
 - @vx/network: 0.0.143 => 0.0.153
 - @vx/pattern: 0.0.143 => 0.0.153
 - @vx/point: 0.0.143 => 0.0.153
 - @vx/responsive: 0.0.152 => 0.0.153
 - @vx/scale: 0.0.152 => 0.0.153
 - @vx/shape: 0.0.147 => 0.0.153
 - @vx/stats: 0.0.152 => 0.0.153
 - @vx/text: 0.0.152 => 0.0.153
 - @vx/tooltip: 0.0.148 => 0.0.153
 - @vx/voronoi: 0.0.143 => 0.0.153
 - @vx/vx: 0.0.152 => 0.0.153
 - @vx/zoom: 0.0.143 => 0.0.153