diff --git a/packages/vx-demo/src/components/Footer.tsx b/packages/visx-demo/src/components/Footer.tsx
similarity index 75%
rename from packages/vx-demo/src/components/Footer.tsx
rename to packages/visx-demo/src/components/Footer.tsx
index ffeffbb46..801799689 100644
--- a/packages/vx-demo/src/components/Footer.tsx
+++ b/packages/visx-demo/src/components/Footer.tsx
@@ -3,10 +3,10 @@ import React from 'react';
export default () => (
-
+
diff --git a/packages/visx-demo/src/sandboxes/visx-curve/index.tsx b/packages/visx-demo/src/sandboxes/visx-curve/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-curve/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-curve/package.json b/packages/visx-demo/src/sandboxes/visx-curve/package.json
similarity index 53%
rename from packages/vx-demo/src/sandboxes/vx-curve/package.json
rename to packages/visx-demo/src/sandboxes/visx-curve/package.json
index 294e47f79..c45a5839f 100644
--- a/packages/vx-demo/src/sandboxes/vx-curve/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-curve/package.json
@@ -1,20 +1,20 @@
{
- "name": "@vx/demo-curve",
- "description": "Standalone vx curve demo.",
+ "name": "@visx/demo-curve",
+ "description": "Standalone visx curve demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/curve": "latest",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/marker": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/curve": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/marker": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"d3-array": "^2.4.0",
"react": "^16",
"react-dom": "^16",
@@ -25,7 +25,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"curve",
"interpolate"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-curve/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-curve/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-curve/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-curve/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-dendrogram/Example.tsx b/packages/visx-demo/src/sandboxes/visx-dendrogram/Example.tsx
similarity index 92%
rename from packages/vx-demo/src/sandboxes/vx-dendrogram/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-dendrogram/Example.tsx
index abec3c369..09cb8386f 100644
--- a/packages/vx-demo/src/sandboxes/vx-dendrogram/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-dendrogram/Example.tsx
@@ -1,9 +1,9 @@
import React, { useMemo } from 'react';
-import { Group } from '@vx/group';
-import { Cluster, hierarchy } from '@vx/hierarchy';
-import { HierarchyPointNode, HierarchyPointLink } from '@vx/hierarchy/lib/types';
-import { LinkVertical } from '@vx/shape';
-import { LinearGradient } from '@vx/gradient';
+import { Group } from '@visx/group';
+import { Cluster, hierarchy } from '@visx/hierarchy';
+import { HierarchyPointNode, HierarchyPointLink } from '@visx/hierarchy/lib/types';
+import { LinkVertical } from '@visx/shape';
+import { LinearGradient } from '@visx/gradient';
const citrus = '#ddf163';
const white = '#ffffff';
diff --git a/packages/visx-demo/src/sandboxes/visx-dendrogram/index.tsx b/packages/visx-demo/src/sandboxes/visx-dendrogram/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-dendrogram/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-dendrogram/package.json b/packages/visx-demo/src/sandboxes/visx-dendrogram/package.json
similarity index 58%
rename from packages/vx-demo/src/sandboxes/vx-dendrogram/package.json
rename to packages/visx-demo/src/sandboxes/visx-dendrogram/package.json
index 9ca28e7ab..bb19003c5 100644
--- a/packages/vx-demo/src/sandboxes/vx-dendrogram/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-dendrogram/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-dendrogram",
- "description": "Standalone vx dendrogram demo.",
+ "name": "@visx/demo-dendrogram",
+ "description": "Standalone visx dendrogram demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/hierarchy": "latest",
- "@vx/responsive": "latest",
- "@vx/shape": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/hierarchy": "latest",
+ "@visx/responsive": "latest",
+ "@visx/shape": "latest",
"react": "^16.8",
"react-dom": "^16.8",
"react-scripts-ts": "3.1.0",
@@ -21,7 +21,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"hierarchy",
"dendrogram"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-dendrogram/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-dendrogram/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-dendrogram/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-dendrogram/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-dots/Example.tsx b/packages/visx-demo/src/sandboxes/visx-dots/Example.tsx
similarity index 90%
rename from packages/vx-demo/src/sandboxes/vx-dots/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-dots/Example.tsx
index 4a60b8e90..a57b5b02a 100644
--- a/packages/vx-demo/src/sandboxes/vx-dots/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-dots/Example.tsx
@@ -1,15 +1,15 @@
import React, { useMemo, useState, useCallback, useRef } from 'react';
-import { Group } from '@vx/group';
-import { Circle } from '@vx/shape';
-import { GradientPinkRed } from '@vx/gradient';
-import { scaleLinear } from '@vx/scale';
+import { Group } from '@visx/group';
+import { Circle } from '@visx/shape';
+import { GradientPinkRed } from '@visx/gradient';
+import { scaleLinear } from '@visx/scale';
import genRandomNormalPoints, {
PointsRange,
-} from '@vx/mock-data/lib/generators/genRandomNormalPoints';
-import { withTooltip, Tooltip } from '@vx/tooltip';
-import { WithTooltipProvidedProps } from '@vx/tooltip/lib/enhancers/withTooltip';
-import { voronoi, VoronoiPolygon } from '@vx/voronoi';
-import { localPoint } from '@vx/event';
+} from '@visx/mock-data/lib/generators/genRandomNormalPoints';
+import { withTooltip, Tooltip } from '@visx/tooltip';
+import { WithTooltipProvidedProps } from '@visx/tooltip/lib/enhancers/withTooltip';
+import { voronoi, VoronoiPolygon } from '@visx/voronoi';
+import { localPoint } from '@visx/event';
const points: PointsRange[] = genRandomNormalPoints(600).filter((d, i) => i < 600);
diff --git a/packages/visx-demo/src/sandboxes/visx-dots/index.tsx b/packages/visx-demo/src/sandboxes/visx-dots/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-dots/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/visx-demo/src/sandboxes/visx-dots/package.json b/packages/visx-demo/src/sandboxes/visx-dots/package.json
new file mode 100644
index 000000000..3ee829eb8
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-dots/package.json
@@ -0,0 +1,31 @@
+{
+ "name": "@visx/demo-dots",
+ "description": "Standalone visx scatterplot demo.",
+ "main": "index.tsx",
+ "private": true,
+ "dependencies": {
+ "@babel/runtime": "^7.8.4",
+ "@types/react": "^16",
+ "@types/react-dom": "^16",
+ "@visx/event": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
+ "@visx/tooltip": "latest",
+ "@visx/voronoi": "latest",
+ "react": "^16.8",
+ "react-dom": "^16.8",
+ "react-scripts-ts": "3.1.0",
+ "typescript": "^3"
+ },
+ "keywords": [
+ "visualization",
+ "d3",
+ "react",
+ "visx",
+ "visualization"
+ ]
+}
diff --git a/packages/vx-demo/src/sandboxes/vx-dots/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-dots/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-dots/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-dots/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/Example.tsx b/packages/visx-demo/src/sandboxes/visx-drag-i/Example.tsx
similarity index 95%
rename from packages/vx-demo/src/sandboxes/vx-drag-i/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-drag-i/Example.tsx
index 3c8e80fad..6fadd1231 100644
--- a/packages/vx-demo/src/sandboxes/vx-drag-i/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-drag-i/Example.tsx
@@ -1,7 +1,7 @@
import React, { useMemo, useState, useEffect } from 'react';
-import { scaleOrdinal } from '@vx/scale';
-import { LinearGradient } from '@vx/gradient';
-import { Drag, raise } from '@vx/drag';
+import { scaleOrdinal } from '@visx/scale';
+import { LinearGradient } from '@visx/gradient';
+import { Drag, raise } from '@visx/drag';
import generateCircles, { Circle } from './generateCircles';
const colors = [
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/generateCircles.ts b/packages/visx-demo/src/sandboxes/visx-drag-i/generateCircles.ts
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-drag-i/generateCircles.ts
rename to packages/visx-demo/src/sandboxes/visx-drag-i/generateCircles.ts
diff --git a/packages/visx-demo/src/sandboxes/visx-drag-i/index.tsx b/packages/visx-demo/src/sandboxes/visx-drag-i/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-drag-i/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/package.json b/packages/visx-demo/src/sandboxes/visx-drag-i/package.json
similarity index 61%
rename from packages/vx-demo/src/sandboxes/vx-drag-i/package.json
rename to packages/visx-demo/src/sandboxes/visx-drag-i/package.json
index e120ef246..c253a2630 100644
--- a/packages/vx-demo/src/sandboxes/vx-drag-i/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-drag-i/package.json
@@ -1,16 +1,16 @@
{
- "name": "@vx/demo-drag-i",
- "description": "Standalone vx drag demo.",
+ "name": "@visx/demo-drag-i",
+ "description": "Standalone visx drag demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/drag": "latest",
- "@vx/gradient": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
+ "@visx/drag": "latest",
+ "@visx/gradient": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -20,7 +20,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"drag"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-drag-i/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-drag-i/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-drag-i/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-ii/Example.tsx b/packages/visx-demo/src/sandboxes/visx-drag-ii/Example.tsx
similarity index 95%
rename from packages/vx-demo/src/sandboxes/vx-drag-ii/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-drag-ii/Example.tsx
index a4aa33e52..d948a9277 100644
--- a/packages/vx-demo/src/sandboxes/vx-drag-ii/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-drag-ii/Example.tsx
@@ -1,8 +1,8 @@
import React, { useState } from 'react';
-import { LinePath } from '@vx/shape';
-import { Drag } from '@vx/drag';
-import { curveBasis } from '@vx/curve';
-import { LinearGradient } from '@vx/gradient';
+import { LinePath } from '@visx/shape';
+import { Drag } from '@visx/drag';
+import { curveBasis } from '@visx/curve';
+import { LinearGradient } from '@visx/gradient';
type Line = { x: number; y: number }[];
type Lines = Line[];
diff --git a/packages/visx-demo/src/sandboxes/visx-drag-ii/index.tsx b/packages/visx-demo/src/sandboxes/visx-drag-ii/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-drag-ii/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-ii/package.json b/packages/visx-demo/src/sandboxes/visx-drag-ii/package.json
similarity index 58%
rename from packages/vx-demo/src/sandboxes/vx-drag-ii/package.json
rename to packages/visx-demo/src/sandboxes/visx-drag-ii/package.json
index 6bc3097b7..e65f62f8a 100644
--- a/packages/vx-demo/src/sandboxes/vx-drag-ii/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-drag-ii/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-drag-ii",
- "description": "Standalone vx drag demo.",
+ "name": "@visx/demo-drag-ii",
+ "description": "Standalone visx drag demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/curve": "latest",
- "@vx/drag": "latest",
- "@vx/gradient": "latest",
- "@vx/responsive": "latest",
- "@vx/shape": "latest",
+ "@visx/curve": "latest",
+ "@visx/drag": "latest",
+ "@visx/gradient": "latest",
+ "@visx/responsive": "latest",
+ "@visx/shape": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -21,7 +21,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"drag",
"draw"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-ii/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-drag-ii/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-drag-ii/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-drag-ii/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/Example.tsx b/packages/visx-demo/src/sandboxes/visx-geo-custom/Example.tsx
similarity index 96%
rename from packages/vx-demo/src/sandboxes/vx-geo-custom/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-geo-custom/Example.tsx
index e7e939376..e64f39ca9 100644
--- a/packages/vx-demo/src/sandboxes/vx-geo-custom/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-geo-custom/Example.tsx
@@ -1,10 +1,10 @@
/* eslint-disable react/jsx-handler-names */
import React, { useState } from 'react';
import * as topojson from 'topojson-client';
-import { scaleQuantize } from '@vx/scale';
-import { CustomProjection, Graticule } from '@vx/geo';
-import { Projection } from '@vx/geo/lib/types';
-import { Zoom } from '@vx/zoom';
+import { scaleQuantize } from '@visx/scale';
+import { CustomProjection, Graticule } from '@visx/geo';
+import { Projection } from '@visx/geo/lib/types';
+import { Zoom } from '@visx/zoom';
import {
geoConicConformal,
geoTransverseMercator,
diff --git a/packages/visx-demo/src/sandboxes/visx-geo-custom/index.tsx b/packages/visx-demo/src/sandboxes/visx-geo-custom/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-geo-custom/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/package.json b/packages/visx-demo/src/sandboxes/visx-geo-custom/package.json
similarity index 66%
rename from packages/vx-demo/src/sandboxes/vx-geo-custom/package.json
rename to packages/visx-demo/src/sandboxes/visx-geo-custom/package.json
index 17aec0dd1..39cbe2fed 100644
--- a/packages/vx-demo/src/sandboxes/vx-geo-custom/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-geo-custom/package.json
@@ -1,16 +1,16 @@
{
- "name": "@vx/demo-geo-custom",
- "description": "Standalone vx geo-custom demo.",
+ "name": "@visx/demo-geo-custom",
+ "description": "Standalone visx geo-custom demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/geo": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/zoom": "latest",
+ "@visx/geo": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/zoom": "latest",
"d3-geo": "^1.11.9",
"react": "^16.8",
"react-dom": "^16.8",
@@ -22,7 +22,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"geo",
"maps",
"projection"
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-geo-custom/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-geo-custom/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-geo-custom/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/world-topo.d.ts b/packages/visx-demo/src/sandboxes/visx-geo-custom/world-topo.d.ts
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-geo-custom/world-topo.d.ts
rename to packages/visx-demo/src/sandboxes/visx-geo-custom/world-topo.d.ts
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/world-topo.json b/packages/visx-demo/src/sandboxes/visx-geo-custom/world-topo.json
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-geo-custom/world-topo.json
rename to packages/visx-demo/src/sandboxes/visx-geo-custom/world-topo.json
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/Example.tsx b/packages/visx-demo/src/sandboxes/visx-geo-mercator/Example.tsx
similarity index 95%
rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/Example.tsx
index 4c060eba3..0bf8bb1d8 100644
--- a/packages/vx-demo/src/sandboxes/vx-geo-mercator/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-geo-mercator/Example.tsx
@@ -1,6 +1,6 @@
import React from 'react';
-import { scaleQuantize } from '@vx/scale';
-import { Mercator, Graticule } from '@vx/geo';
+import { scaleQuantize } from '@visx/scale';
+import { Mercator, Graticule } from '@visx/geo';
import * as topojson from 'topojson-client';
import topology from './world-topo.json';
diff --git a/packages/visx-demo/src/sandboxes/visx-geo-mercator/index.tsx b/packages/visx-demo/src/sandboxes/visx-geo-mercator/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-geo-mercator/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/package.json b/packages/visx-demo/src/sandboxes/visx-geo-mercator/package.json
similarity index 67%
rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/package.json
rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/package.json
index 93f82d74e..3edc99518 100644
--- a/packages/vx-demo/src/sandboxes/vx-geo-mercator/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-geo-mercator/package.json
@@ -1,15 +1,15 @@
{
- "name": "@vx/demo-geo-mercator",
- "description": "Standalone vx geo-mercator demo.",
+ "name": "@visx/demo-geo-mercator",
+ "description": "Standalone visx geo-mercator demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/geo": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
+ "@visx/geo": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -20,7 +20,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"geojson",
"geo",
"mercator",
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-geo-mercator/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/world-topo.d.ts b/packages/visx-demo/src/sandboxes/visx-geo-mercator/world-topo.d.ts
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/world-topo.d.ts
rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/world-topo.d.ts
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/world-topo.json b/packages/visx-demo/src/sandboxes/visx-geo-mercator/world-topo.json
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-geo-mercator/world-topo.json
rename to packages/visx-demo/src/sandboxes/visx-geo-mercator/world-topo.json
diff --git a/packages/vx-demo/src/sandboxes/vx-glyph/Example.tsx b/packages/visx-demo/src/sandboxes/visx-glyph/Example.tsx
similarity index 91%
rename from packages/vx-demo/src/sandboxes/vx-glyph/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-glyph/Example.tsx
index 53029f712..902764a19 100644
--- a/packages/vx-demo/src/sandboxes/vx-glyph/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-glyph/Example.tsx
@@ -1,6 +1,6 @@
/* eslint-disable jsx-a11y/accessible-emoji */
import React from 'react';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import {
Glyph as CustomGlyph,
GlyphCircle,
@@ -10,11 +10,11 @@ import {
GlyphStar,
GlyphTriangle,
GlyphWye,
-} from '@vx/glyph';
-import { LinePath } from '@vx/shape';
-import genDateValue, { DateValue } from '@vx/mock-data/lib/generators/genDateValue';
-import { scaleTime, scaleLinear } from '@vx/scale';
-import { curveMonotoneX, curveBasis } from '@vx/curve';
+} from '@visx/glyph';
+import { LinePath } from '@visx/shape';
+import genDateValue, { DateValue } from '@visx/mock-data/lib/generators/genDateValue';
+import { scaleTime, scaleLinear } from '@visx/scale';
+import { curveMonotoneX, curveBasis } from '@visx/curve';
const defaultMargin = { top: 10, right: 10, bottom: 10, left: 10 };
diff --git a/packages/visx-demo/src/sandboxes/visx-glyph/index.tsx b/packages/visx-demo/src/sandboxes/visx-glyph/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-glyph/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-glyph/package.json b/packages/visx-demo/src/sandboxes/visx-glyph/package.json
similarity index 53%
rename from packages/vx-demo/src/sandboxes/vx-glyph/package.json
rename to packages/visx-demo/src/sandboxes/visx-glyph/package.json
index a8b37bb1f..026b3c5b9 100644
--- a/packages/vx-demo/src/sandboxes/vx-glyph/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-glyph/package.json
@@ -1,19 +1,19 @@
{
- "name": "@vx/demo-glyphs",
- "description": "Standalone vx glyph demo.",
+ "name": "@visx/demo-glyphs",
+ "description": "Standalone visx glyph demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/curve": "latest",
- "@vx/glyph": "latest",
- "@vx/group": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/curve": "latest",
+ "@visx/glyph": "latest",
+ "@visx/group": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -23,7 +23,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"svg",
"glyph"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-glyph/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-glyph/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-glyph/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-glyph/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-gradient/Example.tsx b/packages/visx-demo/src/sandboxes/visx-gradient/Example.tsx
similarity index 93%
rename from packages/vx-demo/src/sandboxes/vx-gradient/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-gradient/Example.tsx
index c10a28f7a..4dfeefe3f 100644
--- a/packages/vx-demo/src/sandboxes/vx-gradient/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-gradient/Example.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { Bar } from '@vx/shape';
+import { Bar } from '@visx/shape';
import {
GradientDarkgreenGreen,
GradientLightgreenGreen,
@@ -11,7 +11,7 @@ import {
GradientTealBlue,
RadialGradient,
LinearGradient,
-} from '@vx/gradient';
+} from '@visx/gradient';
const defaultMargin = {
top: 0,
@@ -50,7 +50,7 @@ export default function Example({ width, height, margin = defaultMargin }: Gradi
{Gradients.map((Gradient, index) => {
const columnIndex = index % numColumns;
const rowIndex = Math.floor(index / numColumns);
- const id = `vx-gradient-demo-${index}-${rowIndex}${columnIndex}`;
+ const id = `visx-gradient-demo-${index}-${rowIndex}${columnIndex}`;
return (
diff --git a/packages/visx-demo/src/sandboxes/visx-gradient/index.tsx b/packages/visx-demo/src/sandboxes/visx-gradient/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-gradient/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-gradient/package.json b/packages/visx-demo/src/sandboxes/visx-gradient/package.json
similarity index 64%
rename from packages/vx-demo/src/sandboxes/vx-gradient/package.json
rename to packages/visx-demo/src/sandboxes/visx-gradient/package.json
index 49645e2fb..bff8a3f3f 100644
--- a/packages/vx-demo/src/sandboxes/vx-gradient/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-gradient/package.json
@@ -1,15 +1,15 @@
{
- "name": "@vx/demo-gradient",
- "description": "Standalone vx gradient demo.",
+ "name": "@visx/demo-gradient",
+ "description": "Standalone visx gradient demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/gradient": "latest",
- "@vx/responsive": "latest",
- "@vx/shape": "latest",
+ "@visx/gradient": "latest",
+ "@visx/responsive": "latest",
+ "@visx/shape": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -19,7 +19,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"svg",
"gradient"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-gradient/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-gradient/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-gradient/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-gradient/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-heatmap/Example.tsx b/packages/visx-demo/src/sandboxes/visx-heatmap/Example.tsx
similarity index 92%
rename from packages/vx-demo/src/sandboxes/vx-heatmap/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-heatmap/Example.tsx
index 774b40e96..17495477a 100644
--- a/packages/vx-demo/src/sandboxes/vx-heatmap/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-heatmap/Example.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Group } from '@vx/group';
-import genBins, { Bin, Bins } from '@vx/mock-data/lib/generators/genBins';
-import { scaleLinear } from '@vx/scale';
-import { HeatmapCircle, HeatmapRect } from '@vx/heatmap';
+import { Group } from '@visx/group';
+import genBins, { Bin, Bins } from '@visx/mock-data/lib/generators/genBins';
+import { scaleLinear } from '@visx/scale';
+import { HeatmapCircle, HeatmapRect } from '@visx/heatmap';
const hot1 = '#77312f';
const hot2 = '#f33d15';
@@ -95,7 +95,7 @@ export default ({
heatmapBins.map(bin => (
(
{({ width, height }) => {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/package.json b/packages/visx-demo/src/sandboxes/visx-linktypes/package.json
similarity index 59%
rename from packages/vx-demo/src/sandboxes/vx-linktypes/package.json
rename to packages/visx-demo/src/sandboxes/visx-linktypes/package.json
index 17c05165f..84695ed11 100644
--- a/packages/vx-demo/src/sandboxes/vx-linktypes/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-linktypes/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-linktypes",
- "description": "Standalone vx link types demo.",
+ "name": "@visx/demo-linktypes",
+ "description": "Standalone visx link types demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/hierarchy": "latest",
- "@vx/responsive": "latest",
- "@vx/shape": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/hierarchy": "latest",
+ "@visx/responsive": "latest",
+ "@visx/shape": "latest",
"d3-shape": "1.3.7",
"react": "^16.8",
"react-dom": "^16.8",
@@ -22,7 +22,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"link",
"shape"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-linktypes/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-linktypes/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-linktypes/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/useForceUpdate.ts b/packages/visx-demo/src/sandboxes/visx-linktypes/useForceUpdate.ts
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-linktypes/useForceUpdate.ts
rename to packages/visx-demo/src/sandboxes/visx-linktypes/useForceUpdate.ts
diff --git a/packages/vx-demo/src/sandboxes/vx-network/Example.tsx b/packages/visx-demo/src/sandboxes/visx-network/Example.tsx
similarity index 94%
rename from packages/vx-demo/src/sandboxes/vx-network/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-network/Example.tsx
index cf00c241a..4948e25d4 100644
--- a/packages/vx-demo/src/sandboxes/vx-network/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-network/Example.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { Graph } from '@vx/network';
+import { Graph } from '@visx/network';
export type NetworkProps = {
width: number;
diff --git a/packages/visx-demo/src/sandboxes/visx-network/index.tsx b/packages/visx-demo/src/sandboxes/visx-network/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-network/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-network/package.json b/packages/visx-demo/src/sandboxes/visx-network/package.json
similarity index 68%
rename from packages/vx-demo/src/sandboxes/vx-network/package.json
rename to packages/visx-demo/src/sandboxes/visx-network/package.json
index 77862d777..8c99d4073 100644
--- a/packages/vx-demo/src/sandboxes/vx-network/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-network/package.json
@@ -1,14 +1,14 @@
{
- "name": "@vx/demo-network",
- "description": "Standalone vx network demo.",
+ "name": "@visx/demo-network",
+ "description": "Standalone visx network demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/responsive": "latest",
- "@vx/network": "latest",
+ "@visx/responsive": "latest",
+ "@visx/network": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -18,7 +18,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"network"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-network/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-network/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-network/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-network/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-pack/Example.tsx b/packages/visx-demo/src/sandboxes/visx-pack/Example.tsx
similarity index 89%
rename from packages/vx-demo/src/sandboxes/vx-pack/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-pack/Example.tsx
index 2606570be..4c1773a39 100644
--- a/packages/vx-demo/src/sandboxes/vx-pack/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-pack/Example.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Group } from '@vx/group';
-import { Pack, hierarchy } from '@vx/hierarchy';
-import { scaleQuantize } from '@vx/scale';
-import rawData, { Exoplanets as Datum } from '@vx/mock-data/lib/mocks/exoplanets';
+import { Group } from '@visx/group';
+import { Pack, hierarchy } from '@visx/hierarchy';
+import { scaleQuantize } from '@visx/scale';
+import rawData, { Exoplanets as Datum } from '@visx/mock-data/lib/mocks/exoplanets';
function extent(allData: D[], value: (d: D) => number): [number, number] {
return [Math.min(...allData.map(value)), Math.max(...allData.map(value))];
diff --git a/packages/visx-demo/src/sandboxes/visx-pack/index.tsx b/packages/visx-demo/src/sandboxes/visx-pack/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-pack/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-pack/package.json b/packages/visx-demo/src/sandboxes/visx-pack/package.json
similarity index 57%
rename from packages/vx-demo/src/sandboxes/vx-pack/package.json
rename to packages/visx-demo/src/sandboxes/visx-pack/package.json
index efa424b2d..57567b77c 100644
--- a/packages/vx-demo/src/sandboxes/vx-pack/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-pack/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-pack",
- "description": "Standalone vx hierarchy pack demo.",
+ "name": "@visx/demo-pack",
+ "description": "Standalone visx hierarchy pack demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/group": "latest",
- "@vx/hierarchy": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
+ "@visx/group": "latest",
+ "@visx/hierarchy": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -21,7 +21,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"hierarchy",
"pack"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-pack/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-pack/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-pack/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-pack/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/Example.tsx b/packages/visx-demo/src/sandboxes/visx-pattern/Example.tsx
similarity index 93%
rename from packages/vx-demo/src/sandboxes/vx-pattern/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-pattern/Example.tsx
index fa55d2e79..644ef17e3 100644
--- a/packages/vx-demo/src/sandboxes/vx-pattern/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-pattern/Example.tsx
@@ -1,7 +1,12 @@
import React from 'react';
-import { Bar } from '@vx/shape';
-import { Group } from '@vx/group';
-import { Pattern as CustomPattern, PatternLines, PatternCircles, PatternWaves } from '@vx/pattern';
+import { Bar } from '@visx/shape';
+import { Group } from '@visx/group';
+import {
+ Pattern as CustomPattern,
+ PatternLines,
+ PatternCircles,
+ PatternWaves,
+} from '@visx/pattern';
const defaultMargin = {
top: 0,
@@ -122,7 +127,7 @@ export default function Example({ width, height, margin = defaultMargin }: Patte
{Patterns.map((Pattern, index) => {
const columnIndex = index % numColumns;
const rowIndex = Math.floor(index / numColumns);
- const id = `vx-pattern-demo-${index}-${rowIndex}-${columnIndex}`;
+ const id = `visx-pattern-demo-${index}-${rowIndex}-${columnIndex}`;
return (
diff --git a/packages/visx-demo/src/sandboxes/visx-pattern/index.tsx b/packages/visx-demo/src/sandboxes/visx-pattern/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-pattern/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/package.json b/packages/visx-demo/src/sandboxes/visx-pattern/package.json
similarity index 61%
rename from packages/vx-demo/src/sandboxes/vx-pattern/package.json
rename to packages/visx-demo/src/sandboxes/visx-pattern/package.json
index de3f785b7..46d1c60c0 100644
--- a/packages/vx-demo/src/sandboxes/vx-pattern/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-pattern/package.json
@@ -1,16 +1,16 @@
{
- "name": "@vx/demo-example",
- "description": "Standalone vx demo.",
+ "name": "@visx/demo-example",
+ "description": "Standalone visx demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/group": "latest",
- "@vx/pattern": "latest",
- "@vx/responsive": "latest",
- "@vx/shape": "latest",
+ "@visx/group": "latest",
+ "@visx/pattern": "latest",
+ "@visx/responsive": "latest",
+ "@visx/shape": "latest",
"react": "^16.2",
"react-dom": "^16.2",
"react-scripts-ts": "3.1.0",
@@ -20,6 +20,6 @@
"visualization",
"d3",
"react",
- "vx"
+ "visx"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-pattern/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-pattern/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-pattern/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-polygons/Example.tsx b/packages/visx-demo/src/sandboxes/visx-polygons/Example.tsx
similarity index 89%
rename from packages/vx-demo/src/sandboxes/vx-polygons/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-polygons/Example.tsx
index 8ab6c9865..1ab34b0ae 100644
--- a/packages/vx-demo/src/sandboxes/vx-polygons/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-polygons/Example.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Polygon } from '@vx/shape';
-import { Group } from '@vx/group';
-import { scaleBand } from '@vx/scale';
-import { GradientPinkRed } from '@vx/gradient';
+import { Polygon } from '@visx/shape';
+import { Group } from '@visx/group';
+import { scaleBand } from '@visx/scale';
+import { GradientPinkRed } from '@visx/gradient';
export const background = '#7f82e3';
const polygonSize = 25;
diff --git a/packages/visx-demo/src/sandboxes/visx-polygons/index.tsx b/packages/visx-demo/src/sandboxes/visx-polygons/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-polygons/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-polygons/package.json b/packages/visx-demo/src/sandboxes/visx-polygons/package.json
similarity index 58%
rename from packages/vx-demo/src/sandboxes/vx-polygons/package.json
rename to packages/visx-demo/src/sandboxes/visx-polygons/package.json
index 07cc10fbc..f2e28393f 100644
--- a/packages/vx-demo/src/sandboxes/vx-polygons/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-polygons/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-polygons",
- "description": "Standalone vx polygons demo.",
+ "name": "@visx/demo-polygons",
+ "description": "Standalone visx polygons demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -21,7 +21,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"polygon",
"shape"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-polygons/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-polygons/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-polygons/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-polygons/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-radar/Example.tsx b/packages/visx-demo/src/sandboxes/visx-radar/Example.tsx
similarity index 92%
rename from packages/vx-demo/src/sandboxes/vx-radar/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-radar/Example.tsx
index 2c579f5dc..34388702a 100644
--- a/packages/vx-demo/src/sandboxes/vx-radar/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-radar/Example.tsx
@@ -1,9 +1,9 @@
import React from 'react';
-import { Group } from '@vx/group';
-import letterFrequency, { LetterFrequency } from '@vx/mock-data/lib/mocks/letterFrequency';
-import { scaleLinear } from '@vx/scale';
-import { Point } from '@vx/point';
-import { Line, LineRadial } from '@vx/shape';
+import { Group } from '@visx/group';
+import letterFrequency, { LetterFrequency } from '@visx/mock-data/lib/mocks/letterFrequency';
+import { scaleLinear } from '@visx/scale';
+import { Point } from '@visx/point';
+import { Line, LineRadial } from '@visx/shape';
const orange = '#ff9933';
export const pumpkin = '#f5810c';
diff --git a/packages/visx-demo/src/sandboxes/visx-radar/index.tsx b/packages/visx-demo/src/sandboxes/visx-radar/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-radar/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-radar/package.json b/packages/visx-demo/src/sandboxes/visx-radar/package.json
similarity index 54%
rename from packages/vx-demo/src/sandboxes/vx-radar/package.json
rename to packages/visx-demo/src/sandboxes/visx-radar/package.json
index 121ee79a1..4c3271cef 100644
--- a/packages/vx-demo/src/sandboxes/vx-radar/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-radar/package.json
@@ -1,18 +1,18 @@
{
- "name": "@vx/demo-radar",
- "description": "Standalone vx radar chart demo.",
+ "name": "@visx/demo-radar",
+ "description": "Standalone visx radar chart demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/group": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/point": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/group": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/point": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -22,7 +22,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"radar"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-radar/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-radar/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-radar/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-radar/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/Example.tsx b/packages/visx-demo/src/sandboxes/visx-responsive/Example.tsx
similarity index 96%
rename from packages/vx-demo/src/sandboxes/vx-responsive/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-responsive/Example.tsx
index 5cf90297c..70fabfc49 100644
--- a/packages/vx-demo/src/sandboxes/vx-responsive/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-responsive/Example.tsx
@@ -1,5 +1,5 @@
import React, { useState } from 'react';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
import Lines from './Lines';
diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/Lines.tsx b/packages/visx-demo/src/sandboxes/visx-responsive/Lines.tsx
similarity index 84%
rename from packages/vx-demo/src/sandboxes/vx-responsive/Lines.tsx
rename to packages/visx-demo/src/sandboxes/visx-responsive/Lines.tsx
index 1fad0e5ad..4f06184c8 100644
--- a/packages/vx-demo/src/sandboxes/vx-responsive/Lines.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-responsive/Lines.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Group } from '@vx/group';
-import { LinePath } from '@vx/shape';
-import generateDateValue, { DateValue } from '@vx/mock-data/lib/generators/genDateValue';
-import { scaleTime, scaleLinear } from '@vx/scale';
+import { Group } from '@visx/group';
+import { LinePath } from '@visx/shape';
+import generateDateValue, { DateValue } from '@visx/mock-data/lib/generators/genDateValue';
+import { scaleTime, scaleLinear } from '@visx/scale';
import { extent, max } from 'd3-array';
const lineCount = 12;
diff --git a/packages/visx-demo/src/sandboxes/visx-responsive/index.tsx b/packages/visx-demo/src/sandboxes/visx-responsive/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-responsive/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/package.json b/packages/visx-demo/src/sandboxes/visx-responsive/package.json
similarity index 60%
rename from packages/vx-demo/src/sandboxes/vx-responsive/package.json
rename to packages/visx-demo/src/sandboxes/visx-responsive/package.json
index f919526bf..07c470246 100644
--- a/packages/vx-demo/src/sandboxes/vx-responsive/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-responsive/package.json
@@ -1,6 +1,6 @@
{
- "name": "@vx/demo-responsive",
- "description": "Standalone @vx/responsive demo.",
+ "name": "@visx/demo-responsive",
+ "description": "Standalone @visx/responsive demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
@@ -8,11 +8,11 @@
"@types/d3-array": "^2.0.0",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/group": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/group": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"d3-array": "^2.4.0",
"react": "^16",
"react-dom": "^16",
@@ -23,6 +23,6 @@
"visualization",
"d3",
"react",
- "vx"
+ "visx"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-responsive/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-responsive/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-responsive/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/Example.tsx b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/Example.tsx
similarity index 93%
rename from packages/vx-demo/src/sandboxes/vx-shape-line-radial/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-shape-line-radial/Example.tsx
index 60faccd37..12d567daf 100644
--- a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/Example.tsx
@@ -3,12 +3,12 @@
* https://www.visualcinnamon.com/2016/01/animating-dashed-line-d3.html
*/
import React, { useRef, useState, useEffect } from 'react';
-import { Group } from '@vx/group';
-import { LineRadial } from '@vx/shape';
-import { scaleTime, scaleLog } from '@vx/scale';
-import { curveBasisOpen } from '@vx/curve';
-import appleStock, { AppleStock } from '@vx/mock-data/lib/mocks/appleStock';
-import { LinearGradient } from '@vx/gradient';
+import { Group } from '@visx/group';
+import { LineRadial } from '@visx/shape';
+import { scaleTime, scaleLog } from '@visx/scale';
+import { curveBasisOpen } from '@visx/curve';
+import appleStock, { AppleStock } from '@visx/mock-data/lib/mocks/appleStock';
+import { LinearGradient } from '@visx/gradient';
import { animated, useSpring } from 'react-spring';
const green = '#e5fd3d';
diff --git a/packages/visx-demo/src/sandboxes/visx-shape-line-radial/index.tsx b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/package.json b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/package.json
similarity index 55%
rename from packages/vx-demo/src/sandboxes/vx-shape-line-radial/package.json
rename to packages/visx-demo/src/sandboxes/visx-shape-line-radial/package.json
index cb6a9024b..f2cb2acde 100644
--- a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/package.json
@@ -1,19 +1,19 @@
{
- "name": "@vx/demo-shape-line-radial",
- "description": "Standalone vx line radial demo.",
+ "name": "@visx/demo-shape-line-radial",
+ "description": "Standalone visx line radial demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/curve": "latest",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/curve": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"react": "^16.8",
"react-dom": "^16.8",
"react-scripts-ts": "3.1.0",
@@ -24,7 +24,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"shape",
"radial",
"line"
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-shape-line-radial/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-shape-line-radial/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-pie/Example.tsx b/packages/visx-demo/src/sandboxes/visx-shape-pie/Example.tsx
similarity index 92%
rename from packages/vx-demo/src/sandboxes/vx-shape-pie/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-shape-pie/Example.tsx
index 380e69220..39786c129 100644
--- a/packages/vx-demo/src/sandboxes/vx-shape-pie/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-shape-pie/Example.tsx
@@ -1,10 +1,10 @@
import React, { useState } from 'react';
-import Pie, { ProvidedProps, PieArcDatum } from '@vx/shape/lib/shapes/Pie';
-import { scaleOrdinal } from '@vx/scale';
-import { Group } from '@vx/group';
-import { GradientPinkBlue } from '@vx/gradient';
-import letterFrequency, { LetterFrequency } from '@vx/mock-data/lib/mocks/letterFrequency';
-import browserUsage, { BrowserUsage as Browsers } from '@vx/mock-data/lib/mocks/browserUsage';
+import Pie, { ProvidedProps, PieArcDatum } from '@visx/shape/lib/shapes/Pie';
+import { scaleOrdinal } from '@visx/scale';
+import { Group } from '@visx/group';
+import { GradientPinkBlue } from '@visx/gradient';
+import letterFrequency, { LetterFrequency } from '@visx/mock-data/lib/mocks/letterFrequency';
+import browserUsage, { BrowserUsage as Browsers } from '@visx/mock-data/lib/mocks/browserUsage';
import { animated, useTransition, interpolate } from 'react-spring';
// data and types
@@ -73,8 +73,8 @@ export default function Example({
return (
-
{({ width, height }) =>
{({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/package.json b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/package.json
similarity index 56%
rename from packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/package.json
rename to packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/package.json
index fff89516b..f6e37804e 100644
--- a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-shape-splitlinepath",
- "description": "Standalone vx splitlinepath demo.",
+ "name": "@visx/demo-shape-splitlinepath",
+ "description": "Standalone visx splitlinepath demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/curve": "latest",
- "@vx/gradient": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/curve": "latest",
+ "@visx/gradient": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -21,7 +21,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"splitline"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-shape-splitlinepath/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-stacked-areas/Example.tsx b/packages/visx-demo/src/sandboxes/visx-stacked-areas/Example.tsx
similarity index 87%
rename from packages/vx-demo/src/sandboxes/vx-stacked-areas/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-stacked-areas/Example.tsx
index ad0f085f8..4c4fd85c9 100644
--- a/packages/vx-demo/src/sandboxes/vx-stacked-areas/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-stacked-areas/Example.tsx
@@ -1,9 +1,9 @@
import React from 'react';
-import { AreaStack } from '@vx/shape';
-import { SeriesPoint } from '@vx/shape/lib/types';
-import { GradientOrangeRed } from '@vx/gradient';
-import browserUsage, { BrowserUsage } from '@vx/mock-data/lib/mocks/browserUsage';
-import { scaleTime, scaleLinear } from '@vx/scale';
+import { AreaStack } from '@visx/shape';
+import { SeriesPoint } from '@visx/shape/lib/types';
+import { GradientOrangeRed } from '@visx/gradient';
+import browserUsage, { BrowserUsage } from '@visx/mock-data/lib/mocks/browserUsage';
+import { scaleTime, scaleLinear } from '@visx/scale';
import { timeParse } from 'd3-time-format';
type BrowserNames = keyof BrowserUsage;
diff --git a/packages/visx-demo/src/sandboxes/visx-stacked-areas/index.tsx b/packages/visx-demo/src/sandboxes/visx-stacked-areas/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-stacked-areas/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-stacked-areas/package.json b/packages/visx-demo/src/sandboxes/visx-stacked-areas/package.json
similarity index 58%
rename from packages/vx-demo/src/sandboxes/vx-stacked-areas/package.json
rename to packages/visx-demo/src/sandboxes/visx-stacked-areas/package.json
index 78727783d..f3015728f 100644
--- a/packages/vx-demo/src/sandboxes/vx-stacked-areas/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-stacked-areas/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-stacked-areas",
- "description": "Standalone vx stacked area demo.",
+ "name": "@visx/demo-stacked-areas",
+ "description": "Standalone visx stacked area demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/gradient": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/gradient": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"d3-time-format": "2.2.3",
"react": "^16",
"react-dom": "^16",
@@ -22,7 +22,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"stackedarea"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-stacked-areas/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-stacked-areas/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-stacked-areas/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-stacked-areas/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-stats/Example.tsx b/packages/visx-demo/src/sandboxes/visx-stats/Example.tsx
similarity index 93%
rename from packages/vx-demo/src/sandboxes/vx-stats/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-stats/Example.tsx
index aba10eea7..a95e4c7a5 100644
--- a/packages/vx-demo/src/sandboxes/vx-stats/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-stats/Example.tsx
@@ -1,12 +1,12 @@
import React from 'react';
-import { Group } from '@vx/group';
-import { ViolinPlot, BoxPlot } from '@vx/stats';
-import { LinearGradient } from '@vx/gradient';
-import { scaleBand, scaleLinear } from '@vx/scale';
-import genStats, { Stats } from '@vx/mock-data/lib/generators/genStats';
-import { withTooltip, Tooltip, defaultStyles as defaultTooltipStyles } from '@vx/tooltip';
-import { WithTooltipProvidedProps } from '@vx/tooltip/lib/enhancers/withTooltip';
-import { PatternLines } from '@vx/pattern';
+import { Group } from '@visx/group';
+import { ViolinPlot, BoxPlot } from '@visx/stats';
+import { LinearGradient } from '@visx/gradient';
+import { scaleBand, scaleLinear } from '@visx/scale';
+import genStats, { Stats } from '@visx/mock-data/lib/generators/genStats';
+import { withTooltip, Tooltip, defaultStyles as defaultTooltipStyles } from '@visx/tooltip';
+import { WithTooltipProvidedProps } from '@visx/tooltip/lib/enhancers/withTooltip';
+import { PatternLines } from '@visx/pattern';
const data: Stats[] = genStats(5);
diff --git a/packages/visx-demo/src/sandboxes/visx-stats/index.tsx b/packages/visx-demo/src/sandboxes/visx-stats/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-stats/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-stats/package.json b/packages/visx-demo/src/sandboxes/visx-stats/package.json
similarity index 52%
rename from packages/vx-demo/src/sandboxes/vx-stats/package.json
rename to packages/visx-demo/src/sandboxes/visx-stats/package.json
index 429ec7452..012d069ea 100644
--- a/packages/vx-demo/src/sandboxes/vx-stats/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-stats/package.json
@@ -1,20 +1,20 @@
{
- "name": "@vx/demo-stats",
- "description": "Standalone vx stats demo.",
+ "name": "@visx/demo-stats",
+ "description": "Standalone visx stats demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/mock-data": "latest",
- "@vx/pattern": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/stats": "latest",
- "@vx/tooltip": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/pattern": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/stats": "latest",
+ "@visx/tooltip": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -24,7 +24,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"stats",
"boxplot",
"violin plot"
diff --git a/packages/vx-demo/src/sandboxes/vx-stats/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-stats/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-stats/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-stats/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/Example.tsx b/packages/visx-demo/src/sandboxes/visx-streamgraph/Example.tsx
similarity index 95%
rename from packages/vx-demo/src/sandboxes/vx-streamgraph/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-streamgraph/Example.tsx
index 4f76c81e0..4da878b0e 100644
--- a/packages/vx-demo/src/sandboxes/vx-streamgraph/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-streamgraph/Example.tsx
@@ -4,9 +4,9 @@
* https://bl.ocks.org/mbostock/4060954
*/
import React from 'react';
-import { Stack } from '@vx/shape';
-import { PatternCircles, PatternWaves } from '@vx/pattern';
-import { scaleLinear, scaleOrdinal } from '@vx/scale';
+import { Stack } from '@visx/shape';
+import { PatternCircles, PatternWaves } from '@visx/pattern';
+import { scaleLinear, scaleOrdinal } from '@visx/scale';
import { transpose } from 'd3-array';
import { animated, useSpring } from 'react-spring';
diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/generateData.ts b/packages/visx-demo/src/sandboxes/visx-streamgraph/generateData.ts
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-streamgraph/generateData.ts
rename to packages/visx-demo/src/sandboxes/visx-streamgraph/generateData.ts
diff --git a/packages/visx-demo/src/sandboxes/visx-streamgraph/index.tsx b/packages/visx-demo/src/sandboxes/visx-streamgraph/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-streamgraph/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/package.json b/packages/visx-demo/src/sandboxes/visx-streamgraph/package.json
similarity index 67%
rename from packages/vx-demo/src/sandboxes/vx-streamgraph/package.json
rename to packages/visx-demo/src/sandboxes/visx-streamgraph/package.json
index 6794b69fd..496e2e73d 100644
--- a/packages/vx-demo/src/sandboxes/vx-streamgraph/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-streamgraph/package.json
@@ -1,6 +1,6 @@
{
- "name": "@vx/demo-example",
- "description": "Standalone vx streamgraph demo.",
+ "name": "@visx/demo-example",
+ "description": "Standalone visx streamgraph demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
@@ -8,10 +8,10 @@
"@types/d3-array": "^2.0.0",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/responsive": "latest",
- "@vx/pattern": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/responsive": "latest",
+ "@visx/pattern": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
"d3-array": "^2.4.0",
"react": "^16.8",
"react-dom": "^16.8",
@@ -23,7 +23,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"streamgraph",
"react-spring"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-streamgraph/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-streamgraph/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-streamgraph/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/useForceUpdate.ts b/packages/visx-demo/src/sandboxes/visx-streamgraph/useForceUpdate.ts
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-streamgraph/useForceUpdate.ts
rename to packages/visx-demo/src/sandboxes/visx-streamgraph/useForceUpdate.ts
diff --git a/packages/vx-demo/src/sandboxes/vx-threshold/Example.tsx b/packages/visx-demo/src/sandboxes/visx-threshold/Example.tsx
similarity index 87%
rename from packages/vx-demo/src/sandboxes/vx-threshold/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-threshold/Example.tsx
index 00501ba50..8386db730 100644
--- a/packages/vx-demo/src/sandboxes/vx-threshold/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-threshold/Example.tsx
@@ -1,12 +1,12 @@
import React from 'react';
-import { Group } from '@vx/group';
-import { curveBasis } from '@vx/curve';
-import { LinePath } from '@vx/shape';
-import { Threshold } from '@vx/threshold';
-import { scaleTime, scaleLinear } from '@vx/scale';
-import { AxisLeft, AxisBottom } from '@vx/axis';
-import { GridRows, GridColumns } from '@vx/grid';
-import cityTemperature, { CityTemperature } from '@vx/mock-data/lib/mocks/cityTemperature';
+import { Group } from '@visx/group';
+import { curveBasis } from '@visx/curve';
+import { LinePath } from '@visx/shape';
+import { Threshold } from '@visx/threshold';
+import { scaleTime, scaleLinear } from '@visx/scale';
+import { AxisLeft, AxisBottom } from '@visx/axis';
+import { GridRows, GridColumns } from '@visx/grid';
+import cityTemperature, { CityTemperature } from '@visx/mock-data/lib/mocks/cityTemperature';
export const background = '#f3f3f3';
diff --git a/packages/visx-demo/src/sandboxes/visx-threshold/index.tsx b/packages/visx-demo/src/sandboxes/visx-threshold/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-threshold/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/visx-demo/src/sandboxes/visx-threshold/package.json b/packages/visx-demo/src/sandboxes/visx-threshold/package.json
new file mode 100644
index 000000000..76cd0d853
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-threshold/package.json
@@ -0,0 +1,31 @@
+{
+ "name": "@visx/demo-threshold",
+ "description": "Standalone visx threshold demo.",
+ "main": "index.tsx",
+ "private": true,
+ "dependencies": {
+ "@babel/runtime": "^7.8.4",
+ "@types/react": "^16",
+ "@types/react-dom": "^16",
+ "@visx/axis": "latest",
+ "@visx/curve": "latest",
+ "@visx/grid": "latest",
+ "@visx/group": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/shape": "latest",
+ "@visx/threshold": "latest",
+ "react": "^16",
+ "react-dom": "^16",
+ "react-scripts-ts": "3.1.0",
+ "typescript": "^3"
+ },
+ "keywords": [
+ "visualization",
+ "d3",
+ "react",
+ "visx",
+ "threshold"
+ ]
+}
diff --git a/packages/vx-demo/src/sandboxes/vx-threshold/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-threshold/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-threshold/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-threshold/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-tooltip/Example.tsx b/packages/visx-demo/src/sandboxes/visx-tooltip/Example.tsx
similarity index 95%
rename from packages/vx-demo/src/sandboxes/vx-tooltip/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-tooltip/Example.tsx
index 813ba5c48..4cbe96119 100644
--- a/packages/vx-demo/src/sandboxes/vx-tooltip/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-tooltip/Example.tsx
@@ -5,7 +5,7 @@ import {
useTooltip,
useTooltipInPortal,
defaultStyles,
-} from '@vx/tooltip';
+} from '@visx/tooltip';
export type TooltipProps = {
width: number;
@@ -162,15 +162,6 @@ export default function Example({ width, height, showControls = true }: TooltipP
width: 100%;
height: 100%;
}
- .vx-tooltip {
- background-color: #f67280;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-around;
- width: 200px;
- height: 100px;
- }
.tooltip-controls label {
font-size: 14px;
margin-right: 8px;
diff --git a/packages/visx-demo/src/sandboxes/visx-tooltip/index.tsx b/packages/visx-demo/src/sandboxes/visx-tooltip/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-tooltip/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-tooltip/package.json b/packages/visx-demo/src/sandboxes/visx-tooltip/package.json
similarity index 67%
rename from packages/vx-demo/src/sandboxes/vx-tooltip/package.json
rename to packages/visx-demo/src/sandboxes/visx-tooltip/package.json
index 449da6ad1..038c07f51 100644
--- a/packages/vx-demo/src/sandboxes/vx-tooltip/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-tooltip/package.json
@@ -1,14 +1,14 @@
{
- "name": "@vx/demo-tooltip",
- "description": "Standalone vx tooltip demo.",
+ "name": "@visx/demo-tooltip",
+ "description": "Standalone visx tooltip demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/responsive": "latest",
- "@vx/tooltip": "latest",
+ "@visx/responsive": "latest",
+ "@visx/tooltip": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -18,6 +18,6 @@
"visualization",
"d3",
"react",
- "vx"
+ "visx"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-tooltip/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-tooltip/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-tooltip/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-tooltip/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-tree/Example.tsx b/packages/visx-demo/src/sandboxes/visx-tree/Example.tsx
similarity index 94%
rename from packages/vx-demo/src/sandboxes/vx-tree/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-tree/Example.tsx
index 92434b155..02d474e78 100644
--- a/packages/vx-demo/src/sandboxes/vx-tree/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-tree/Example.tsx
@@ -1,9 +1,9 @@
import React, { useMemo } from 'react';
-import { Group } from '@vx/group';
-import { Tree, hierarchy } from '@vx/hierarchy';
-import { HierarchyPointNode } from '@vx/hierarchy/lib/types';
-import { LinkHorizontal } from '@vx/shape';
-import { LinearGradient } from '@vx/gradient';
+import { Group } from '@visx/group';
+import { Tree, hierarchy } from '@visx/hierarchy';
+import { HierarchyPointNode } from '@visx/hierarchy/lib/types';
+import { LinkHorizontal } from '@visx/shape';
+import { LinearGradient } from '@visx/gradient';
const peach = '#fd9b93';
const pink = '#fe6e9e';
diff --git a/packages/visx-demo/src/sandboxes/visx-tree/index.tsx b/packages/visx-demo/src/sandboxes/visx-tree/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-tree/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-tree/package.json b/packages/visx-demo/src/sandboxes/visx-tree/package.json
similarity index 59%
rename from packages/vx-demo/src/sandboxes/vx-tree/package.json
rename to packages/visx-demo/src/sandboxes/visx-tree/package.json
index a258c0e68..ce0866565 100644
--- a/packages/vx-demo/src/sandboxes/vx-tree/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-tree/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-tree",
- "description": "Standalone vx tree demo.",
+ "name": "@visx/demo-tree",
+ "description": "Standalone visx tree demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/hierarchy": "latest",
- "@vx/responsive": "latest",
- "@vx/shape": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/hierarchy": "latest",
+ "@visx/responsive": "latest",
+ "@visx/shape": "latest",
"react": "^16.8",
"react-dom": "^16.8",
"react-scripts-ts": "3.1.0",
@@ -21,7 +21,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"hierarchy",
"tree"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-tree/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-tree/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-tree/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-tree/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-treemap/Example.tsx b/packages/visx-demo/src/sandboxes/visx-treemap/Example.tsx
similarity index 93%
rename from packages/vx-demo/src/sandboxes/vx-treemap/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-treemap/Example.tsx
index 0a5d2aeb5..ba2ac02f0 100644
--- a/packages/vx-demo/src/sandboxes/vx-treemap/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-treemap/Example.tsx
@@ -1,5 +1,5 @@
import React, { useState } from 'react';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import {
Treemap,
hierarchy,
@@ -10,11 +10,11 @@ import {
treemapResquarify,
treemapSlice,
treemapSliceDice,
-} from '@vx/hierarchy';
-import { TileMethod } from '@vx/hierarchy/lib/types';
-import shakespeare, { Shakespeare } from '@vx/mock-data/lib/mocks/shakespeare';
+} from '@visx/hierarchy';
+import { TileMethod } from '@visx/hierarchy/lib/types';
+import shakespeare, { Shakespeare } from '@visx/mock-data/lib/mocks/shakespeare';
-import { scaleLinear } from '@vx/scale';
+import { scaleLinear } from '@visx/scale';
export const color1 = '#f3e9d2';
const color2 = '#4281a4';
diff --git a/packages/visx-demo/src/sandboxes/visx-treemap/index.tsx b/packages/visx-demo/src/sandboxes/visx-treemap/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-treemap/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-treemap/package.json b/packages/visx-demo/src/sandboxes/visx-treemap/package.json
similarity index 58%
rename from packages/vx-demo/src/sandboxes/vx-treemap/package.json
rename to packages/visx-demo/src/sandboxes/visx-treemap/package.json
index cdbf78280..086a729cf 100644
--- a/packages/vx-demo/src/sandboxes/vx-treemap/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-treemap/package.json
@@ -1,17 +1,17 @@
{
- "name": "@vx/demo-treemap",
- "description": "Standalone vx treemap demo.",
+ "name": "@visx/demo-treemap",
+ "description": "Standalone visx treemap demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/group": "latest",
- "@vx/hierarchy": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
+ "@visx/group": "latest",
+ "@visx/hierarchy": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
"react": "^16.8",
"react-dom": "^16.8",
"react-scripts-ts": "3.1.0",
@@ -21,7 +21,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"treemap",
"hierarchy"
]
diff --git a/packages/vx-demo/src/sandboxes/vx-treemap/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-treemap/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-treemap/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-treemap/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-voronoi/Example.tsx b/packages/visx-demo/src/sandboxes/visx-voronoi/Example.tsx
similarity index 93%
rename from packages/vx-demo/src/sandboxes/vx-voronoi/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-voronoi/Example.tsx
index 0f045ced0..ab52dbd90 100644
--- a/packages/vx-demo/src/sandboxes/vx-voronoi/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-voronoi/Example.tsx
@@ -1,9 +1,9 @@
import React, { useState, useMemo, useRef } from 'react';
-import { Group } from '@vx/group';
-import { GradientOrangeRed, GradientPinkRed } from '@vx/gradient';
-import { RectClipPath } from '@vx/clip-path';
-import { voronoi, VoronoiPolygon } from '@vx/voronoi';
-import { localPoint } from '@vx/event';
+import { Group } from '@visx/group';
+import { GradientOrangeRed, GradientPinkRed } from '@visx/gradient';
+import { RectClipPath } from '@visx/clip-path';
+import { voronoi, VoronoiPolygon } from '@visx/voronoi';
+import { localPoint } from '@visx/event';
type Datum = {
x: number;
diff --git a/packages/visx-demo/src/sandboxes/visx-voronoi/index.tsx b/packages/visx-demo/src/sandboxes/visx-voronoi/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-voronoi/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-voronoi/package.json b/packages/visx-demo/src/sandboxes/visx-voronoi/package.json
similarity index 54%
rename from packages/vx-demo/src/sandboxes/vx-voronoi/package.json
rename to packages/visx-demo/src/sandboxes/visx-voronoi/package.json
index fa2a4d55b..5d150f66a 100644
--- a/packages/vx-demo/src/sandboxes/vx-voronoi/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-voronoi/package.json
@@ -1,18 +1,18 @@
{
- "name": "@vx/demo-voronoi",
- "description": "Standalone vx voronoi demo.",
+ "name": "@visx/demo-voronoi",
+ "description": "Standalone visx voronoi demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/clip-path": "latest",
- "@vx/event": "latest",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/responsive": "latest",
- "@vx/voronoi": "latest",
+ "@visx/clip-path": "latest",
+ "@visx/event": "latest",
+ "@visx/gradient": "latest",
+ "@visx/group": "latest",
+ "@visx/responsive": "latest",
+ "@visx/voronoi": "latest",
"react": "^16.8",
"react-dom": "^16.8",
"react-scripts-ts": "3.1.0",
@@ -22,7 +22,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"voronoi"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-voronoi/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-voronoi/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-voronoi/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-voronoi/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/CustomChartBackground.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/CustomChartBackground.tsx
similarity index 90%
rename from packages/vx-demo/src/sandboxes/vx-xychart/CustomChartBackground.tsx
rename to packages/visx-demo/src/sandboxes/visx-xychart/CustomChartBackground.tsx
index d8efca705..ee05ddc68 100644
--- a/packages/vx-demo/src/sandboxes/vx-xychart/CustomChartBackground.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-xychart/CustomChartBackground.tsx
@@ -1,6 +1,6 @@
import React, { useContext } from 'react';
-import { PatternLines } from '@vx/pattern';
-import { DataContext } from '@vx/xychart';
+import { PatternLines } from '@visx/pattern';
+import { DataContext } from '@visx/xychart';
const patternId = 'xy-chart-pattern';
diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/Example.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx
similarity index 94%
rename from packages/vx-demo/src/sandboxes/vx-xychart/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx
index b2c1fa078..d42b5debf 100644
--- a/packages/vx-demo/src/sandboxes/vx-xychart/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-xychart/Example.tsx
@@ -1,6 +1,6 @@
import React from 'react';
-import cityTemperature, { CityTemperature } from '@vx/mock-data/lib/mocks/cityTemperature';
-import { AnimatedAxis, AnimatedGrid, DataProvider, LineSeries, XYChart } from '@vx/xychart';
+import cityTemperature, { CityTemperature } from '@visx/mock-data/lib/mocks/cityTemperature';
+import { AnimatedAxis, AnimatedGrid, DataProvider, LineSeries, XYChart } from '@visx/xychart';
import ExampleControls from './ExampleControls';
import CustomChartBackground from './CustomChartBackground';
diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/ExampleControls.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/ExampleControls.tsx
similarity index 97%
rename from packages/vx-demo/src/sandboxes/vx-xychart/ExampleControls.tsx
rename to packages/visx-demo/src/sandboxes/visx-xychart/ExampleControls.tsx
index 83ad23a6a..010db735b 100644
--- a/packages/vx-demo/src/sandboxes/vx-xychart/ExampleControls.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-xychart/ExampleControls.tsx
@@ -1,7 +1,7 @@
/* eslint-disable jsx-a11y/label-has-associated-control */
import React, { useState } from 'react';
-import { lightTheme, darkTheme, XYChartTheme } from '@vx/xychart';
-import { AnimationTrajectory } from '@vx/react-spring/lib/types';
+import { lightTheme, darkTheme, XYChartTheme } from '@visx/xychart';
+import { AnimationTrajectory } from '@visx/react-spring/lib/types';
import customTheme from './customTheme';
type ProvidedProps = {
diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/customTheme.ts b/packages/visx-demo/src/sandboxes/visx-xychart/customTheme.ts
similarity index 81%
rename from packages/vx-demo/src/sandboxes/vx-xychart/customTheme.ts
rename to packages/visx-demo/src/sandboxes/visx-xychart/customTheme.ts
index 222596239..f05657ddd 100644
--- a/packages/vx-demo/src/sandboxes/vx-xychart/customTheme.ts
+++ b/packages/visx-demo/src/sandboxes/visx-xychart/customTheme.ts
@@ -1,4 +1,4 @@
-import { buildChartTheme } from '@vx/xychart';
+import { buildChartTheme } from '@visx/xychart';
export default buildChartTheme({
backgroundColor: '#f09ae9',
diff --git a/packages/visx-demo/src/sandboxes/visx-xychart/index.tsx b/packages/visx-demo/src/sandboxes/visx-xychart/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-xychart/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-chord/package.json b/packages/visx-demo/src/sandboxes/visx-xychart/package.json
similarity index 55%
rename from packages/vx-demo/src/sandboxes/vx-chord/package.json
rename to packages/visx-demo/src/sandboxes/visx-xychart/package.json
index 6ce76f3a0..3cb026ca5 100644
--- a/packages/vx-demo/src/sandboxes/vx-chord/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-xychart/package.json
@@ -1,18 +1,17 @@
{
- "name": "@vx/demo-chord",
- "description": "Standalone vx chord demo.",
+ "name": "@visx/demo-xychart",
+ "description": "Standalone visx xychart demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/chord": "latest",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/pattern": "latest",
+ "@visx/react-spring": "latest",
+ "@visx/responsive": "latest",
+ "@visx/xychart": "latest",
"react": "^16",
"react-dom": "^16",
"react-scripts-ts": "3.1.0",
@@ -22,6 +21,6 @@
"visualization",
"d3",
"react",
- "vx"
+ "visx"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-xychart/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-xychart/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-xychart/sandbox-styles.css
diff --git a/packages/vx-demo/src/sandboxes/vx-zoom-i/Example.tsx b/packages/visx-demo/src/sandboxes/visx-zoom-i/Example.tsx
similarity index 96%
rename from packages/vx-demo/src/sandboxes/vx-zoom-i/Example.tsx
rename to packages/visx-demo/src/sandboxes/visx-zoom-i/Example.tsx
index d06c0c461..85b1bd5c5 100644
--- a/packages/vx-demo/src/sandboxes/vx-zoom-i/Example.tsx
+++ b/packages/visx-demo/src/sandboxes/visx-zoom-i/Example.tsx
@@ -1,14 +1,14 @@
/* eslint react/jsx-handler-names: "off" */
import React, { useState } from 'react';
import { interpolateRainbow } from 'd3-scale-chromatic';
-import { Zoom } from '@vx/zoom';
-import { localPoint } from '@vx/event';
-import { RectClipPath } from '@vx/clip-path';
+import { Zoom } from '@visx/zoom';
+import { localPoint } from '@visx/event';
+import { RectClipPath } from '@visx/clip-path';
import genPhyllotaxis, {
GenPhyllotaxisFunction,
PhyllotaxisPoint,
-} from '@vx/mock-data/lib/generators/genPhyllotaxis';
-import { scaleLinear } from '@vx/scale';
+} from '@visx/mock-data/lib/generators/genPhyllotaxis';
+import { scaleLinear } from '@visx/scale';
const bg = '#0a0a0a';
const points = [...new Array(1000)];
diff --git a/packages/visx-demo/src/sandboxes/visx-zoom-i/index.tsx b/packages/visx-demo/src/sandboxes/visx-zoom-i/index.tsx
new file mode 100644
index 000000000..78ca9e24b
--- /dev/null
+++ b/packages/visx-demo/src/sandboxes/visx-zoom-i/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from 'react-dom';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
+
+import Example from './Example';
+import './sandbox-styles.css';
+
+render(
+ {({ width, height }) => ,
+ document.getElementById('root'),
+);
diff --git a/packages/vx-demo/src/sandboxes/vx-zoom-i/package.json b/packages/visx-demo/src/sandboxes/visx-zoom-i/package.json
similarity index 57%
rename from packages/vx-demo/src/sandboxes/vx-zoom-i/package.json
rename to packages/visx-demo/src/sandboxes/visx-zoom-i/package.json
index ffcc67eca..d7274a9c3 100644
--- a/packages/vx-demo/src/sandboxes/vx-zoom-i/package.json
+++ b/packages/visx-demo/src/sandboxes/visx-zoom-i/package.json
@@ -1,18 +1,18 @@
{
- "name": "@vx/demo-zoom-i",
- "description": "Standalone vx zoom demo.",
+ "name": "@visx/demo-zoom-i",
+ "description": "Standalone visx zoom demo.",
"main": "index.tsx",
"private": true,
"dependencies": {
"@babel/runtime": "^7.8.4",
"@types/react": "^16",
"@types/react-dom": "^16",
- "@vx/clip-path": "latest",
- "@vx/event": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/zoom": "latest",
+ "@visx/clip-path": "latest",
+ "@visx/event": "latest",
+ "@visx/mock-data": "latest",
+ "@visx/responsive": "latest",
+ "@visx/scale": "latest",
+ "@visx/zoom": "latest",
"d3-scale-chromatic": "^1.5.0",
"react": "^16.8",
"react-dom": "^16.8",
@@ -23,7 +23,7 @@
"visualization",
"d3",
"react",
- "vx",
+ "visx",
"zoom"
]
}
diff --git a/packages/vx-demo/src/sandboxes/vx-zoom-i/sandbox-styles.css b/packages/visx-demo/src/sandboxes/visx-zoom-i/sandbox-styles.css
similarity index 100%
rename from packages/vx-demo/src/sandboxes/vx-zoom-i/sandbox-styles.css
rename to packages/visx-demo/src/sandboxes/visx-zoom-i/sandbox-styles.css
diff --git a/packages/vx-demo/src/types/index.ts b/packages/visx-demo/src/types/index.ts
similarity index 96%
rename from packages/vx-demo/src/types/index.ts
rename to packages/visx-demo/src/types/index.ts
index fa453ce68..9c81299e7 100644
--- a/packages/vx-demo/src/types/index.ts
+++ b/packages/visx-demo/src/types/index.ts
@@ -17,7 +17,7 @@ export type ShowProvidedProps = {
events?: boolean;
};
-export type VxPackage =
+export type VisxPackage =
| 'annotation'
| 'axis'
| 'bounds'
@@ -49,7 +49,7 @@ export type VxPackage =
| 'threshold'
| 'tooltip'
| 'voronoi'
- | 'vx'
+ | 'visx'
| 'zoom';
export type PackageJson = { dependencies?: { [packageName: string]: string } };
diff --git a/packages/vx-demo/src/types/raw-loader.d.ts b/packages/visx-demo/src/types/raw-loader.d.ts
similarity index 100%
rename from packages/vx-demo/src/types/raw-loader.d.ts
rename to packages/visx-demo/src/types/raw-loader.d.ts
diff --git a/packages/vx-demo/src/types/react-tilt.d.ts b/packages/visx-demo/src/types/react-tilt.d.ts
similarity index 100%
rename from packages/vx-demo/src/types/react-tilt.d.ts
rename to packages/visx-demo/src/types/react-tilt.d.ts
diff --git a/packages/vx-demo/vercel.json b/packages/visx-demo/vercel.json
similarity index 100%
rename from packages/vx-demo/vercel.json
rename to packages/visx-demo/vercel.json
diff --git a/packages/vx-drag/.npmrc b/packages/visx-drag/.npmrc
similarity index 100%
rename from packages/vx-drag/.npmrc
rename to packages/visx-drag/.npmrc
diff --git a/packages/visx-drag/Readme.md b/packages/visx-drag/Readme.md
new file mode 100644
index 000000000..9aa5a3edf
--- /dev/null
+++ b/packages/visx-drag/Readme.md
@@ -0,0 +1,13 @@
+# @visx/drag
+
+
+
+
+`@visx/drag` provides `react` components for making items within an interface (or chart) draggable.
+
+## Installation
+
+```
+npm install --save @visx/drag
+```
diff --git a/packages/vx-drag/package.json b/packages/visx-drag/package.json
similarity index 67%
rename from packages/vx-drag/package.json
rename to packages/visx-drag/package.json
index f091c306d..a8f11286a 100644
--- a/packages/vx-drag/package.json
+++ b/packages/visx-drag/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/drag",
+ "name": "@visx/drag",
"version": "0.0.199",
- "description": "vx drag",
+ "description": "visx drag",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,9 +24,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
@@ -35,7 +35,7 @@
},
"dependencies": {
"@types/react": "*",
- "@vx/event": "0.0.199",
+ "@visx/event": "0.0.199",
"prop-types": "^15.5.10"
}
}
diff --git a/packages/vx-drag/src/Drag.tsx b/packages/visx-drag/src/Drag.tsx
similarity index 95%
rename from packages/vx-drag/src/Drag.tsx
rename to packages/visx-drag/src/Drag.tsx
index 2f531b431..1ccd95971 100644
--- a/packages/vx-drag/src/Drag.tsx
+++ b/packages/visx-drag/src/Drag.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { localPoint } from '@vx/event';
+import { localPoint } from '@visx/event';
type MouseOrTouchEvent = React.MouseEvent | React.TouchEvent;
diff --git a/packages/vx-drag/src/index.ts b/packages/visx-drag/src/index.ts
similarity index 100%
rename from packages/vx-drag/src/index.ts
rename to packages/visx-drag/src/index.ts
diff --git a/packages/vx-drag/src/util/raise.ts b/packages/visx-drag/src/util/raise.ts
similarity index 100%
rename from packages/vx-drag/src/util/raise.ts
rename to packages/visx-drag/src/util/raise.ts
diff --git a/packages/vx-drag/test/Drag.test.ts b/packages/visx-drag/test/Drag.test.ts
similarity index 100%
rename from packages/vx-drag/test/Drag.test.ts
rename to packages/visx-drag/test/Drag.test.ts
diff --git a/packages/vx-event/.npmrc b/packages/visx-event/.npmrc
similarity index 100%
rename from packages/vx-event/.npmrc
rename to packages/visx-event/.npmrc
diff --git a/packages/visx-event/Readme.md b/packages/visx-event/Readme.md
new file mode 100644
index 000000000..935c216f0
--- /dev/null
+++ b/packages/visx-event/Readme.md
@@ -0,0 +1,55 @@
+# @visx/event
+
+
+
+
+## Installation
+
+```
+npm install --save @visx/event
+```
+
+## Usage
+
+`@visx/event` exports a utility `localPoint` that takes an `SVG` `MouseEvent` or `TouchEvent` as
+input and returns a `{ x: number; y: number; }` point coordinate (or `null` in the case the event
+has no `ownerSVGElement`) within the coordinate system of the `SVG`. This makes placement of
+tooltips, finding nearby datum, etc. easier.
+
+Example:
+
+```tsx
+import { localPoint } from '@visx/event';
+
+
+ {
+ const point = localPoint(event) || { x: 0, y: 0 };
+ // use coordinates ...
+ }}
+ />
+ {...}
+
+```
+
+You may optionally pass a reference to the SVG node
+
+```tsx
+import { useRef } from 'react';
+import { localPoint } from '@visx/event';
+
+const svgRef = useRef(null);
+
+
+ {
+ const point = localPoint(svgRef.current, event) || { x: 0, y: 0 };
+ // use coordinates ...
+ }}
+ />
+ {...}
+
+```
diff --git a/packages/vx-event/package.json b/packages/visx-event/package.json
similarity index 63%
rename from packages/vx-event/package.json
rename to packages/visx-event/package.json
index 64f7f3c12..2263be6fa 100644
--- a/packages/vx-event/package.json
+++ b/packages/visx-event/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/event",
+ "name": "@visx/event",
"version": "0.0.199",
- "description": "vx event",
+ "description": "visx event",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"d3",
"react",
"visualizations",
@@ -24,14 +24,14 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
"dependencies": {
"@types/react": "*",
- "@vx/point": "0.0.199"
+ "@visx/point": "0.0.199"
}
}
diff --git a/packages/vx-event/src/getXAndYFromEvent.ts b/packages/visx-event/src/getXAndYFromEvent.ts
similarity index 100%
rename from packages/vx-event/src/getXAndYFromEvent.ts
rename to packages/visx-event/src/getXAndYFromEvent.ts
diff --git a/packages/vx-event/src/index.ts b/packages/visx-event/src/index.ts
similarity index 100%
rename from packages/vx-event/src/index.ts
rename to packages/visx-event/src/index.ts
diff --git a/packages/vx-event/src/localPoint.ts b/packages/visx-event/src/localPoint.ts
similarity index 100%
rename from packages/vx-event/src/localPoint.ts
rename to packages/visx-event/src/localPoint.ts
diff --git a/packages/vx-event/src/localPointGeneric.ts b/packages/visx-event/src/localPointGeneric.ts
similarity index 96%
rename from packages/vx-event/src/localPointGeneric.ts
rename to packages/visx-event/src/localPointGeneric.ts
index 1a1ccb343..b6675f974 100644
--- a/packages/vx-event/src/localPointGeneric.ts
+++ b/packages/visx-event/src/localPointGeneric.ts
@@ -1,4 +1,4 @@
-import { Point } from '@vx/point';
+import { Point } from '@visx/point';
import { EventType } from './types';
import { isSVGElement, isSVGGraphicsElement, isSVGSVGElement } from './typeGuards';
import getXAndYFromEvent from './getXAndYFromEvent';
diff --git a/packages/vx-event/src/touchPoint.ts b/packages/visx-event/src/touchPoint.ts
similarity index 100%
rename from packages/vx-event/src/touchPoint.ts
rename to packages/visx-event/src/touchPoint.ts
diff --git a/packages/vx-event/src/typeGuards.ts b/packages/visx-event/src/typeGuards.ts
similarity index 100%
rename from packages/vx-event/src/typeGuards.ts
rename to packages/visx-event/src/typeGuards.ts
diff --git a/packages/vx-event/src/types.ts b/packages/visx-event/src/types.ts
similarity index 100%
rename from packages/vx-event/src/types.ts
rename to packages/visx-event/src/types.ts
diff --git a/packages/vx-event/test/getXandYFromEvent.test.ts b/packages/visx-event/test/getXandYFromEvent.test.ts
similarity index 100%
rename from packages/vx-event/test/getXandYFromEvent.test.ts
rename to packages/visx-event/test/getXandYFromEvent.test.ts
diff --git a/packages/vx-event/test/localPoint.test.ts b/packages/visx-event/test/localPoint.test.ts
similarity index 97%
rename from packages/vx-event/test/localPoint.test.ts
rename to packages/visx-event/test/localPoint.test.ts
index 554da7bb0..c36e092d2 100644
--- a/packages/vx-event/test/localPoint.test.ts
+++ b/packages/visx-event/test/localPoint.test.ts
@@ -1,4 +1,4 @@
-import { Point } from '@vx/point';
+import { Point } from '@visx/point';
import { localPoint } from '../src';
import localPointGeneric from '../src/localPointGeneric';
diff --git a/packages/vx-geo/.npmrc b/packages/visx-geo/.npmrc
similarity index 100%
rename from packages/vx-geo/.npmrc
rename to packages/visx-geo/.npmrc
diff --git a/packages/vx-geo/Readme.md b/packages/visx-geo/Readme.md
similarity index 57%
rename from packages/vx-geo/Readme.md
rename to packages/visx-geo/Readme.md
index 2ff6e1e79..cdd30f570 100644
--- a/packages/vx-geo/Readme.md
+++ b/packages/visx-geo/Readme.md
@@ -1,10 +1,10 @@
-# @vx/geo
+# @visx/geo
-
-
+
-The `@vx/geo` package provides `react` components for rendering common and custom geographic
+The `@visx/geo` package provides `react` components for rendering common and custom geographic
projections. `
+
{graticule && (
({
if (children) return <>{children({ path, features })};
return (
-
+
{graticule && !graticule.foreground && (
path(ml) || ''} {...graticule} />
)}
@@ -175,7 +175,7 @@ export default function Projection({
{features.map((feature, i) => (
+
+
+Glyphs are small marks or symbols that you can use in your charts. Example:
+[https://airbnb.io/visx/glyphs](https://airbnb.io/visx/glyphs)
+
+## Installation
+
+```
+npm install --save @visx/glyph
+```
diff --git a/packages/vx-glyph/package.json b/packages/visx-glyph/package.json
similarity index 71%
rename from packages/vx-glyph/package.json
rename to packages/visx-glyph/package.json
index d95a09adb..9f2b58f9a 100644
--- a/packages/vx-glyph/package.json
+++ b/packages/visx-glyph/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/glyph",
+ "name": "@visx/glyph",
"version": "0.0.199",
- "description": "vx glyph",
+ "description": "visx glyph",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,9 +24,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
@@ -37,7 +37,7 @@
"@types/classnames": "^2.2.9",
"@types/d3-shape": "^1.3.1",
"@types/react": "*",
- "@vx/group": "0.0.199",
+ "@visx/group": "0.0.199",
"classnames": "^2.2.5",
"d3-shape": "^1.2.0",
"prop-types": "^15.6.2"
diff --git a/packages/vx-glyph/src/glyphs/Glyph.tsx b/packages/visx-glyph/src/glyphs/Glyph.tsx
similarity index 82%
rename from packages/vx-glyph/src/glyphs/Glyph.tsx
rename to packages/visx-glyph/src/glyphs/Glyph.tsx
index 1a25f4fd0..1bbe8c46d 100644
--- a/packages/vx-glyph/src/glyphs/Glyph.tsx
+++ b/packages/visx-glyph/src/glyphs/Glyph.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
export type GlyphProps = {
/** Top offset to apply to glyph g element container. */
@@ -15,7 +15,7 @@ export type GlyphProps = {
export default function Glyph({ top = 0, left = 0, className, children }: GlyphProps) {
return (
-
+
{children}
);
diff --git a/packages/vx-glyph/src/glyphs/GlyphCircle.tsx b/packages/visx-glyph/src/glyphs/GlyphCircle.tsx
similarity index 92%
rename from packages/vx-glyph/src/glyphs/GlyphCircle.tsx
rename to packages/visx-glyph/src/glyphs/GlyphCircle.tsx
index 36ef1c2b9..cca8814a1 100644
--- a/packages/vx-glyph/src/glyphs/GlyphCircle.tsx
+++ b/packages/visx-glyph/src/glyphs/GlyphCircle.tsx
@@ -35,7 +35,7 @@ export default function GlyphCircle({
return (
-
);
}
diff --git a/packages/vx-glyph/src/glyphs/GlyphCross.tsx b/packages/visx-glyph/src/glyphs/GlyphCross.tsx
similarity index 92%
rename from packages/vx-glyph/src/glyphs/GlyphCross.tsx
rename to packages/visx-glyph/src/glyphs/GlyphCross.tsx
index ab4353ad8..2ef501532 100644
--- a/packages/vx-glyph/src/glyphs/GlyphCross.tsx
+++ b/packages/visx-glyph/src/glyphs/GlyphCross.tsx
@@ -35,7 +35,7 @@ export default function GlyphCross({
return (
-
);
}
diff --git a/packages/vx-glyph/src/glyphs/GlyphDiamond.tsx b/packages/visx-glyph/src/glyphs/GlyphDiamond.tsx
similarity index 92%
rename from packages/vx-glyph/src/glyphs/GlyphDiamond.tsx
rename to packages/visx-glyph/src/glyphs/GlyphDiamond.tsx
index 082cd20d5..0a2b5855f 100644
--- a/packages/vx-glyph/src/glyphs/GlyphDiamond.tsx
+++ b/packages/visx-glyph/src/glyphs/GlyphDiamond.tsx
@@ -36,7 +36,7 @@ export default function GlyphDiamond({
return (
-
);
}
diff --git a/packages/vx-glyph/src/glyphs/GlyphDot.tsx b/packages/visx-glyph/src/glyphs/GlyphDot.tsx
similarity index 90%
rename from packages/vx-glyph/src/glyphs/GlyphDot.tsx
rename to packages/visx-glyph/src/glyphs/GlyphDot.tsx
index a7e436022..7677bdd47 100644
--- a/packages/vx-glyph/src/glyphs/GlyphDot.tsx
+++ b/packages/visx-glyph/src/glyphs/GlyphDot.tsx
@@ -25,7 +25,7 @@ export default function GlyphDot({
}: GlyphDotProps & Omit, keyof GlyphDotProps>) {
return (
-
);
}
diff --git a/packages/vx-glyph/src/glyphs/GlyphSquare.tsx b/packages/visx-glyph/src/glyphs/GlyphSquare.tsx
similarity index 92%
rename from packages/vx-glyph/src/glyphs/GlyphSquare.tsx
rename to packages/visx-glyph/src/glyphs/GlyphSquare.tsx
index e2a2915e8..a0d7b5d59 100644
--- a/packages/vx-glyph/src/glyphs/GlyphSquare.tsx
+++ b/packages/visx-glyph/src/glyphs/GlyphSquare.tsx
@@ -35,7 +35,7 @@ export default function GlyphSquare({
return (
-
);
}
diff --git a/packages/vx-glyph/src/glyphs/GlyphStar.tsx b/packages/visx-glyph/src/glyphs/GlyphStar.tsx
similarity index 92%
rename from packages/vx-glyph/src/glyphs/GlyphStar.tsx
rename to packages/visx-glyph/src/glyphs/GlyphStar.tsx
index 278d4a049..32d88d26d 100644
--- a/packages/vx-glyph/src/glyphs/GlyphStar.tsx
+++ b/packages/visx-glyph/src/glyphs/GlyphStar.tsx
@@ -34,7 +34,7 @@ export default function GlyphStar({
if (children) return <>{children({ path })};
return (
-
);
}
diff --git a/packages/vx-glyph/src/glyphs/GlyphTriangle.tsx b/packages/visx-glyph/src/glyphs/GlyphTriangle.tsx
similarity index 92%
rename from packages/vx-glyph/src/glyphs/GlyphTriangle.tsx
rename to packages/visx-glyph/src/glyphs/GlyphTriangle.tsx
index a5a01db21..658a323fe 100644
--- a/packages/vx-glyph/src/glyphs/GlyphTriangle.tsx
+++ b/packages/visx-glyph/src/glyphs/GlyphTriangle.tsx
@@ -36,7 +36,7 @@ export default function GlyphTriangle({
return (
-
);
}
diff --git a/packages/vx-glyph/src/glyphs/GlyphWye.tsx b/packages/visx-glyph/src/glyphs/GlyphWye.tsx
similarity index 93%
rename from packages/vx-glyph/src/glyphs/GlyphWye.tsx
rename to packages/visx-glyph/src/glyphs/GlyphWye.tsx
index 65faca813..3fd131614 100644
--- a/packages/vx-glyph/src/glyphs/GlyphWye.tsx
+++ b/packages/visx-glyph/src/glyphs/GlyphWye.tsx
@@ -34,7 +34,7 @@ export default function GlyphWye({
if (children) return <>{children({ path })};
return (
-
);
}
diff --git a/packages/vx-glyph/src/index.ts b/packages/visx-glyph/src/index.ts
similarity index 100%
rename from packages/vx-glyph/src/index.ts
rename to packages/visx-glyph/src/index.ts
diff --git a/packages/vx-glyph/test/Circle.test.tsx b/packages/visx-glyph/test/Circle.test.tsx
similarity index 95%
rename from packages/vx-glyph/test/Circle.test.tsx
rename to packages/visx-glyph/test/Circle.test.tsx
index 16733d0c3..9f13aa0d7 100644
--- a/packages/vx-glyph/test/Circle.test.tsx
+++ b/packages/visx-glyph/test/Circle.test.tsx
@@ -10,7 +10,7 @@ describe('
-
+
Inspired by: https://dribbble.com/shots/3380672-Sketch-Gradients-Freebie
@@ -9,8 +9,8 @@ Inspired by: https://dribbble.com/shots/3380672-Sketch-Gradients-Freebie
## Example
```js
-import { AreaClosed } from '@vx/shape';
-import { GradientPinkBlue } from '@vx/gradient';
+import { AreaClosed } from '@visx/shape';
+import { GradientPinkBlue } from '@visx/gradient';
const GradientArea = () => {
return (
@@ -36,7 +36,7 @@ use `fill="url('#gradient')"` you're referencing the gradient's id: `gradient`.
In addition to the preset linear gradients, you can make any linear or radial gradient like so:
```js
-import { LinearGradient, RadialGradient } from '@vx/gradient';
+import { LinearGradient, RadialGradient } from '@visx/gradient';
+
+
+The `@visx/grid` package lets you create gridlines for charts. ` = Omit
AllGridRowsProps & AllGridColumnsProps,
CommonPropsToOmit
> & {
- /** `@vx/scale` or `d3-scale` object used to map from ScaleInput to x-coordinates (GridColumns). */
+ /** `@visx/scale` or `d3-scale` object used to map from ScaleInput to x-coordinates (GridColumns). */
xScale: XScale;
- /** `@vx/scale` or `d3-scale` object used to map from ScaleInput to y-coordinates (GridRows). */
+ /** `@visx/scale` or `d3-scale` object used to map from ScaleInput to y-coordinates (GridRows). */
yScale: YScale;
/** Pixel offset to apply as an x-translation to each GridColumns line. */
xOffset?: CommonGridProps['offset'];
@@ -64,7 +64,7 @@ export default function Grid
...restProps
}: GridProps) {
return (
-
+
= CommonGridProps & {
- /** `@vx/scale` or `d3-scale` object used to convert value to position. */
+ /** `@visx/scale` or `d3-scale` object used to convert value to position. */
scale: Scale;
/**
* Exact values used to generate grid lines using `scale`.
@@ -55,7 +55,7 @@ export default function GridColumns({
};
});
return (
-
+
{children
? children({ lines: tickLines })
: tickLines.map(({ from, to }, i) => (
diff --git a/packages/vx-grid/src/grids/GridRows.tsx b/packages/visx-grid/src/grids/GridRows.tsx
similarity index 82%
rename from packages/vx-grid/src/grids/GridRows.tsx
rename to packages/visx-grid/src/grids/GridRows.tsx
index 0604b21a0..811834bb6 100644
--- a/packages/vx-grid/src/grids/GridRows.tsx
+++ b/packages/visx-grid/src/grids/GridRows.tsx
@@ -1,13 +1,13 @@
import React from 'react';
import cx from 'classnames';
-import Line, { LineProps } from '@vx/shape/lib/shapes/Line';
-import { Group } from '@vx/group';
-import { Point } from '@vx/point';
-import { getTicks, ScaleInput, coerceNumber } from '@vx/scale';
+import Line, { LineProps } from '@visx/shape/lib/shapes/Line';
+import { Group } from '@visx/group';
+import { Point } from '@visx/point';
+import { getTicks, ScaleInput, coerceNumber } from '@visx/scale';
import { CommonGridProps, GridScale } from '../types';
export type GridRowsProps = CommonGridProps & {
- /** `@vx/scale` or `d3-scale` object used to convert value to position. */
+ /** `@visx/scale` or `d3-scale` object used to convert value to position. */
scale: Scale;
/**
* Exact values used to generate grid lines using `scale`.
@@ -55,7 +55,7 @@ export default function GridRows({
};
});
return (
-
+
{children
? children({ lines: tickLines })
: tickLines.map(({ from, to }, i) => (
diff --git a/packages/vx-grid/src/index.ts b/packages/visx-grid/src/index.ts
similarity index 100%
rename from packages/vx-grid/src/index.ts
rename to packages/visx-grid/src/index.ts
diff --git a/packages/vx-grid/src/types.ts b/packages/visx-grid/src/types.ts
similarity index 96%
rename from packages/vx-grid/src/types.ts
rename to packages/visx-grid/src/types.ts
index 71bf35618..6bb0bb907 100644
--- a/packages/vx-grid/src/types.ts
+++ b/packages/visx-grid/src/types.ts
@@ -1,5 +1,5 @@
-import { D3Scale, NumberLike } from '@vx/scale';
import { CSSProperties } from 'react';
+import { D3Scale, NumberLike } from '@visx/scale';
// In order to plot values on an axis, output of the scale must be number.
// Some scales return undefined.
diff --git a/packages/vx-grid/test/Grid.test.tsx b/packages/visx-grid/test/Grid.test.tsx
similarity index 71%
rename from packages/vx-grid/test/Grid.test.tsx
rename to packages/visx-grid/test/Grid.test.tsx
index fc0760886..186e47140 100644
--- a/packages/vx-grid/test/Grid.test.tsx
+++ b/packages/visx-grid/test/Grid.test.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { render } from 'enzyme';
-import { scaleLinear } from '@vx/scale';
+import { scaleLinear } from '@visx/scale';
import { Grid } from '../src';
describe('
-
+
`
diff --git a/packages/vx-group/src/index.ts b/packages/visx-group/src/index.ts
similarity index 100%
rename from packages/vx-group/src/index.ts
rename to packages/visx-group/src/index.ts
diff --git a/packages/vx-group/test/Group.test.tsx b/packages/visx-group/test/Group.test.tsx
similarity index 83%
rename from packages/vx-group/test/Group.test.tsx
rename to packages/visx-group/test/Group.test.tsx
index 88465d782..840ba4274 100644
--- a/packages/vx-group/test/Group.test.tsx
+++ b/packages/visx-group/test/Group.test.tsx
@@ -8,9 +8,9 @@ describe('
-
+
A Heatmap is an arrangement of shapes where the data values are represented as colors.
@@ -58,5 +58,5 @@ const xScale = scaleLinear({
## Installation
```
-npm install --save @vx/heatmap
+npm install --save @visx/heatmap
```
diff --git a/packages/vx-heatmap/package.json b/packages/visx-heatmap/package.json
similarity index 69%
rename from packages/vx-heatmap/package.json
rename to packages/visx-heatmap/package.json
index 293095555..9b479eadc 100644
--- a/packages/vx-heatmap/package.json
+++ b/packages/visx-heatmap/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/heatmap",
+ "name": "@visx/heatmap",
"version": "0.0.199",
- "description": "vx heatmap",
+ "description": "visx heatmap",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,9 +24,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
@@ -36,7 +36,7 @@
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/react": "*",
- "@vx/group": "0.0.199",
+ "@visx/group": "0.0.199",
"classnames": "^2.2.5",
"prop-types": "^15.6.1"
}
diff --git a/packages/vx-heatmap/src/heatmaps/HeatmapCircle.tsx b/packages/visx-heatmap/src/heatmaps/HeatmapCircle.tsx
similarity index 95%
rename from packages/vx-heatmap/src/heatmaps/HeatmapCircle.tsx
rename to packages/visx-heatmap/src/heatmaps/HeatmapCircle.tsx
index ac3034d0a..712d96da9 100644
--- a/packages/vx-heatmap/src/heatmaps/HeatmapCircle.tsx
+++ b/packages/visx-heatmap/src/heatmaps/HeatmapCircle.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import { GenericCell, ColorScale, OpacityScale } from '../types';
export type HeatmapCircleProps = {
@@ -89,12 +89,12 @@ export default function HeatmapCircle({
if (children) return <>{children(heatmap)};
return (
-
+
{heatmap.map(columns =>
columns.map(bin => (
= {
@@ -104,12 +104,12 @@ export default function HeatmapRect({
if (children) return <>{children(heatmap)};
return (
-
+
{heatmap.map(_bins =>
_bins.map(bin => (
-
+
Many datasets are intrinsically hierarchical. This package contains several `react` components for
@@ -14,7 +14,7 @@ exports the [`d3-hierarchy`](https://github.com/d3/d3-hierarchy)utility to gener
```js
// equivalent to `import { hierarchy } from 'd3-hierarchy';`
-import { hierarchy } from '@vx/hierarchy';
+import { hierarchy } from '@visx/hierarchy';
const root = hierarchy({
name: 'root',
@@ -31,5 +31,5 @@ const root = hierarchy({
## Installation
```
-npm install --save @vx/hierarchy
+npm install --save @visx/hierarchy
```
diff --git a/packages/vx-hierarchy/package.json b/packages/visx-hierarchy/package.json
similarity index 71%
rename from packages/vx-hierarchy/package.json
rename to packages/visx-hierarchy/package.json
index 018f98f25..68c1efb3a 100644
--- a/packages/vx-hierarchy/package.json
+++ b/packages/visx-hierarchy/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/hierarchy",
+ "name": "@visx/hierarchy",
"version": "0.0.199",
- "description": "vx tree",
+ "description": "visx tree",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"d3",
"react",
"visualizations",
@@ -24,9 +24,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
@@ -34,7 +34,7 @@
"@types/classnames": "^2.2.9",
"@types/d3-hierarchy": "^1.1.6",
"@types/react": "*",
- "@vx/group": "0.0.199",
+ "@visx/group": "0.0.199",
"classnames": "^2.2.5",
"d3-hierarchy": "^1.1.4",
"prop-types": "^15.6.1"
diff --git a/packages/vx-hierarchy/src/HierarchyDefaultLink.tsx b/packages/visx-hierarchy/src/HierarchyDefaultLink.tsx
similarity index 100%
rename from packages/vx-hierarchy/src/HierarchyDefaultLink.tsx
rename to packages/visx-hierarchy/src/HierarchyDefaultLink.tsx
diff --git a/packages/vx-hierarchy/src/HierarchyDefaultNode.tsx b/packages/visx-hierarchy/src/HierarchyDefaultNode.tsx
similarity index 100%
rename from packages/vx-hierarchy/src/HierarchyDefaultNode.tsx
rename to packages/visx-hierarchy/src/HierarchyDefaultNode.tsx
diff --git a/packages/vx-hierarchy/src/HierarchyDefaultRectNode.tsx b/packages/visx-hierarchy/src/HierarchyDefaultRectNode.tsx
similarity index 100%
rename from packages/vx-hierarchy/src/HierarchyDefaultRectNode.tsx
rename to packages/visx-hierarchy/src/HierarchyDefaultRectNode.tsx
diff --git a/packages/vx-hierarchy/src/hierarchies/Cluster.tsx b/packages/visx-hierarchy/src/hierarchies/Cluster.tsx
similarity index 96%
rename from packages/vx-hierarchy/src/hierarchies/Cluster.tsx
rename to packages/visx-hierarchy/src/hierarchies/Cluster.tsx
index 0d9798798..e491b04bd 100644
--- a/packages/vx-hierarchy/src/hierarchies/Cluster.tsx
+++ b/packages/visx-hierarchy/src/hierarchies/Cluster.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import {
cluster as d3cluster,
HierarchyNode,
@@ -70,7 +70,7 @@ export default function Cluster({
if (children) return <>{children(data)};
return (
-
+
{linkComponent &&
data.links().map((link, i) => {
return (
diff --git a/packages/vx-hierarchy/src/hierarchies/Pack.tsx b/packages/visx-hierarchy/src/hierarchies/Pack.tsx
similarity index 95%
rename from packages/vx-hierarchy/src/hierarchies/Pack.tsx
rename to packages/visx-hierarchy/src/hierarchies/Pack.tsx
index 67c865d0b..0d1506b2b 100644
--- a/packages/vx-hierarchy/src/hierarchies/Pack.tsx
+++ b/packages/visx-hierarchy/src/hierarchies/Pack.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import { pack as d3pack, HierarchyNode, HierarchyCircularNode } from 'd3-hierarchy';
import DefaultNode from '../HierarchyDefaultNode';
@@ -58,7 +58,7 @@ export default function Pack({
if (children) return <>{children(data)};
return (
-
+
{nodeComponent &&
data.descendants().map((node, i) => {
return (
diff --git a/packages/vx-hierarchy/src/hierarchies/Partition.tsx b/packages/visx-hierarchy/src/hierarchies/Partition.tsx
similarity index 94%
rename from packages/vx-hierarchy/src/hierarchies/Partition.tsx
rename to packages/visx-hierarchy/src/hierarchies/Partition.tsx
index 875b5467b..e5ce5e994 100644
--- a/packages/vx-hierarchy/src/hierarchies/Partition.tsx
+++ b/packages/visx-hierarchy/src/hierarchies/Partition.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import { partition as d3partition, HierarchyNode, HierarchyRectangularNode } from 'd3-hierarchy';
import DefaultNode from '../HierarchyDefaultRectNode';
@@ -50,7 +50,7 @@ export default function Partition({
if (children) return <>{children(data)};
return (
-
+
{nodeComponent &&
data.descendants().map((node, i) => {
return (
diff --git a/packages/vx-hierarchy/src/hierarchies/Tree.tsx b/packages/visx-hierarchy/src/hierarchies/Tree.tsx
similarity index 96%
rename from packages/vx-hierarchy/src/hierarchies/Tree.tsx
rename to packages/visx-hierarchy/src/hierarchies/Tree.tsx
index e63a1a911..5902072f2 100644
--- a/packages/vx-hierarchy/src/hierarchies/Tree.tsx
+++ b/packages/visx-hierarchy/src/hierarchies/Tree.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import {
tree as d3tree,
HierarchyNode,
@@ -73,7 +73,7 @@ export default function Tree({
if (children) return <>{children(data)};
return (
-
+
{linkComponent &&
data.links().map((link, i) => {
return (
diff --git a/packages/vx-hierarchy/src/hierarchies/Treemap.tsx b/packages/visx-hierarchy/src/hierarchies/Treemap.tsx
similarity index 97%
rename from packages/vx-hierarchy/src/hierarchies/Treemap.tsx
rename to packages/visx-hierarchy/src/hierarchies/Treemap.tsx
index 055bc256f..c01849e29 100644
--- a/packages/vx-hierarchy/src/hierarchies/Treemap.tsx
+++ b/packages/visx-hierarchy/src/hierarchies/Treemap.tsx
@@ -1,7 +1,7 @@
/* eslint-disable @typescript-eslint/unbound-method */
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import { treemap as d3treemap, HierarchyRectangularNode, HierarchyNode } from 'd3-hierarchy';
import HierarchyDefaultRectNode from '../HierarchyDefaultRectNode';
import setNumberOrNumberAccessor from '../utils/setNumOrNumAccessor';
@@ -86,7 +86,7 @@ export default function Treemap({
if (children) return <>{children(data)};
return (
-
+
{nodeComponent &&
data.descendants().map((node, i) => {
return (
diff --git a/packages/vx-hierarchy/src/index.ts b/packages/visx-hierarchy/src/index.ts
similarity index 100%
rename from packages/vx-hierarchy/src/index.ts
rename to packages/visx-hierarchy/src/index.ts
diff --git a/packages/vx-hierarchy/src/types.ts b/packages/visx-hierarchy/src/types.ts
similarity index 100%
rename from packages/vx-hierarchy/src/types.ts
rename to packages/visx-hierarchy/src/types.ts
diff --git a/packages/vx-hierarchy/src/utils/setNumOrNumAccessor.ts b/packages/visx-hierarchy/src/utils/setNumOrNumAccessor.ts
similarity index 100%
rename from packages/vx-hierarchy/src/utils/setNumOrNumAccessor.ts
rename to packages/visx-hierarchy/src/utils/setNumOrNumAccessor.ts
diff --git a/packages/vx-hierarchy/test/Cluster.test.tsx b/packages/visx-hierarchy/test/Cluster.test.tsx
similarity index 100%
rename from packages/vx-hierarchy/test/Cluster.test.tsx
rename to packages/visx-hierarchy/test/Cluster.test.tsx
diff --git a/packages/vx-hierarchy/test/Defaults.test.tsx b/packages/visx-hierarchy/test/Defaults.test.tsx
similarity index 100%
rename from packages/vx-hierarchy/test/Defaults.test.tsx
rename to packages/visx-hierarchy/test/Defaults.test.tsx
diff --git a/packages/vx-hierarchy/test/Tree.test.tsx b/packages/visx-hierarchy/test/Tree.test.tsx
similarity index 100%
rename from packages/vx-hierarchy/test/Tree.test.tsx
rename to packages/visx-hierarchy/test/Tree.test.tsx
diff --git a/packages/vx-legend/.npmrc b/packages/visx-legend/.npmrc
similarity index 100%
rename from packages/vx-legend/.npmrc
rename to packages/visx-legend/.npmrc
diff --git a/packages/vx-legend/Readme.md b/packages/visx-legend/Readme.md
similarity index 65%
rename from packages/vx-legend/Readme.md
rename to packages/visx-legend/Readme.md
index 22ab0ffed..ebb9a50da 100644
--- a/packages/vx-legend/Readme.md
+++ b/packages/visx-legend/Readme.md
@@ -1,7 +1,7 @@
-# @vx/legend
+# @visx/legend
-
-
+
Legends associate shapes and colors to data, and are associated with scales.
@@ -9,8 +9,8 @@ Legends associate shapes and colors to data, and are associated with scales.
## Example
```js
-import { LegendThreshold } from '@vx/legend';
-import { scaleThreshold } from '@vx/scale';
+import { LegendThreshold } from '@visx/legend';
+import { scaleThreshold } from '@visx/scale';
const threshold = scaleThreshold({
domain: [0.02, 0.04, 0.06, 0.08, 0.1],
@@ -36,5 +36,5 @@ function MyChart() {
## Installation
```
-npm install --save @vx/legend
+npm install --save @visx/legend
```
diff --git a/packages/vx-legend/package.json b/packages/visx-legend/package.json
similarity index 67%
rename from packages/vx-legend/package.json
rename to packages/visx-legend/package.json
index fe10c6fb6..1a7ad8e4b 100644
--- a/packages/vx-legend/package.json
+++ b/packages/visx-legend/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/legend",
+ "name": "@visx/legend",
"version": "0.0.199",
- "description": "vx legend",
+ "description": "visx legend",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,9 +24,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"peerDependencies": {
"react": "^16.3.0-0"
},
@@ -36,8 +36,8 @@
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/react": "*",
- "@vx/group": "0.0.199",
- "@vx/scale": "0.0.199",
+ "@visx/group": "0.0.199",
+ "@visx/scale": "0.0.199",
"classnames": "^2.2.5",
"prop-types": "^15.5.10"
}
diff --git a/packages/vx-legend/src/index.ts b/packages/visx-legend/src/index.ts
similarity index 100%
rename from packages/vx-legend/src/index.ts
rename to packages/visx-legend/src/index.ts
diff --git a/packages/vx-legend/src/legends/Legend/LegendItem.tsx b/packages/visx-legend/src/legends/Legend/LegendItem.tsx
similarity index 94%
rename from packages/vx-legend/src/legends/Legend/LegendItem.tsx
rename to packages/visx-legend/src/legends/Legend/LegendItem.tsx
index 1935fd097..df54c146f 100644
--- a/packages/vx-legend/src/legends/Legend/LegendItem.tsx
+++ b/packages/visx-legend/src/legends/Legend/LegendItem.tsx
@@ -19,7 +19,7 @@ export default function LegendItem({
}: LegendItemProps & Omit, keyof LegendItemProps>) {
return (
({
}: LegendShapeProps
) {
return (
= {
shapeMargin?: string | number;
/** Flex-box alignment of legend item labels. */
labelAlign?: string;
- /** `@vx/scale` or `d3-scale` object used to generate the legend items. */
+ /** `@visx/scale` or `d3-scale` object used to generate the legend items. */
scale: Scale;
/** Flex-box flex of legend item labels. */
labelFlex?: string | number;
@@ -102,7 +102,7 @@ export default function Legend
({
return (
= (args: {
scale: Scale;
diff --git a/packages/vx-legend/src/util/defaultDomain.ts b/packages/visx-legend/src/util/defaultDomain.ts
similarity index 92%
rename from packages/vx-legend/src/util/defaultDomain.ts
rename to packages/visx-legend/src/util/defaultDomain.ts
index bb2ac5be0..a157539a7 100644
--- a/packages/vx-legend/src/util/defaultDomain.ts
+++ b/packages/visx-legend/src/util/defaultDomain.ts
@@ -1,4 +1,4 @@
-import { D3Scale } from '@vx/scale';
+import { D3Scale } from '@visx/scale';
export default function defaultDomain
>({
steps = 5,
diff --git a/packages/vx-legend/src/util/identity.ts b/packages/visx-legend/src/util/identity.ts
similarity index 100%
rename from packages/vx-legend/src/util/identity.ts
rename to packages/visx-legend/src/util/identity.ts
diff --git a/packages/vx-legend/src/util/labelTransformFactory.ts b/packages/visx-legend/src/util/labelTransformFactory.ts
similarity index 88%
rename from packages/vx-legend/src/util/labelTransformFactory.ts
rename to packages/visx-legend/src/util/labelTransformFactory.ts
index 3579344ed..de52ce4b4 100644
--- a/packages/vx-legend/src/util/labelTransformFactory.ts
+++ b/packages/visx-legend/src/util/labelTransformFactory.ts
@@ -1,5 +1,5 @@
import { LabelFormatter, ItemTransformer } from '../types';
-import { AnyD3Scale, ScaleInput } from '../../../vx-scale/lib';
+import { AnyD3Scale, ScaleInput } from '../../../visx-scale/lib';
/** Returns a function which takes a Datum and index as input, and returns a formatted label object. */
export default function labelTransformFactory({
diff --git a/packages/vx-legend/src/util/renderShape.ts b/packages/visx-legend/src/util/renderShape.ts
similarity index 100%
rename from packages/vx-legend/src/util/renderShape.ts
rename to packages/visx-legend/src/util/renderShape.ts
diff --git a/packages/vx-legend/src/util/valueOrIdentity.ts b/packages/visx-legend/src/util/valueOrIdentity.ts
similarity index 100%
rename from packages/vx-legend/src/util/valueOrIdentity.ts
rename to packages/visx-legend/src/util/valueOrIdentity.ts
diff --git a/packages/vx-legend/test/Legend.test.tsx b/packages/visx-legend/test/Legend.test.tsx
similarity index 97%
rename from packages/vx-legend/test/Legend.test.tsx
rename to packages/visx-legend/test/Legend.test.tsx
index 8b4dd2211..7dab65c20 100644
--- a/packages/vx-legend/test/Legend.test.tsx
+++ b/packages/visx-legend/test/Legend.test.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { shallow } from 'enzyme';
-import { scaleLinear } from '@vx/scale';
+import { scaleLinear } from '@visx/scale';
import { Legend, LegendLabel } from '../src';
diff --git a/packages/vx-legend/test/LegendLinear.test.tsx b/packages/visx-legend/test/LegendLinear.test.tsx
similarity index 100%
rename from packages/vx-legend/test/LegendLinear.test.tsx
rename to packages/visx-legend/test/LegendLinear.test.tsx
diff --git a/packages/vx-legend/test/LegendOrdinal.test.tsx b/packages/visx-legend/test/LegendOrdinal.test.tsx
similarity index 100%
rename from packages/vx-legend/test/LegendOrdinal.test.tsx
rename to packages/visx-legend/test/LegendOrdinal.test.tsx
diff --git a/packages/vx-legend/test/LegendQuantile.test.tsx b/packages/visx-legend/test/LegendQuantile.test.tsx
similarity index 100%
rename from packages/vx-legend/test/LegendQuantile.test.tsx
rename to packages/visx-legend/test/LegendQuantile.test.tsx
diff --git a/packages/vx-legend/test/LegendSize.test.tsx b/packages/visx-legend/test/LegendSize.test.tsx
similarity index 100%
rename from packages/vx-legend/test/LegendSize.test.tsx
rename to packages/visx-legend/test/LegendSize.test.tsx
diff --git a/packages/vx-legend/test/LegendThreshold.test.tsx b/packages/visx-legend/test/LegendThreshold.test.tsx
similarity index 100%
rename from packages/vx-legend/test/LegendThreshold.test.tsx
rename to packages/visx-legend/test/LegendThreshold.test.tsx
diff --git a/packages/vx-legend/test/scales.test.tsx b/packages/visx-legend/test/scales.test.tsx
similarity index 98%
rename from packages/vx-legend/test/scales.test.tsx
rename to packages/visx-legend/test/scales.test.tsx
index 539f0230c..645e0d9e3 100644
--- a/packages/vx-legend/test/scales.test.tsx
+++ b/packages/visx-legend/test/scales.test.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { shallow } from 'enzyme';
-import { scaleBand, scaleLinear, scaleOrdinal, scaleThreshold, scaleQuantile } from '@vx/scale';
+import { scaleBand, scaleLinear, scaleOrdinal, scaleThreshold, scaleQuantile } from '@visx/scale';
import {
Legend,
diff --git a/packages/vx-marker/.npmrc b/packages/visx-marker/.npmrc
similarity index 100%
rename from packages/vx-marker/.npmrc
rename to packages/visx-marker/.npmrc
diff --git a/packages/visx-marker/Readme.md b/packages/visx-marker/Readme.md
new file mode 100644
index 000000000..91ddfbe15
--- /dev/null
+++ b/packages/visx-marker/Readme.md
@@ -0,0 +1,14 @@
+# @visx/marker
+
+
+
+
+Markers are graphical objects attached to a , , , or element.
+[MDN ``](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/marker)
+
+## Installation
+
+```
+npm install --save @visx/marker
+```
diff --git a/packages/vx-marker/package.json b/packages/visx-marker/package.json
similarity index 67%
rename from packages/vx-marker/package.json
rename to packages/visx-marker/package.json
index 72f771d98..d22c287ca 100644
--- a/packages/vx-marker/package.json
+++ b/packages/visx-marker/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/marker",
+ "name": "@visx/marker",
"version": "0.0.199",
- "description": "vx marker",
+ "description": "visx marker",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,14 +24,14 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/react": "*",
- "@vx/group": "0.0.199",
- "@vx/shape": "0.0.199",
+ "@visx/group": "0.0.199",
+ "@visx/shape": "0.0.199",
"classnames": "^2.2.5",
"prop-types": "^15.6.2"
},
diff --git a/packages/vx-marker/src/index.ts b/packages/visx-marker/src/index.ts
similarity index 100%
rename from packages/vx-marker/src/index.ts
rename to packages/visx-marker/src/index.ts
diff --git a/packages/vx-marker/src/markers/Arrow.tsx b/packages/visx-marker/src/markers/Arrow.tsx
similarity index 100%
rename from packages/vx-marker/src/markers/Arrow.tsx
rename to packages/visx-marker/src/markers/Arrow.tsx
diff --git a/packages/vx-marker/src/markers/Circle.tsx b/packages/visx-marker/src/markers/Circle.tsx
similarity index 100%
rename from packages/vx-marker/src/markers/Circle.tsx
rename to packages/visx-marker/src/markers/Circle.tsx
diff --git a/packages/vx-marker/src/markers/Cross.tsx b/packages/visx-marker/src/markers/Cross.tsx
similarity index 100%
rename from packages/vx-marker/src/markers/Cross.tsx
rename to packages/visx-marker/src/markers/Cross.tsx
diff --git a/packages/vx-marker/src/markers/Line.tsx b/packages/visx-marker/src/markers/Line.tsx
similarity index 100%
rename from packages/vx-marker/src/markers/Line.tsx
rename to packages/visx-marker/src/markers/Line.tsx
diff --git a/packages/vx-marker/src/markers/Marker.tsx b/packages/visx-marker/src/markers/Marker.tsx
similarity index 100%
rename from packages/vx-marker/src/markers/Marker.tsx
rename to packages/visx-marker/src/markers/Marker.tsx
diff --git a/packages/vx-marker/src/markers/X.tsx b/packages/visx-marker/src/markers/X.tsx
similarity index 100%
rename from packages/vx-marker/src/markers/X.tsx
rename to packages/visx-marker/src/markers/X.tsx
diff --git a/packages/vx-marker/test/Arrow.test.tsx b/packages/visx-marker/test/Arrow.test.tsx
similarity index 100%
rename from packages/vx-marker/test/Arrow.test.tsx
rename to packages/visx-marker/test/Arrow.test.tsx
diff --git a/packages/vx-marker/test/Circle.test.tsx b/packages/visx-marker/test/Circle.test.tsx
similarity index 100%
rename from packages/vx-marker/test/Circle.test.tsx
rename to packages/visx-marker/test/Circle.test.tsx
diff --git a/packages/vx-marker/test/Cross.test.tsx b/packages/visx-marker/test/Cross.test.tsx
similarity index 100%
rename from packages/vx-marker/test/Cross.test.tsx
rename to packages/visx-marker/test/Cross.test.tsx
diff --git a/packages/vx-marker/test/Line.test.tsx b/packages/visx-marker/test/Line.test.tsx
similarity index 100%
rename from packages/vx-marker/test/Line.test.tsx
rename to packages/visx-marker/test/Line.test.tsx
diff --git a/packages/vx-marker/test/Marker.test.tsx b/packages/visx-marker/test/Marker.test.tsx
similarity index 100%
rename from packages/vx-marker/test/Marker.test.tsx
rename to packages/visx-marker/test/Marker.test.tsx
diff --git a/packages/vx-marker/test/X.test.tsx b/packages/visx-marker/test/X.test.tsx
similarity index 100%
rename from packages/vx-marker/test/X.test.tsx
rename to packages/visx-marker/test/X.test.tsx
diff --git a/packages/vx-mock-data/.npmrc b/packages/visx-mock-data/.npmrc
similarity index 100%
rename from packages/vx-mock-data/.npmrc
rename to packages/visx-mock-data/.npmrc
diff --git a/packages/vx-mock-data/Readme.md b/packages/visx-mock-data/Readme.md
similarity index 70%
rename from packages/vx-mock-data/Readme.md
rename to packages/visx-mock-data/Readme.md
index 1b9a6ec9f..e93c4703f 100644
--- a/packages/vx-mock-data/Readme.md
+++ b/packages/visx-mock-data/Readme.md
@@ -1,15 +1,15 @@
-# @vx/mock-data
+# @visx/mock-data
-
-
+
-The `@vx/mock-data` package is here to help you test out your graphs.
+The `@visx/mock-data` package is here to help you test out your graphs.
## Installation
```
-npm install --save @vx/mock-data
+npm install --save @visx/mock-data
```
## Generators
@@ -17,7 +17,7 @@ npm install --save @vx/mock-data
Generators can create simple generic data for you like this:
```js
-import Mock from '@vx/mock-data';
+import Mock from '@visx/mock-data';
const points = Mock.genRandomNormalPoints();
```
@@ -34,8 +34,8 @@ Generates `n` date values an hour apart from each other starting with the curren
Mock are essentially a bunch of data dumps that you can use like this:
```js
-import Mock from '@vx/mock-data';
-// or import { cityTemperature } from '@vx/mock-data';
+import Mock from '@visx/mock-data';
+// or import { cityTemperature } from '@visx/mock-data';
const data = Mock.cityTemperature;
```
@@ -212,13 +212,13 @@ const shakespeare: Shakespeare[] = [
### `generators/`
-- [genDateValue()](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/generators/genDateValue.ts)
-- [genRandomNormalPoints()](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/generators/genRandomNormalPoints.ts)
+- [genDateValue()](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/generators/genDateValue.ts)
+- [genRandomNormalPoints()](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/generators/genRandomNormalPoints.ts)
### `mocks/`
-- [appleStock](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/appleStock.ts)
-- [browserUsage](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/browserUsage.ts)
-- [cityTemperature](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/cityTemperature.ts)
-- [groupDateValue](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/groupDateValue.ts)
-- [letterFrequency](https://github.com/hshoff/vx/blob/master/packages/vx-mock-data/src/mocks/letterFrequency.ts)
+- [appleStock](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/appleStock.ts)
+- [browserUsage](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/browserUsage.ts)
+- [cityTemperature](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/cityTemperature.ts)
+- [groupDateValue](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/groupDateValue.ts)
+- [letterFrequency](https://github.com/airbnb/visx/blob/master/packages/visx-mock-data/src/mocks/letterFrequency.ts)
diff --git a/packages/vx-mock-data/package.json b/packages/visx-mock-data/package.json
similarity index 67%
rename from packages/vx-mock-data/package.json
rename to packages/visx-mock-data/package.json
index db48481b6..8353d601a 100644
--- a/packages/vx-mock-data/package.json
+++ b/packages/visx-mock-data/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/mock-data",
+ "name": "@visx/mock-data",
"version": "0.0.199",
- "description": "vx mock data",
+ "description": "visx mock data",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,9 +24,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
diff --git a/packages/vx-mock-data/src/generators/genBin.ts b/packages/visx-mock-data/src/generators/genBin.ts
similarity index 100%
rename from packages/vx-mock-data/src/generators/genBin.ts
rename to packages/visx-mock-data/src/generators/genBin.ts
diff --git a/packages/vx-mock-data/src/generators/genBins.ts b/packages/visx-mock-data/src/generators/genBins.ts
similarity index 100%
rename from packages/vx-mock-data/src/generators/genBins.ts
rename to packages/visx-mock-data/src/generators/genBins.ts
diff --git a/packages/vx-mock-data/src/generators/genDateValue.ts b/packages/visx-mock-data/src/generators/genDateValue.ts
similarity index 100%
rename from packages/vx-mock-data/src/generators/genDateValue.ts
rename to packages/visx-mock-data/src/generators/genDateValue.ts
diff --git a/packages/vx-mock-data/src/generators/genPhyllotaxis.ts b/packages/visx-mock-data/src/generators/genPhyllotaxis.ts
similarity index 100%
rename from packages/vx-mock-data/src/generators/genPhyllotaxis.ts
rename to packages/visx-mock-data/src/generators/genPhyllotaxis.ts
diff --git a/packages/vx-mock-data/src/generators/genRandomNormalPoints.ts b/packages/visx-mock-data/src/generators/genRandomNormalPoints.ts
similarity index 100%
rename from packages/vx-mock-data/src/generators/genRandomNormalPoints.ts
rename to packages/visx-mock-data/src/generators/genRandomNormalPoints.ts
diff --git a/packages/vx-mock-data/src/generators/genStats.ts b/packages/visx-mock-data/src/generators/genStats.ts
similarity index 100%
rename from packages/vx-mock-data/src/generators/genStats.ts
rename to packages/visx-mock-data/src/generators/genStats.ts
diff --git a/packages/vx-mock-data/src/index.ts b/packages/visx-mock-data/src/index.ts
similarity index 100%
rename from packages/vx-mock-data/src/index.ts
rename to packages/visx-mock-data/src/index.ts
diff --git a/packages/vx-mock-data/src/mocks/appleStock.ts b/packages/visx-mock-data/src/mocks/appleStock.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/appleStock.ts
rename to packages/visx-mock-data/src/mocks/appleStock.ts
diff --git a/packages/vx-mock-data/src/mocks/bitcoinPrice.ts b/packages/visx-mock-data/src/mocks/bitcoinPrice.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/bitcoinPrice.ts
rename to packages/visx-mock-data/src/mocks/bitcoinPrice.ts
diff --git a/packages/vx-mock-data/src/mocks/browserUsage.ts b/packages/visx-mock-data/src/mocks/browserUsage.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/browserUsage.ts
rename to packages/visx-mock-data/src/mocks/browserUsage.ts
diff --git a/packages/vx-mock-data/src/mocks/cityTemperature.ts b/packages/visx-mock-data/src/mocks/cityTemperature.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/cityTemperature.ts
rename to packages/visx-mock-data/src/mocks/cityTemperature.ts
diff --git a/packages/vx-mock-data/src/mocks/exoplanets.ts b/packages/visx-mock-data/src/mocks/exoplanets.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/exoplanets.ts
rename to packages/visx-mock-data/src/mocks/exoplanets.ts
diff --git a/packages/vx-mock-data/src/mocks/groupDateValue.ts b/packages/visx-mock-data/src/mocks/groupDateValue.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/groupDateValue.ts
rename to packages/visx-mock-data/src/mocks/groupDateValue.ts
diff --git a/packages/vx-mock-data/src/mocks/lesMiserables.ts b/packages/visx-mock-data/src/mocks/lesMiserables.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/lesMiserables.ts
rename to packages/visx-mock-data/src/mocks/lesMiserables.ts
diff --git a/packages/vx-mock-data/src/mocks/letterFrequency.ts b/packages/visx-mock-data/src/mocks/letterFrequency.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/letterFrequency.ts
rename to packages/visx-mock-data/src/mocks/letterFrequency.ts
diff --git a/packages/vx-mock-data/src/mocks/planets.ts b/packages/visx-mock-data/src/mocks/planets.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/planets.ts
rename to packages/visx-mock-data/src/mocks/planets.ts
diff --git a/packages/vx-mock-data/src/mocks/shakespeare.ts b/packages/visx-mock-data/src/mocks/shakespeare.ts
similarity index 100%
rename from packages/vx-mock-data/src/mocks/shakespeare.ts
rename to packages/visx-mock-data/src/mocks/shakespeare.ts
diff --git a/packages/vx-mock-data/test/appleStock.test.ts b/packages/visx-mock-data/test/appleStock.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/appleStock.test.ts
rename to packages/visx-mock-data/test/appleStock.test.ts
diff --git a/packages/vx-mock-data/test/browserUsage.test.ts b/packages/visx-mock-data/test/browserUsage.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/browserUsage.test.ts
rename to packages/visx-mock-data/test/browserUsage.test.ts
diff --git a/packages/vx-mock-data/test/cityTemperature.test.ts b/packages/visx-mock-data/test/cityTemperature.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/cityTemperature.test.ts
rename to packages/visx-mock-data/test/cityTemperature.test.ts
diff --git a/packages/vx-mock-data/test/genBin.test.ts b/packages/visx-mock-data/test/genBin.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/genBin.test.ts
rename to packages/visx-mock-data/test/genBin.test.ts
diff --git a/packages/vx-mock-data/test/genBins.test.ts b/packages/visx-mock-data/test/genBins.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/genBins.test.ts
rename to packages/visx-mock-data/test/genBins.test.ts
diff --git a/packages/vx-mock-data/test/genDateValue.test.ts b/packages/visx-mock-data/test/genDateValue.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/genDateValue.test.ts
rename to packages/visx-mock-data/test/genDateValue.test.ts
diff --git a/packages/vx-mock-data/test/genPhyllotaxis.test.ts b/packages/visx-mock-data/test/genPhyllotaxis.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/genPhyllotaxis.test.ts
rename to packages/visx-mock-data/test/genPhyllotaxis.test.ts
diff --git a/packages/vx-mock-data/test/genRandomNormalPoints.test.ts b/packages/visx-mock-data/test/genRandomNormalPoints.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/genRandomNormalPoints.test.ts
rename to packages/visx-mock-data/test/genRandomNormalPoints.test.ts
diff --git a/packages/vx-mock-data/test/genStats.test.ts b/packages/visx-mock-data/test/genStats.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/genStats.test.ts
rename to packages/visx-mock-data/test/genStats.test.ts
diff --git a/packages/vx-mock-data/test/groupDateValue.test.ts b/packages/visx-mock-data/test/groupDateValue.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/groupDateValue.test.ts
rename to packages/visx-mock-data/test/groupDateValue.test.ts
diff --git a/packages/vx-mock-data/test/letterFrequency.test.ts b/packages/visx-mock-data/test/letterFrequency.test.ts
similarity index 100%
rename from packages/vx-mock-data/test/letterFrequency.test.ts
rename to packages/visx-mock-data/test/letterFrequency.test.ts
diff --git a/packages/vx-network/.npmrc b/packages/visx-network/.npmrc
similarity index 100%
rename from packages/vx-network/.npmrc
rename to packages/visx-network/.npmrc
diff --git a/packages/vx-network/Readme.md b/packages/visx-network/Readme.md
similarity index 65%
rename from packages/vx-network/Readme.md
rename to packages/visx-network/Readme.md
index fd9441bb7..ba5b28dab 100644
--- a/packages/vx-network/Readme.md
+++ b/packages/visx-network/Readme.md
@@ -1,7 +1,7 @@
-# @vx/network
+# @visx/network
-
-
+
A simple package to visualize a network or graph layout. Does not currently handle network layout.
@@ -9,7 +9,7 @@ A simple package to visualize a network or graph layout. Does not currently hand
## Example Usage
```js
-import { Graph, DefaultLink, DefaultNode } from '@vx/network';
+import { Graph, DefaultLink, DefaultNode } from '@visx/network';
const nodes = [
{ x: 50, y: 20 },
{ x: 200, y: 300 },
@@ -33,5 +33,5 @@ const MyGraph = () => (
## Installation
```
-npm install --save @vx/network
+npm install --save @visx/network
```
diff --git a/packages/vx-network/package.json b/packages/visx-network/package.json
similarity index 77%
rename from packages/vx-network/package.json
rename to packages/visx-network/package.json
index 858793daa..fbbf181ae 100644
--- a/packages/vx-network/package.json
+++ b/packages/visx-network/package.json
@@ -1,9 +1,9 @@
{
- "name": "@vx/network",
+ "name": "@visx/network",
"version": "0.0.199",
- "description": "vx network",
+ "description": "visx network",
"sideEffects": false,
- "repository": "https://github.com/hshoff/vx",
+ "repository": "https://github.com/airbnb/visx",
"main": "lib/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -12,7 +12,7 @@
"esm"
],
"keywords": [
- "vx",
+ "visx",
"data",
"visualizations",
"charts"
@@ -22,7 +22,7 @@
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/react": "*",
- "@vx/group": "0.0.199",
+ "@visx/group": "0.0.199",
"classnames": "^2.2.5",
"prop-types": "^15.6.2"
},
diff --git a/packages/vx-network/src/DefaultLink.tsx b/packages/visx-network/src/DefaultLink.tsx
similarity index 100%
rename from packages/vx-network/src/DefaultLink.tsx
rename to packages/visx-network/src/DefaultLink.tsx
diff --git a/packages/vx-network/src/DefaultNode.tsx b/packages/visx-network/src/DefaultNode.tsx
similarity index 100%
rename from packages/vx-network/src/DefaultNode.tsx
rename to packages/visx-network/src/DefaultNode.tsx
diff --git a/packages/vx-network/src/Graph.tsx b/packages/visx-network/src/Graph.tsx
similarity index 97%
rename from packages/vx-network/src/Graph.tsx
rename to packages/visx-network/src/Graph.tsx
index 38946e443..69b1ce2ad 100644
--- a/packages/vx-network/src/Graph.tsx
+++ b/packages/visx-network/src/Graph.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import Links from './Links';
import Nodes from './Nodes';
import DefaultNode from './DefaultNode';
diff --git a/packages/vx-network/src/Links.tsx b/packages/visx-network/src/Links.tsx
similarity index 84%
rename from packages/vx-network/src/Links.tsx
rename to packages/visx-network/src/Links.tsx
index 3d19c7298..c78bc970e 100644
--- a/packages/vx-network/src/Links.tsx
+++ b/packages/visx-network/src/Links.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import { LinkProvidedProps } from './types';
export type LinkProps
+
{React.createElement(linkComponent, { link })}
))}
diff --git a/packages/vx-network/src/Nodes.tsx b/packages/visx-network/src/Nodes.tsx
similarity index 92%
rename from packages/vx-network/src/Nodes.tsx
rename to packages/visx-network/src/Nodes.tsx
index fd2fc61ce..f1017bca9 100644
--- a/packages/vx-network/src/Nodes.tsx
+++ b/packages/visx-network/src/Nodes.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
+import { Group } from '@visx/group';
import DefaultNode from './DefaultNode';
import { NodeProvidedProps } from './types';
@@ -33,7 +33,7 @@ export default function Nodes({
{nodes.map((node, i) => (
diff --git a/packages/vx-network/src/index.ts b/packages/visx-network/src/index.ts
similarity index 100%
rename from packages/vx-network/src/index.ts
rename to packages/visx-network/src/index.ts
diff --git a/packages/vx-network/src/types.ts b/packages/visx-network/src/types.ts
similarity index 100%
rename from packages/vx-network/src/types.ts
rename to packages/visx-network/src/types.ts
diff --git a/packages/vx-network/test/Graph.test.tsx b/packages/visx-network/test/Graph.test.tsx
similarity index 100%
rename from packages/vx-network/test/Graph.test.tsx
rename to packages/visx-network/test/Graph.test.tsx
diff --git a/packages/vx-pattern/.npmrc b/packages/visx-pattern/.npmrc
similarity index 100%
rename from packages/vx-pattern/.npmrc
rename to packages/visx-pattern/.npmrc
diff --git a/packages/vx-pattern/Readme.md b/packages/visx-pattern/Readme.md
similarity index 83%
rename from packages/vx-pattern/Readme.md
rename to packages/visx-pattern/Readme.md
index 4d73e24ef..f228fab9c 100644
--- a/packages/vx-pattern/Readme.md
+++ b/packages/visx-pattern/Readme.md
@@ -1,7 +1,7 @@
-# @vx/pattern
+# @visx/pattern
-
-
+
Inspired by: http://riccardoscalco.github.io/textures/
@@ -9,8 +9,8 @@ Inspired by: http://riccardoscalco.github.io/textures/
## Example
```js
-import { AreaClosed } from '@vx/shape';
-import { PatternLines } from '@vx/pattern';
+import { AreaClosed } from '@visx/shape';
+import { PatternLines } from '@visx/pattern';
const PatternArea = () => {
return (
@@ -82,5 +82,5 @@ use `fill="url('#pattern')"` you're referencing the pattern's id: `pattern`.
## Installation
```
-npm install --save @vx/pattern
+npm install --save @visx/pattern
```
diff --git a/packages/vx-pattern/package.json b/packages/visx-pattern/package.json
similarity index 72%
rename from packages/vx-pattern/package.json
rename to packages/visx-pattern/package.json
index 97d3844c8..1f0e4fc67 100644
--- a/packages/vx-pattern/package.json
+++ b/packages/visx-pattern/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/pattern",
+ "name": "@visx/pattern",
"version": "0.0.199",
- "description": "vx pattern",
+ "description": "visx pattern",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualization",
@@ -24,9 +24,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/react": "*",
diff --git a/packages/vx-pattern/src/constants/index.ts b/packages/visx-pattern/src/constants/index.ts
similarity index 100%
rename from packages/vx-pattern/src/constants/index.ts
rename to packages/visx-pattern/src/constants/index.ts
diff --git a/packages/vx-pattern/src/index.ts b/packages/visx-pattern/src/index.ts
similarity index 100%
rename from packages/vx-pattern/src/index.ts
rename to packages/visx-pattern/src/index.ts
diff --git a/packages/vx-pattern/src/patterns/Circles.tsx b/packages/visx-pattern/src/patterns/Circles.tsx
similarity index 93%
rename from packages/vx-pattern/src/patterns/Circles.tsx
rename to packages/visx-pattern/src/patterns/Circles.tsx
index 0d4a25d0d..ceded6f07 100644
--- a/packages/vx-pattern/src/patterns/Circles.tsx
+++ b/packages/visx-pattern/src/patterns/Circles.tsx
@@ -53,7 +53,7 @@ export default function Circles({
{!!background && (
{!!background && (
{
return (
{!!background &&
-
+
```
-npm install --save @vx/point
+npm install --save @visx/point
```
A simple class to represent an `x, y` coordinate.
@@ -13,7 +13,7 @@ A simple class to represent an `x, y` coordinate.
## Example Usage
```js
-import { Point } from '@vx/point';
+import { Point } from '@visx/point';
const point = new Point({ x: 2, y: 3 });
const { x, y } = point.value(); // Get the coords as an object
diff --git a/packages/vx-point/package.json b/packages/visx-point/package.json
similarity index 73%
rename from packages/vx-point/package.json
rename to packages/visx-point/package.json
index ea9416b0b..b6ede1240 100644
--- a/packages/vx-point/package.json
+++ b/packages/visx-point/package.json
@@ -1,18 +1,18 @@
{
- "name": "@vx/point",
+ "name": "@visx/point",
"version": "0.0.199",
- "description": "vx point",
+ "description": "visx point",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
- "repository": "https://github.com/hshoff/vx",
+ "repository": "https://github.com/airbnb/visx",
"files": [
"lib",
"esm"
],
"keywords": [
- "vx",
+ "visx",
"data",
"visualizations",
"charts"
diff --git a/packages/vx-point/src/Point.ts b/packages/visx-point/src/Point.ts
similarity index 100%
rename from packages/vx-point/src/Point.ts
rename to packages/visx-point/src/Point.ts
diff --git a/packages/vx-point/src/index.ts b/packages/visx-point/src/index.ts
similarity index 100%
rename from packages/vx-point/src/index.ts
rename to packages/visx-point/src/index.ts
diff --git a/packages/vx-point/test/point.test.ts b/packages/visx-point/test/point.test.ts
similarity index 100%
rename from packages/vx-point/test/point.test.ts
rename to packages/visx-point/test/point.test.ts
diff --git a/packages/visx-react-spring/README.md b/packages/visx-react-spring/README.md
new file mode 100644
index 000000000..7953d5cb2
--- /dev/null
+++ b/packages/visx-react-spring/README.md
@@ -0,0 +1,21 @@
+# @visx/react-spring
+
+
+
+
+Although `visx` is largely unopinioned on animation, there is value in abstracting the complexity +
+boilerplate of building **animated** `visx` visualization components. This package requires
+`react-spring` as a `peerDependency` (to be compatible with any usage within your app) and exports
+all `visx` components that depend on `react-spring`.
+
+[`react-spring`](https://www.react-spring.io/) provides performant primitives for animating react
+components and is our recommended library for making animated charts. In order to minimize
+`react-spring` as a dependency across other `visx` packages, we've consolidated components which
+depend on it here.
+
+## Installation
+
+```
+npm install --save react-spring @visx/react-spring
+```
diff --git a/packages/vx-react-spring/package.json b/packages/visx-react-spring/package.json
similarity index 65%
rename from packages/vx-react-spring/package.json
rename to packages/visx-react-spring/package.json
index fbfed17ad..45ca6a58f 100644
--- a/packages/vx-react-spring/package.json
+++ b/packages/visx-react-spring/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/react-spring",
+ "name": "@visx/react-spring",
"version": "0.0.199",
- "description": "Vx primitives that rely on react-spring for animation",
+ "description": "visx primitives that rely on react-spring for animation",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -31,9 +31,9 @@
],
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
@@ -44,10 +44,10 @@
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/react": "*",
- "@vx/axis": "0.0.199",
- "@vx/grid": "0.0.199",
- "@vx/scale": "0.0.199",
- "@vx/text": "0.0.199",
+ "@visx/axis": "0.0.199",
+ "@visx/grid": "0.0.199",
+ "@visx/scale": "0.0.199",
+ "@visx/text": "0.0.199",
"classnames": "^2.2.5",
"prop-types": "^15.6.2"
}
diff --git a/packages/vx-react-spring/src/axis/AnimatedAxis.tsx b/packages/visx-react-spring/src/axis/AnimatedAxis.tsx
similarity index 85%
rename from packages/vx-react-spring/src/axis/AnimatedAxis.tsx
rename to packages/visx-react-spring/src/axis/AnimatedAxis.tsx
index 4380bd3e7..88bd47644 100644
--- a/packages/vx-react-spring/src/axis/AnimatedAxis.tsx
+++ b/packages/visx-react-spring/src/axis/AnimatedAxis.tsx
@@ -1,6 +1,6 @@
import React, { useMemo } from 'react';
-import Axis, { AxisProps } from '@vx/axis/lib/axis/Axis';
-import { AxisScale, TicksRendererProps } from '@vx/axis/lib/types';
+import Axis, { AxisProps } from '@visx/axis/lib/axis/Axis';
+import { AxisScale, TicksRendererProps } from '@visx/axis/lib/types';
import AnimatedTicks from './AnimatedTicks';
import { AnimationTrajectory } from '../types';
diff --git a/packages/vx-react-spring/src/axis/AnimatedTicks.tsx b/packages/visx-react-spring/src/axis/AnimatedTicks.tsx
similarity index 91%
rename from packages/vx-react-spring/src/axis/AnimatedTicks.tsx
rename to packages/visx-react-spring/src/axis/AnimatedTicks.tsx
index 55496a48d..9105d6f01 100644
--- a/packages/vx-react-spring/src/axis/AnimatedTicks.tsx
+++ b/packages/visx-react-spring/src/axis/AnimatedTicks.tsx
@@ -1,9 +1,9 @@
import React from 'react';
import { animated, useTransition, interpolate } from 'react-spring';
import cx from 'classnames';
-import Orientation from '@vx/axis/lib/constants/orientation';
-import { TicksRendererProps, AxisScale } from '@vx/axis/lib/types';
-import { Text } from '@vx/text';
+import Orientation from '@visx/axis/lib/constants/orientation';
+import { TicksRendererProps, AxisScale } from '@visx/axis/lib/types';
+import { Text } from '@visx/text';
import useLineTransitionConfig from '../spring-configs/useLineTransitionConfig';
import { AnimationTrajectory } from '../types';
@@ -42,7 +42,7 @@ export default function AnimatedTicks({
return (
{!hideTicks && (
diff --git a/packages/vx-react-spring/src/grid/AnimatedGridColumns.tsx b/packages/visx-react-spring/src/grid/AnimatedGridColumns.tsx
similarity index 87%
rename from packages/vx-react-spring/src/grid/AnimatedGridColumns.tsx
rename to packages/visx-react-spring/src/grid/AnimatedGridColumns.tsx
index 98cb256a2..66124aeb7 100644
--- a/packages/vx-react-spring/src/grid/AnimatedGridColumns.tsx
+++ b/packages/visx-react-spring/src/grid/AnimatedGridColumns.tsx
@@ -1,6 +1,6 @@
import React from 'react';
-import GridColumns, { GridColumnsProps } from '@vx/grid/lib/grids/GridColumns';
-import { GridScale } from '@vx/grid/lib/types';
+import GridColumns, { GridColumnsProps } from '@visx/grid/lib/grids/GridColumns';
+import { GridScale } from '@visx/grid/lib/types';
import AnimatedGridLines from './AnimatedGridLines';
import { AnimationTrajectory } from '../types';
diff --git a/packages/vx-react-spring/src/grid/AnimatedGridLines.tsx b/packages/visx-react-spring/src/grid/AnimatedGridLines.tsx
similarity index 94%
rename from packages/vx-react-spring/src/grid/AnimatedGridLines.tsx
rename to packages/visx-react-spring/src/grid/AnimatedGridLines.tsx
index c15183c24..c797ce1bf 100644
--- a/packages/vx-react-spring/src/grid/AnimatedGridLines.tsx
+++ b/packages/visx-react-spring/src/grid/AnimatedGridLines.tsx
@@ -1,6 +1,6 @@
import React, { SVGProps } from 'react';
import { animated, useTransition } from 'react-spring';
-import { GridScale, GridLines, CommonGridProps } from '@vx/grid/lib/types';
+import { GridScale, GridLines, CommonGridProps } from '@visx/grid/lib/types';
import useLineTransitionConfig, {
TransitionConfig,
} from '../spring-configs/useLineTransitionConfig';
diff --git a/packages/vx-react-spring/src/grid/AnimatedGridRows.tsx b/packages/visx-react-spring/src/grid/AnimatedGridRows.tsx
similarity index 87%
rename from packages/vx-react-spring/src/grid/AnimatedGridRows.tsx
rename to packages/visx-react-spring/src/grid/AnimatedGridRows.tsx
index 5737faf69..d17c974e6 100644
--- a/packages/vx-react-spring/src/grid/AnimatedGridRows.tsx
+++ b/packages/visx-react-spring/src/grid/AnimatedGridRows.tsx
@@ -1,6 +1,6 @@
import React from 'react';
-import GridRows, { GridRowsProps } from '@vx/grid/lib/grids/GridRows';
-import { GridScale } from '@vx/grid/lib/types';
+import GridRows, { GridRowsProps } from '@visx/grid/lib/grids/GridRows';
+import { GridScale } from '@visx/grid/lib/types';
import AnimatedGridLines from './AnimatedGridLines';
import { AnimationTrajectory } from '../types';
diff --git a/packages/vx-react-spring/src/index.ts b/packages/visx-react-spring/src/index.ts
similarity index 100%
rename from packages/vx-react-spring/src/index.ts
rename to packages/visx-react-spring/src/index.ts
diff --git a/packages/vx-react-spring/src/spring-configs/useLineTransitionConfig.ts b/packages/visx-react-spring/src/spring-configs/useLineTransitionConfig.ts
similarity index 95%
rename from packages/vx-react-spring/src/spring-configs/useLineTransitionConfig.ts
rename to packages/visx-react-spring/src/spring-configs/useLineTransitionConfig.ts
index 25738edf2..b01fee4c0 100644
--- a/packages/vx-react-spring/src/spring-configs/useLineTransitionConfig.ts
+++ b/packages/visx-react-spring/src/spring-configs/useLineTransitionConfig.ts
@@ -1,7 +1,7 @@
import { useMemo } from 'react';
-import { coerceNumber } from '@vx/scale';
-import { AxisScale } from '@vx/axis/lib/types';
-import { GridScale } from '@vx/grid/lib/types';
+import { coerceNumber } from '@visx/scale';
+import { AxisScale } from '@visx/axis/lib/types';
+import { GridScale } from '@visx/grid/lib/types';
import { AnimationTrajectory } from '../types';
interface Point {
diff --git a/packages/vx-react-spring/src/types.ts b/packages/visx-react-spring/src/types.ts
similarity index 100%
rename from packages/vx-react-spring/src/types.ts
rename to packages/visx-react-spring/src/types.ts
diff --git a/packages/vx-react-spring/test/AnimatedAxis.test.tsx b/packages/visx-react-spring/test/AnimatedAxis.test.tsx
similarity index 89%
rename from packages/vx-react-spring/test/AnimatedAxis.test.tsx
rename to packages/visx-react-spring/test/AnimatedAxis.test.tsx
index 67260bfd6..c3a7b2450 100644
--- a/packages/vx-react-spring/test/AnimatedAxis.test.tsx
+++ b/packages/visx-react-spring/test/AnimatedAxis.test.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { shallow } from 'enzyme';
-import { scaleLinear } from '@vx/scale';
+import { scaleLinear } from '@visx/scale';
import { AnimatedAxis } from '../src';
describe('AnimatedAxis', () => {
diff --git a/packages/vx-react-spring/test/AnimatedGridColumns.test.tsx b/packages/visx-react-spring/test/AnimatedGridColumns.test.tsx
similarity index 91%
rename from packages/vx-react-spring/test/AnimatedGridColumns.test.tsx
rename to packages/visx-react-spring/test/AnimatedGridColumns.test.tsx
index d5df311cf..deb10f1e1 100644
--- a/packages/vx-react-spring/test/AnimatedGridColumns.test.tsx
+++ b/packages/visx-react-spring/test/AnimatedGridColumns.test.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { shallow } from 'enzyme';
-import { scaleLinear } from '@vx/scale';
+import { scaleLinear } from '@visx/scale';
import { AnimatedGridColumns } from '../src';
describe('AnimatedGridColumns', () => {
diff --git a/packages/vx-react-spring/test/AnimatedGridRows.test.tsx b/packages/visx-react-spring/test/AnimatedGridRows.test.tsx
similarity index 90%
rename from packages/vx-react-spring/test/AnimatedGridRows.test.tsx
rename to packages/visx-react-spring/test/AnimatedGridRows.test.tsx
index 7d1d1906c..507ef10dd 100644
--- a/packages/vx-react-spring/test/AnimatedGridRows.test.tsx
+++ b/packages/visx-react-spring/test/AnimatedGridRows.test.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { shallow } from 'enzyme';
-import { scaleLinear } from '@vx/scale';
+import { scaleLinear } from '@visx/scale';
import { AnimatedGridRows } from '../src';
describe('AnimatedGridRows', () => {
diff --git a/packages/vx-react-spring/test/AnimatedTicks.test.tsx b/packages/visx-react-spring/test/AnimatedTicks.test.tsx
similarity index 93%
rename from packages/vx-react-spring/test/AnimatedTicks.test.tsx
rename to packages/visx-react-spring/test/AnimatedTicks.test.tsx
index ffa900df7..cc2d17b7d 100644
--- a/packages/vx-react-spring/test/AnimatedTicks.test.tsx
+++ b/packages/visx-react-spring/test/AnimatedTicks.test.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { shallow } from 'enzyme';
-import { scaleLinear } from '@vx/scale';
+import { scaleLinear } from '@visx/scale';
import { AnimatedTicks } from '../src';
describe('AnimatedTicks', () => {
diff --git a/packages/vx-react-spring/test/useLineTransitionConfig.test.tsx b/packages/visx-react-spring/test/useLineTransitionConfig.test.tsx
similarity index 98%
rename from packages/vx-react-spring/test/useLineTransitionConfig.test.tsx
rename to packages/visx-react-spring/test/useLineTransitionConfig.test.tsx
index 245efb5d3..eca32ca09 100644
--- a/packages/vx-react-spring/test/useLineTransitionConfig.test.tsx
+++ b/packages/visx-react-spring/test/useLineTransitionConfig.test.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { scaleLinear } from '@vx/scale';
+import { scaleLinear } from '@visx/scale';
import { shallow } from 'enzyme';
import useLineTransitionConfig from '../src/spring-configs/useLineTransitionConfig';
diff --git a/packages/vx-responsive/.npmrc b/packages/visx-responsive/.npmrc
similarity index 100%
rename from packages/vx-responsive/.npmrc
rename to packages/visx-responsive/.npmrc
diff --git a/packages/vx-responsive/Readme.md b/packages/visx-responsive/Readme.md
similarity index 64%
rename from packages/vx-responsive/Readme.md
rename to packages/visx-responsive/Readme.md
index 2bb68c790..500188a47 100644
--- a/packages/vx-responsive/Readme.md
+++ b/packages/visx-responsive/Readme.md
@@ -1,10 +1,10 @@
-# @vx/responsive
+# @visx/responsive
-
-
+
-The `@vx/responsive` package is here to help you make responsive graphs.
+The `@visx/responsive` package is here to help you make responsive graphs.
**With Enhancers**
@@ -27,12 +27,12 @@ containing the respective screen dimensions.
### Example:
```js
-import { withScreenSize } from '@vx/responsive';
+import { withScreenSize } from '@visx/responsive';
// or
-// import * as Responsive from '@vx/responsive';
+// import * as Responsive from '@visx/responsive';
// Responsive.withScreenSize(...);
-let chartToRender = withScreenSize(MySuperCoolVxChart);
+let chartToRender = withScreenSize(MySuperCoolVisxChart);
// ... Render the chartToRender somewhere
```
@@ -46,12 +46,12 @@ wrapped component containing the respective parent's dimensions.
### Example:
```js
-import { withParentSize } from '@vx/responsive';
+import { withParentSize } from '@visx/responsive';
// or
-// import * as Responsive from '@vx/responsive';
+// import * as Responsive from '@visx/responsive';
// Responsive.withParentSize(...);
-let chartToRender = withParentSize(MySuperCoolVxChart);
+let chartToRender = withParentSize(MySuperCoolVisxChart);
// ... Render the chartToRender somewhere
```
@@ -63,22 +63,22 @@ You might do the same thing using the `ParentSize` component.
### Example:
```js
-import { ParentSize } from '@vx/responsive';
+import { ParentSize } from '@visx/responsive';
// or
-// import * as Responsive from '@vx/responsive';
+// import * as Responsive from '@visx/responsive';
//
{parent => (
-
-
+
## Installation
```sh
-npm install --save @vx/scale
+npm install --save @visx/scale
```
## Overview of scales
-The `@vx/scale` package aims to provide a wrapper around existing `d3` scaling originally defined in
-the [d3-scale](https://github.com/d3/d3-scale) package.
+The `@visx/scale` package aims to provide a wrapper around existing `d3` scaling originally defined
+in the [d3-scale](https://github.com/d3/d3-scale) package.
Scales are functions that help you map your data values to the physical pixel size that your graph
requires. For example, let's say you wanted to create a bar chart to show populations per country.
If you were to use a 1-to-1 scale (IE: 1 pixel per y value) your bar for the USA would be about
321.4 million pixels high!
-Instead, you can tell `vx` a function to use that takes a data value (like your population per
+Instead, you can tell `visx` a function to use that takes a data value (like your population per
country) and quantitatively maps to another dimensional space, like pixels.
For example, we could create a linear scale like this:
@@ -220,7 +220,7 @@ const scale = Scale.scaleUtc({
### Color Scales
D3 scales offer the ability to map points to colors. You can use
-[`d3-scale-chromatic`](https://github.com/d3/d3-scale-chromatic) in conjunction with vx's
+[`d3-scale-chromatic`](https://github.com/d3/d3-scale-chromatic) in conjunction with visx's
`scaleOrdinal` to make color scales.
You can install `d3-scale-chromatic` with npm:
@@ -232,7 +232,7 @@ npm install --save d3-scale-chromatic
You create a color scale like so:
```js
-import { scaleOrdinal } from '@vx/scale';
+import { scaleOrdinal } from '@visx/scale';
import { schemeSet1 } from 'd3-scale-chromatic';
const colorScale = scaleOrdinal({
diff --git a/packages/vx-scale/package.json b/packages/visx-scale/package.json
similarity index 73%
rename from packages/vx-scale/package.json
rename to packages/visx-scale/package.json
index 58c46d5e0..5d98207d9 100644
--- a/packages/vx-scale/package.json
+++ b/packages/visx-scale/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/scale",
+ "name": "@visx/scale",
"version": "0.0.199",
- "description": "vx scale",
+ "description": "visx scale",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -27,9 +27,9 @@
],
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"dependencies": {
"@types/d3-interpolate": "^1.3.1",
"@types/d3-scale": "^2.1.1",
diff --git a/packages/vx-scale/src/createScale.ts b/packages/visx-scale/src/createScale.ts
similarity index 100%
rename from packages/vx-scale/src/createScale.ts
rename to packages/visx-scale/src/createScale.ts
diff --git a/packages/vx-scale/src/index.ts b/packages/visx-scale/src/index.ts
similarity index 100%
rename from packages/vx-scale/src/index.ts
rename to packages/visx-scale/src/index.ts
diff --git a/packages/vx-scale/src/operators/align.ts b/packages/visx-scale/src/operators/align.ts
similarity index 100%
rename from packages/vx-scale/src/operators/align.ts
rename to packages/visx-scale/src/operators/align.ts
diff --git a/packages/vx-scale/src/operators/base.ts b/packages/visx-scale/src/operators/base.ts
similarity index 100%
rename from packages/vx-scale/src/operators/base.ts
rename to packages/visx-scale/src/operators/base.ts
diff --git a/packages/vx-scale/src/operators/clamp.ts b/packages/visx-scale/src/operators/clamp.ts
similarity index 100%
rename from packages/vx-scale/src/operators/clamp.ts
rename to packages/visx-scale/src/operators/clamp.ts
diff --git a/packages/vx-scale/src/operators/constant.ts b/packages/visx-scale/src/operators/constant.ts
similarity index 100%
rename from packages/vx-scale/src/operators/constant.ts
rename to packages/visx-scale/src/operators/constant.ts
diff --git a/packages/vx-scale/src/operators/domain.ts b/packages/visx-scale/src/operators/domain.ts
similarity index 100%
rename from packages/vx-scale/src/operators/domain.ts
rename to packages/visx-scale/src/operators/domain.ts
diff --git a/packages/vx-scale/src/operators/exponent.ts b/packages/visx-scale/src/operators/exponent.ts
similarity index 100%
rename from packages/vx-scale/src/operators/exponent.ts
rename to packages/visx-scale/src/operators/exponent.ts
diff --git a/packages/vx-scale/src/operators/interpolate.ts b/packages/visx-scale/src/operators/interpolate.ts
similarity index 100%
rename from packages/vx-scale/src/operators/interpolate.ts
rename to packages/visx-scale/src/operators/interpolate.ts
diff --git a/packages/vx-scale/src/operators/nice.ts b/packages/visx-scale/src/operators/nice.ts
similarity index 100%
rename from packages/vx-scale/src/operators/nice.ts
rename to packages/visx-scale/src/operators/nice.ts
diff --git a/packages/vx-scale/src/operators/padding.ts b/packages/visx-scale/src/operators/padding.ts
similarity index 100%
rename from packages/vx-scale/src/operators/padding.ts
rename to packages/visx-scale/src/operators/padding.ts
diff --git a/packages/vx-scale/src/operators/range.ts b/packages/visx-scale/src/operators/range.ts
similarity index 100%
rename from packages/vx-scale/src/operators/range.ts
rename to packages/visx-scale/src/operators/range.ts
diff --git a/packages/vx-scale/src/operators/reverse.ts b/packages/visx-scale/src/operators/reverse.ts
similarity index 100%
rename from packages/vx-scale/src/operators/reverse.ts
rename to packages/visx-scale/src/operators/reverse.ts
diff --git a/packages/vx-scale/src/operators/round.ts b/packages/visx-scale/src/operators/round.ts
similarity index 90%
rename from packages/vx-scale/src/operators/round.ts
rename to packages/visx-scale/src/operators/round.ts
index 2703aac10..aec26f81a 100644
--- a/packages/vx-scale/src/operators/round.ts
+++ b/packages/visx-scale/src/operators/round.ts
@@ -15,7 +15,7 @@ export default function applyRound<
if ('round' in config && typeof config.round !== 'undefined') {
if (config.round && 'interpolate' in config && typeof config.interpolate !== 'undefined') {
console.warn(
- `[vx/scale/applyRound] ignoring round: scale config contains round and interpolate. only applying interpolate. config:`,
+ `[visx/scale/applyRound] ignoring round: scale config contains round and interpolate. only applying interpolate. config:`,
config,
);
} else if ('round' in scale) {
diff --git a/packages/vx-scale/src/operators/scaleOperator.ts b/packages/visx-scale/src/operators/scaleOperator.ts
similarity index 100%
rename from packages/vx-scale/src/operators/scaleOperator.ts
rename to packages/visx-scale/src/operators/scaleOperator.ts
diff --git a/packages/vx-scale/src/operators/unknown.ts b/packages/visx-scale/src/operators/unknown.ts
similarity index 100%
rename from packages/vx-scale/src/operators/unknown.ts
rename to packages/visx-scale/src/operators/unknown.ts
diff --git a/packages/vx-scale/src/operators/zero.ts b/packages/visx-scale/src/operators/zero.ts
similarity index 100%
rename from packages/vx-scale/src/operators/zero.ts
rename to packages/visx-scale/src/operators/zero.ts
diff --git a/packages/vx-scale/src/scales/band.ts b/packages/visx-scale/src/scales/band.ts
similarity index 100%
rename from packages/vx-scale/src/scales/band.ts
rename to packages/visx-scale/src/scales/band.ts
diff --git a/packages/vx-scale/src/scales/linear.ts b/packages/visx-scale/src/scales/linear.ts
similarity index 100%
rename from packages/vx-scale/src/scales/linear.ts
rename to packages/visx-scale/src/scales/linear.ts
diff --git a/packages/vx-scale/src/scales/log.ts b/packages/visx-scale/src/scales/log.ts
similarity index 100%
rename from packages/vx-scale/src/scales/log.ts
rename to packages/visx-scale/src/scales/log.ts
diff --git a/packages/vx-scale/src/scales/ordinal.ts b/packages/visx-scale/src/scales/ordinal.ts
similarity index 100%
rename from packages/vx-scale/src/scales/ordinal.ts
rename to packages/visx-scale/src/scales/ordinal.ts
diff --git a/packages/vx-scale/src/scales/point.ts b/packages/visx-scale/src/scales/point.ts
similarity index 100%
rename from packages/vx-scale/src/scales/point.ts
rename to packages/visx-scale/src/scales/point.ts
diff --git a/packages/vx-scale/src/scales/power.ts b/packages/visx-scale/src/scales/power.ts
similarity index 100%
rename from packages/vx-scale/src/scales/power.ts
rename to packages/visx-scale/src/scales/power.ts
diff --git a/packages/vx-scale/src/scales/quantile.ts b/packages/visx-scale/src/scales/quantile.ts
similarity index 100%
rename from packages/vx-scale/src/scales/quantile.ts
rename to packages/visx-scale/src/scales/quantile.ts
diff --git a/packages/vx-scale/src/scales/quantize.ts b/packages/visx-scale/src/scales/quantize.ts
similarity index 100%
rename from packages/vx-scale/src/scales/quantize.ts
rename to packages/visx-scale/src/scales/quantize.ts
diff --git a/packages/vx-scale/src/scales/squareRoot.ts b/packages/visx-scale/src/scales/squareRoot.ts
similarity index 100%
rename from packages/vx-scale/src/scales/squareRoot.ts
rename to packages/visx-scale/src/scales/squareRoot.ts
diff --git a/packages/vx-scale/src/scales/symlog.ts b/packages/visx-scale/src/scales/symlog.ts
similarity index 100%
rename from packages/vx-scale/src/scales/symlog.ts
rename to packages/visx-scale/src/scales/symlog.ts
diff --git a/packages/vx-scale/src/scales/threshold.ts b/packages/visx-scale/src/scales/threshold.ts
similarity index 100%
rename from packages/vx-scale/src/scales/threshold.ts
rename to packages/visx-scale/src/scales/threshold.ts
diff --git a/packages/vx-scale/src/scales/time.ts b/packages/visx-scale/src/scales/time.ts
similarity index 100%
rename from packages/vx-scale/src/scales/time.ts
rename to packages/visx-scale/src/scales/time.ts
diff --git a/packages/vx-scale/src/scales/utc.ts b/packages/visx-scale/src/scales/utc.ts
similarity index 100%
rename from packages/vx-scale/src/scales/utc.ts
rename to packages/visx-scale/src/scales/utc.ts
diff --git a/packages/vx-scale/src/types/Base.ts b/packages/visx-scale/src/types/Base.ts
similarity index 100%
rename from packages/vx-scale/src/types/Base.ts
rename to packages/visx-scale/src/types/Base.ts
diff --git a/packages/vx-scale/src/types/BaseScaleConfig.ts b/packages/visx-scale/src/types/BaseScaleConfig.ts
similarity index 100%
rename from packages/vx-scale/src/types/BaseScaleConfig.ts
rename to packages/visx-scale/src/types/BaseScaleConfig.ts
diff --git a/packages/vx-scale/src/types/Nice.ts b/packages/visx-scale/src/types/Nice.ts
similarity index 100%
rename from packages/vx-scale/src/types/Nice.ts
rename to packages/visx-scale/src/types/Nice.ts
diff --git a/packages/vx-scale/src/types/Scale.ts b/packages/visx-scale/src/types/Scale.ts
similarity index 100%
rename from packages/vx-scale/src/types/Scale.ts
rename to packages/visx-scale/src/types/Scale.ts
diff --git a/packages/vx-scale/src/types/ScaleConfig.ts b/packages/visx-scale/src/types/ScaleConfig.ts
similarity index 100%
rename from packages/vx-scale/src/types/ScaleConfig.ts
rename to packages/visx-scale/src/types/ScaleConfig.ts
diff --git a/packages/vx-scale/src/types/ScaleInterpolate.ts b/packages/visx-scale/src/types/ScaleInterpolate.ts
similarity index 100%
rename from packages/vx-scale/src/types/ScaleInterpolate.ts
rename to packages/visx-scale/src/types/ScaleInterpolate.ts
diff --git a/packages/vx-scale/src/updateScale.ts b/packages/visx-scale/src/updateScale.ts
similarity index 100%
rename from packages/vx-scale/src/updateScale.ts
rename to packages/visx-scale/src/updateScale.ts
diff --git a/packages/vx-scale/src/utils/coerceNumber.ts b/packages/visx-scale/src/utils/coerceNumber.ts
similarity index 100%
rename from packages/vx-scale/src/utils/coerceNumber.ts
rename to packages/visx-scale/src/utils/coerceNumber.ts
diff --git a/packages/vx-scale/src/utils/createColorInterpolator.ts b/packages/visx-scale/src/utils/createColorInterpolator.ts
similarity index 100%
rename from packages/vx-scale/src/utils/createColorInterpolator.ts
rename to packages/visx-scale/src/utils/createColorInterpolator.ts
diff --git a/packages/vx-scale/src/utils/getTicks.ts b/packages/visx-scale/src/utils/getTicks.ts
similarity index 100%
rename from packages/vx-scale/src/utils/getTicks.ts
rename to packages/visx-scale/src/utils/getTicks.ts
diff --git a/packages/vx-scale/src/utils/inferScaleType.ts b/packages/visx-scale/src/utils/inferScaleType.ts
similarity index 100%
rename from packages/vx-scale/src/utils/inferScaleType.ts
rename to packages/visx-scale/src/utils/inferScaleType.ts
diff --git a/packages/vx-scale/src/utils/isUtcScale.ts b/packages/visx-scale/src/utils/isUtcScale.ts
similarity index 100%
rename from packages/vx-scale/src/utils/isUtcScale.ts
rename to packages/visx-scale/src/utils/isUtcScale.ts
diff --git a/packages/vx-scale/src/utils/toString.ts b/packages/visx-scale/src/utils/toString.ts
similarity index 100%
rename from packages/vx-scale/src/utils/toString.ts
rename to packages/visx-scale/src/utils/toString.ts
diff --git a/packages/vx-scale/test/createScale.test.ts b/packages/visx-scale/test/createScale.test.ts
similarity index 100%
rename from packages/vx-scale/test/createScale.test.ts
rename to packages/visx-scale/test/createScale.test.ts
diff --git a/packages/vx-scale/test/scaleBand.test.ts b/packages/visx-scale/test/scaleBand.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleBand.test.ts
rename to packages/visx-scale/test/scaleBand.test.ts
diff --git a/packages/vx-scale/test/scaleLinear.test.ts b/packages/visx-scale/test/scaleLinear.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleLinear.test.ts
rename to packages/visx-scale/test/scaleLinear.test.ts
diff --git a/packages/vx-scale/test/scaleLog.test.ts b/packages/visx-scale/test/scaleLog.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleLog.test.ts
rename to packages/visx-scale/test/scaleLog.test.ts
diff --git a/packages/vx-scale/test/scaleOrdinal.test.ts b/packages/visx-scale/test/scaleOrdinal.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleOrdinal.test.ts
rename to packages/visx-scale/test/scaleOrdinal.test.ts
diff --git a/packages/vx-scale/test/scalePoint.test.ts b/packages/visx-scale/test/scalePoint.test.ts
similarity index 100%
rename from packages/vx-scale/test/scalePoint.test.ts
rename to packages/visx-scale/test/scalePoint.test.ts
diff --git a/packages/vx-scale/test/scalePower.test.ts b/packages/visx-scale/test/scalePower.test.ts
similarity index 100%
rename from packages/vx-scale/test/scalePower.test.ts
rename to packages/visx-scale/test/scalePower.test.ts
diff --git a/packages/vx-scale/test/scaleQuantile.test.ts b/packages/visx-scale/test/scaleQuantile.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleQuantile.test.ts
rename to packages/visx-scale/test/scaleQuantile.test.ts
diff --git a/packages/vx-scale/test/scaleQuantize.test.ts b/packages/visx-scale/test/scaleQuantize.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleQuantize.test.ts
rename to packages/visx-scale/test/scaleQuantize.test.ts
diff --git a/packages/vx-scale/test/scaleSqrt.test.ts b/packages/visx-scale/test/scaleSqrt.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleSqrt.test.ts
rename to packages/visx-scale/test/scaleSqrt.test.ts
diff --git a/packages/vx-scale/test/scaleSymlog.test.ts b/packages/visx-scale/test/scaleSymlog.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleSymlog.test.ts
rename to packages/visx-scale/test/scaleSymlog.test.ts
diff --git a/packages/vx-scale/test/scaleThreshold.test.ts b/packages/visx-scale/test/scaleThreshold.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleThreshold.test.ts
rename to packages/visx-scale/test/scaleThreshold.test.ts
diff --git a/packages/vx-scale/test/scaleTime.test.ts b/packages/visx-scale/test/scaleTime.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleTime.test.ts
rename to packages/visx-scale/test/scaleTime.test.ts
diff --git a/packages/vx-scale/test/scaleUtc.test.ts b/packages/visx-scale/test/scaleUtc.test.ts
similarity index 100%
rename from packages/vx-scale/test/scaleUtc.test.ts
rename to packages/visx-scale/test/scaleUtc.test.ts
diff --git a/packages/vx-scale/test/updateScale.test.ts b/packages/visx-scale/test/updateScale.test.ts
similarity index 100%
rename from packages/vx-scale/test/updateScale.test.ts
rename to packages/visx-scale/test/updateScale.test.ts
diff --git a/packages/vx-scale/test/utils/coerceNumber.test.ts b/packages/visx-scale/test/utils/coerceNumber.test.ts
similarity index 100%
rename from packages/vx-scale/test/utils/coerceNumber.test.ts
rename to packages/visx-scale/test/utils/coerceNumber.test.ts
diff --git a/packages/vx-scale/test/utils/getTicks.test.ts b/packages/visx-scale/test/utils/getTicks.test.ts
similarity index 100%
rename from packages/vx-scale/test/utils/getTicks.test.ts
rename to packages/visx-scale/test/utils/getTicks.test.ts
diff --git a/packages/vx-scale/test/utils/inferScaleType.test.ts b/packages/visx-scale/test/utils/inferScaleType.test.ts
similarity index 100%
rename from packages/vx-scale/test/utils/inferScaleType.test.ts
rename to packages/visx-scale/test/utils/inferScaleType.test.ts
diff --git a/packages/vx-scale/test/utils/isUtcScale.test.ts b/packages/visx-scale/test/utils/isUtcScale.test.ts
similarity index 100%
rename from packages/vx-scale/test/utils/isUtcScale.test.ts
rename to packages/visx-scale/test/utils/isUtcScale.test.ts
diff --git a/packages/vx-scale/test/utils/toString.test.ts b/packages/visx-scale/test/utils/toString.test.ts
similarity index 100%
rename from packages/vx-scale/test/utils/toString.test.ts
rename to packages/visx-scale/test/utils/toString.test.ts
diff --git a/packages/vx-shape/.npmrc b/packages/visx-shape/.npmrc
similarity index 100%
rename from packages/vx-shape/.npmrc
rename to packages/visx-shape/.npmrc
diff --git a/packages/visx-shape/Readme.md b/packages/visx-shape/Readme.md
new file mode 100644
index 000000000..aaa128287
--- /dev/null
+++ b/packages/visx-shape/Readme.md
@@ -0,0 +1,14 @@
+# @visx/shape
+
+
+
+
+Shapes are the core elements of `visx`. Most of what you see on the screen, like lines, bars, and
+areas are all made with shape primitives.
+
+## Installation
+
+```
+npm install --save @visx/shape
+```
diff --git a/packages/vx-shape/package.json b/packages/visx-shape/package.json
similarity index 79%
rename from packages/vx-shape/package.json
rename to packages/visx-shape/package.json
index eb9da64e7..03e34fdb5 100644
--- a/packages/vx-shape/package.json
+++ b/packages/visx-shape/package.json
@@ -1,18 +1,18 @@
{
- "name": "@vx/shape",
+ "name": "@visx/shape",
"version": "0.0.199",
- "description": "vx shape",
+ "description": "visx shape",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
- "repository": "https://github.com/hshoff/vx",
+ "repository": "https://github.com/airbnb/visx",
"files": [
"lib",
"esm"
],
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -26,9 +26,9 @@
"@types/d3-shape": "^1.3.1",
"@types/lodash": "^4.14.146",
"@types/react": "*",
- "@vx/curve": "0.0.199",
- "@vx/group": "0.0.199",
- "@vx/scale": "0.0.199",
+ "@visx/curve": "0.0.199",
+ "@visx/group": "0.0.199",
+ "@visx/scale": "0.0.199",
"classnames": "^2.2.5",
"d3-path": "^1.0.5",
"d3-shape": "^1.2.0",
diff --git a/packages/vx-shape/src/index.ts b/packages/visx-shape/src/index.ts
similarity index 100%
rename from packages/vx-shape/src/index.ts
rename to packages/visx-shape/src/index.ts
diff --git a/packages/vx-shape/src/shapes/Arc.tsx b/packages/visx-shape/src/shapes/Arc.tsx
similarity index 90%
rename from packages/vx-shape/src/shapes/Arc.tsx
rename to packages/visx-shape/src/shapes/Arc.tsx
index b310b96af..5a17899a1 100644
--- a/packages/vx-shape/src/shapes/Arc.tsx
+++ b/packages/visx-shape/src/shapes/Arc.tsx
@@ -44,6 +44,11 @@ export default function Arc({
if (!data) return null;
return (
- ({
// eslint-disable-next-line react/jsx-no-useless-fragment
if (children) return <>{children({ path })};
return (
- ({
return (
({
(({ stacks, path }) =>
stacks.map((series, i) => (
) {
- return & {
/** Returns the value mapped to the x0 (group position) of a bar */
x0: Accessor>;
- /** @vx/scale or d3-scale that takes an x0 value (position of group) and maps it to an x0 axis position of the group. */
+ /** @visx/scale or d3-scale that takes an x0 value (position of group) and maps it to an x0 axis position of the group. */
x0Scale: X0Scale;
- /** @vx/scale or d3-scale that takes a group key and maps it to an x axis position (within a group). */
+ /** @visx/scale or d3-scale that takes a group key and maps it to an x axis position (within a group). */
x1Scale: X1Scale;
- /** @vx/scale or d3-scale that takes an y value (Datum[key]) and maps it to a y axis position. */
+ /** @visx/scale or d3-scale that takes an y value (Datum[key]) and maps it to a y axis position. */
yScale: PositionScale;
/** Total height of the y-axis. */
height: number;
@@ -71,7 +71,7 @@ export type BarGroupProps<
* });
* ```
*
- * Example: [https://vx-demo.now.sh/bargroup](https://vx-demo.now.sh/bargroup)
+ * Example: [https://airbnb.io/visx/bargroup](https://airbnb.io/visx/bargroup)
*/
export default function BarGroupComponent<
Datum extends DatumObject,
@@ -117,7 +117,7 @@ export default function BarGroupComponent<
if (children) return <>{children(barGroups)};
return (
-
+
{barGroups.map(barGroup => (
{barGroup.bars.map(bar => (
diff --git a/packages/vx-shape/src/shapes/BarGroupHorizontal.tsx b/packages/visx-shape/src/shapes/BarGroupHorizontal.tsx
similarity index 83%
rename from packages/vx-shape/src/shapes/BarGroupHorizontal.tsx
rename to packages/visx-shape/src/shapes/BarGroupHorizontal.tsx
index 9d2b5486c..8f3f99a64 100644
--- a/packages/vx-shape/src/shapes/BarGroupHorizontal.tsx
+++ b/packages/visx-shape/src/shapes/BarGroupHorizontal.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import cx from 'classnames';
-import { Group } from '@vx/group';
-import { ScaleInput } from '@vx/scale';
+import { Group } from '@visx/group';
+import { ScaleInput } from '@visx/scale';
import Bar from './Bar';
import {
PositionScale,
@@ -25,11 +25,11 @@ export type BarGroupHorizontalProps<
x?: (barValue: number) => number;
/** Returns the value mapped to the y0 (position of group) of a bar */
y0: Accessor>;
- /** @vx/scale or d3-scale that takes a key value (Datum[key]) and maps it to an x axis position (width of bar). */
+ /** @visx/scale or d3-scale that takes a key value (Datum[key]) and maps it to an x axis position (width of bar). */
xScale: PositionScale;
- /** @vx/scale or d3-scale that takes a y0 value (position of group) and maps it to a y axis position. */
+ /** @visx/scale or d3-scale that takes a y0 value (position of group) and maps it to a y axis position. */
y0Scale: Y0Scale;
- /** @vx/scale or d3-scale that takes a group key and maps it to an y axis position (within a group). */
+ /** @visx/scale or d3-scale that takes a group key and maps it to an y axis position (within a group). */
y1Scale: Y1Scale;
/** Total width of the x-axis. */
width: number;
@@ -82,7 +82,7 @@ export default function BarGroupHorizontalComponent<
if (children) return <>{children(barGroups)};
return (
-
+
{barGroups.map(barGroup => (
{barGroup.bars.map(bar => (
diff --git a/packages/vx-shape/src/shapes/BarRounded.tsx b/packages/visx-shape/src/shapes/BarRounded.tsx
similarity index 96%
rename from packages/vx-shape/src/shapes/BarRounded.tsx
rename to packages/visx-shape/src/shapes/BarRounded.tsx
index bb6a1f6c8..d96686eac 100644
--- a/packages/vx-shape/src/shapes/BarRounded.tsx
+++ b/packages/visx-shape/src/shapes/BarRounded.tsx
@@ -78,6 +78,6 @@ z`
.join('');
return (
-
+
{barStacks.map(barStack =>
barStack.bars.map(bar => (
{children(barStacks)};
return (
-
+
{barStacks.map(barStack =>
barStack.bars.map(bar => (
) {
- return ({
return (
({
return (
({
if (children) return <>{children({ arcs, path, pie })};
return (
-
+
{arcs.map((arc, i) => (
-
))}
diff --git a/packages/vx-shape/src/shapes/Polygon.tsx b/packages/visx-shape/src/shapes/Polygon.tsx
similarity index 97%
rename from packages/vx-shape/src/shapes/Polygon.tsx
rename to packages/visx-shape/src/shapes/Polygon.tsx
index 2a596a2aa..a78d0f02a 100644
--- a/packages/vx-shape/src/shapes/Polygon.tsx
+++ b/packages/visx-shape/src/shapes/Polygon.tsx
@@ -80,7 +80,7 @@ export default function Polygon({
return (
({
{stacks.map((series, i) => (
({
return (
({
return (
({
return (
({
return (
({
return (
({
return (
({
return (
({
return (
({
return (
({
return (
({
return (
({
return (
= {
export type AreaPathConfig = {
/** The defined accessor for the shape. The final area shape includes all points for which this function returns true. By default all points are defined. */
defined?: AccessorForArrayItem;
- /** Sets the curve factory (from @vx/curve or d3-curve) for the area generator. Defaults to curveLinear. */
+ /** Sets the curve factory (from @visx/curve or d3-curve) for the area generator. Defaults to curveLinear. */
curve?: CurveFactory;
/** Sets the x0 accessor function, and sets x1 to null. */
x?: number | AccessorForArrayItem;
@@ -42,7 +42,7 @@ export type AreaPathConfig = {
export type LinePathConfig = {
/** The defined accessor for the shape. The final line shape includes all points for which this function returns true. By default all points are defined. */
defined?: AccessorForArrayItem;
- /** Sets the curve factory (from @vx/curve or d3-curve) for the line generator. Defaults to curveLinear. */
+ /** Sets the curve factory (from @visx/curve or d3-curve) for the line generator. Defaults to curveLinear. */
curve?: CurveFactory | CurveFactoryLineOnly;
/** Sets the x0 accessor function, and sets x1 to null. */
x?: number | AccessorForArrayItem;
@@ -71,7 +71,7 @@ export type PiePathConfig = {
export type RadialLinePathConfig = {
/** The defined accessor for the shape. The final radialLine shape includes all points for which this function returns true. By default all points are defined. */
defined?: AccessorForArrayItem;
- /** Sets the curve factory (from @vx/curve or d3-curve) for the radialLine generator. Defaults to curveLinear. */
+ /** Sets the curve factory (from @visx/curve or d3-curve) for the radialLine generator. Defaults to curveLinear. */
curve?: CurveFactory | CurveFactoryLineOnly;
/** Returns the angle value in radians for a given Datum, with 0 at -y (12 o’clock). */
angle?: number | AccessorForArrayItem;
diff --git a/packages/vx-shape/src/types/accessor.ts b/packages/visx-shape/src/types/accessor.ts
similarity index 100%
rename from packages/vx-shape/src/types/accessor.ts
rename to packages/visx-shape/src/types/accessor.ts
diff --git a/packages/vx-shape/src/types/area.ts b/packages/visx-shape/src/types/area.ts
similarity index 100%
rename from packages/vx-shape/src/types/area.ts
rename to packages/visx-shape/src/types/area.ts
diff --git a/packages/vx-shape/src/types/barGroup.ts b/packages/visx-shape/src/types/barGroup.ts
similarity index 100%
rename from packages/vx-shape/src/types/barGroup.ts
rename to packages/visx-shape/src/types/barGroup.ts
diff --git a/packages/vx-shape/src/types/barStack.ts b/packages/visx-shape/src/types/barStack.ts
similarity index 90%
rename from packages/vx-shape/src/types/barStack.ts
rename to packages/visx-shape/src/types/barStack.ts
index ca2fd6763..4d20b3dd9 100644
--- a/packages/vx-shape/src/types/barStack.ts
+++ b/packages/visx-shape/src/types/barStack.ts
@@ -43,9 +43,9 @@ export type BaseBarStackProps<
XScale extends PositionScale = PositionScale,
YScale extends PositionScale = PositionScale
> = BaseStackProps & {
- /** @vx/scale or d3-scale that takes an x value and maps it to an x axis position. */
+ /** @visx/scale or d3-scale that takes an x value and maps it to an x axis position. */
xScale: XScale;
- /** @vx/scale or d3-scale that takes a y value and maps it to an y axis position. */
+ /** @visx/scale or d3-scale that takes a y value and maps it to an y axis position. */
yScale: YScale;
/** Returns the desired color for a bar with a given key and index. */
color: (key: Key, index: number) => string;
diff --git a/packages/vx-shape/src/types/base.ts b/packages/visx-shape/src/types/base.ts
similarity index 93%
rename from packages/vx-shape/src/types/base.ts
rename to packages/visx-shape/src/types/base.ts
index 815c1b60e..587f51f57 100644
--- a/packages/vx-shape/src/types/base.ts
+++ b/packages/visx-shape/src/types/base.ts
@@ -1,4 +1,4 @@
-import { D3Scale, PickD3Scale } from '@vx/scale';
+import { D3Scale, PickD3Scale } from '@visx/scale';
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export type $TSFIXME = any;
diff --git a/packages/vx-shape/src/types/index.ts b/packages/visx-shape/src/types/index.ts
similarity index 100%
rename from packages/vx-shape/src/types/index.ts
rename to packages/visx-shape/src/types/index.ts
diff --git a/packages/vx-shape/src/types/link.ts b/packages/visx-shape/src/types/link.ts
similarity index 100%
rename from packages/vx-shape/src/types/link.ts
rename to packages/visx-shape/src/types/link.ts
diff --git a/packages/vx-shape/src/types/stack.ts b/packages/visx-shape/src/types/stack.ts
similarity index 100%
rename from packages/vx-shape/src/types/stack.ts
rename to packages/visx-shape/src/types/stack.ts
diff --git a/packages/vx-shape/src/util/D3ShapeFactories.ts b/packages/visx-shape/src/util/D3ShapeFactories.ts
similarity index 100%
rename from packages/vx-shape/src/util/D3ShapeFactories.ts
rename to packages/visx-shape/src/util/D3ShapeFactories.ts
diff --git a/packages/vx-shape/src/util/accessors.ts b/packages/visx-shape/src/util/accessors.ts
similarity index 100%
rename from packages/vx-shape/src/util/accessors.ts
rename to packages/visx-shape/src/util/accessors.ts
diff --git a/packages/vx-shape/src/util/getBandwidth.ts b/packages/visx-shape/src/util/getBandwidth.ts
similarity index 86%
rename from packages/vx-shape/src/util/getBandwidth.ts
rename to packages/visx-shape/src/util/getBandwidth.ts
index 64fabef11..e0b927f8f 100644
--- a/packages/vx-shape/src/util/getBandwidth.ts
+++ b/packages/visx-shape/src/util/getBandwidth.ts
@@ -1,4 +1,4 @@
-import { AnyD3Scale } from '@vx/scale';
+import { AnyD3Scale } from '@visx/scale';
export default function getBandwidth(scale: AnyD3Scale) {
if ('bandwidth' in scale) {
diff --git a/packages/vx-shape/src/util/getSplitLineSegments.ts b/packages/visx-shape/src/util/getSplitLineSegments.ts
similarity index 97%
rename from packages/vx-shape/src/util/getSplitLineSegments.ts
rename to packages/visx-shape/src/util/getSplitLineSegments.ts
index e4d7de309..2f1c27d46 100644
--- a/packages/vx-shape/src/util/getSplitLineSegments.ts
+++ b/packages/visx-shape/src/util/getSplitLineSegments.ts
@@ -1,6 +1,6 @@
import memoize from 'lodash/memoize';
-const MEASUREMENT_ELEMENT_ID = '__vx_splitpath_svg_path_measurement_id';
+const MEASUREMENT_ELEMENT_ID = '__visx_splitpath_svg_path_measurement_id';
const SVG_NAMESPACE_URL = 'http://www.w3.org/2000/svg';
export interface GetLineSegmentsConfig {
diff --git a/packages/vx-shape/src/util/setNumberOrNumberAccessor.ts b/packages/visx-shape/src/util/setNumberOrNumberAccessor.ts
similarity index 100%
rename from packages/vx-shape/src/util/setNumberOrNumberAccessor.ts
rename to packages/visx-shape/src/util/setNumberOrNumberAccessor.ts
diff --git a/packages/vx-shape/src/util/stackOffset.ts b/packages/visx-shape/src/util/stackOffset.ts
similarity index 100%
rename from packages/vx-shape/src/util/stackOffset.ts
rename to packages/visx-shape/src/util/stackOffset.ts
diff --git a/packages/vx-shape/src/util/stackOrder.ts b/packages/visx-shape/src/util/stackOrder.ts
similarity index 100%
rename from packages/vx-shape/src/util/stackOrder.ts
rename to packages/visx-shape/src/util/stackOrder.ts
diff --git a/packages/vx-shape/src/util/trigonometry.ts b/packages/visx-shape/src/util/trigonometry.ts
similarity index 100%
rename from packages/vx-shape/src/util/trigonometry.ts
rename to packages/visx-shape/src/util/trigonometry.ts
diff --git a/packages/vx-shape/test/Arc.test.tsx b/packages/visx-shape/test/Arc.test.tsx
similarity index 98%
rename from packages/vx-shape/test/Arc.test.tsx
rename to packages/visx-shape/test/Arc.test.tsx
index e2923a5a8..db07b018f 100644
--- a/packages/vx-shape/test/Arc.test.tsx
+++ b/packages/visx-shape/test/Arc.test.tsx
@@ -36,8 +36,8 @@ describe('
+
+
+The package provides `react` components for visualizing distributions, such as Box Plots and Violin
+Plots
+
+## Installation
+
+```
+npm install --save @visx/stats
+```
diff --git a/packages/vx-stats/package.json b/packages/visx-stats/package.json
similarity index 68%
rename from packages/vx-stats/package.json
rename to packages/visx-stats/package.json
index d2741178a..41910665b 100644
--- a/packages/vx-stats/package.json
+++ b/packages/visx-stats/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/stats",
+ "name": "@visx/stats",
"version": "0.0.199",
- "description": "vx stats box violin",
+ "description": "visx stats box violin",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,15 +24,15 @@
"author": "@conglei",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/d3-shape": "^1.3.2",
"@types/react": "*",
- "@vx/group": "0.0.199",
- "@vx/scale": "0.0.199",
+ "@visx/group": "0.0.199",
+ "@visx/scale": "0.0.199",
"classnames": "^2.2.5",
"d3-shape": "^1.2.0",
"prop-types": "^15.5.10"
diff --git a/packages/vx-stats/src/BoxPlot.tsx b/packages/visx-stats/src/BoxPlot.tsx
similarity index 93%
rename from packages/vx-stats/src/BoxPlot.tsx
rename to packages/visx-stats/src/BoxPlot.tsx
index 03e40cd16..ae33fa651 100644
--- a/packages/vx-stats/src/BoxPlot.tsx
+++ b/packages/visx-stats/src/BoxPlot.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import classnames from 'classnames';
-import { Group } from '@vx/group';
-import { PickD3Scale, ContinuousDomainScaleType } from '@vx/scale';
+import { Group } from '@visx/group';
+import { PickD3Scale, ContinuousDomainScaleType } from '@visx/scale';
import { SharedProps, ChildRenderProps, LineCoords } from './types';
function verticalToHorizontal({ x1, x2, y1, y2 }: LineCoords) {
@@ -163,14 +163,14 @@ export default function BoxPlot({
if (children) return <>{children(boxplot)};
return (
-
+
{outliers.map((d, i) => {
const cx = horizontal ? valueScale(d) : center;
const cy = horizontal ? center : valueScale(d);
return (
({
}
// eslint-disable-next-line react/jsx-no-useless-fragment
if (children) return <>{children({ path })};
- return
-
+
-The `@vx/text` provides a better SVG `` component with the following features
+The `@visx/text` provides a better SVG `` component with the following features
- Word-wrapping (when `width` prop is defined)
- Vertical alignment (`verticalAnchor` prop)
@@ -21,7 +21,7 @@ you'd expect.
```jsx
import React from 'react';
import { render } from 'react-dom';
-import { Text } from '@vx/text';
+import { Text } from '@visx/text';
const App = () => (
@@ -35,5 +35,5 @@ render(
+
+
+`@visx/threshold` allows for creation of Difference Charts in `react`, which highlight the delta
+between two line series.
+
+## Installation
+
+```
+npm install --save @visx/threshold
+```
diff --git a/packages/vx-threshold/package.json b/packages/visx-threshold/package.json
similarity index 78%
rename from packages/vx-threshold/package.json
rename to packages/visx-threshold/package.json
index 5ba9a94e0..27a4be266 100644
--- a/packages/vx-threshold/package.json
+++ b/packages/visx-threshold/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/threshold",
+ "name": "@visx/threshold",
"version": "0.0.199",
- "description": "vx threshold",
+ "description": "visx threshold",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -10,12 +10,12 @@
"lib",
"esm"
],
- "repository": "https://github.com/hshoff/vx",
+ "repository": "https://github.com/airbnb/visx",
"scripts": {
"docs": "cd ./docs && ../../../node_modules/.bin/react-docgen --exclude index.js ../src/ | ../../../scripts/buildDocs.sh"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -26,8 +26,8 @@
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/react": "*",
- "@vx/clip-path": "0.0.199",
- "@vx/shape": "0.0.199",
+ "@visx/clip-path": "0.0.199",
+ "@visx/shape": "0.0.199",
"classnames": "^2.2.5",
"prop-types": "^15.5.10"
},
diff --git a/packages/vx-threshold/src/Threshold.tsx b/packages/visx-threshold/src/Threshold.tsx
similarity index 92%
rename from packages/vx-threshold/src/Threshold.tsx
rename to packages/visx-threshold/src/Threshold.tsx
index a409ef782..a05e7ec9c 100644
--- a/packages/vx-threshold/src/Threshold.tsx
+++ b/packages/visx-threshold/src/Threshold.tsx
@@ -1,8 +1,8 @@
import React from 'react';
import cx from 'classnames';
-import { Area } from '@vx/shape';
-import { AreaProps as AreaOwnProps } from '@vx/shape/lib/shapes/Area';
-import { ClipPath } from '@vx/clip-path';
+import { Area } from '@visx/shape';
+import { AreaProps as AreaOwnProps } from '@visx/shape/lib/shapes/Area';
+import { ClipPath } from '@visx/clip-path';
type AreaProps = AreaOwnProps &
Omit, keyof AreaOwnProps>;
@@ -12,7 +12,7 @@ type NumberAccessor = (datum: Datum, index: number, data: Datum[]) => num
export type ThresholdProps = {
/** className applied to container g element. */
className?: string;
- /** Sets the curve factory (from @vx/curve or d3-curve) for the area generator. Defaults to curveLinear. */
+ /** Sets the curve factory (from @visx/curve or d3-curve) for the area generator. Defaults to curveLinear. */
curve?: AreaProps['curve'];
/** Specifies a constant value, or an accessor called per datum, above which the *upper area* is clipped. */
clipAboveTo: NumberAccessor | number;
@@ -63,7 +63,7 @@ export default function Threshold({
id = '',
}: ThresholdProps) {
return (
-
+
curve={curve} data={data} x={x} y1={y1} defined={defined}>
{({ path }) => {
// TS cannot infer the correct method overload
diff --git a/packages/vx-threshold/src/index.ts b/packages/visx-threshold/src/index.ts
similarity index 100%
rename from packages/vx-threshold/src/index.ts
rename to packages/visx-threshold/src/index.ts
diff --git a/packages/vx-threshold/test/Threshold.test.tsx b/packages/visx-threshold/test/Threshold.test.tsx
similarity index 92%
rename from packages/vx-threshold/test/Threshold.test.tsx
rename to packages/visx-threshold/test/Threshold.test.tsx
index 75bf495ce..642435c34 100644
--- a/packages/vx-threshold/test/Threshold.test.tsx
+++ b/packages/visx-threshold/test/Threshold.test.tsx
@@ -34,7 +34,7 @@ describe(' ,
);
- expect(wrapper.find('g.vx-threshold')).toHaveLength(1);
+ expect(wrapper.find('g.visx-threshold')).toHaveLength(1);
expect(wrapper.find('path')).toHaveLength(4);
});
@@ -60,7 +60,7 @@ describe('
-
+
-The `@vx/tooltip` package provides utilities for making it easy to add `Tooltip`s to a visualization
-and includes hooks, higher-order component (HOC) enhancers, and Tooltip components.
+The `@visx/tooltip` package provides utilities for making it easy to add `Tooltip`s to a
+visualization and includes hooks, higher-order component (HOC) enhancers, and Tooltip components.
### Installation
```
-npm install --save @vx/tooltip
+npm install --save @visx/tooltip
```
### Hooks and Enhancers
@@ -75,7 +75,7 @@ accepts the following props, and will spread any additional props on the tooltip
| :-------- | :--------------- | :------ | :---------------------------------------------------------------------------- |
| left | number or string | -- | Sets style.left of the tooltip container |
| top | number or string | -- | Sets style.top of the tooltip container |
-| className | string | -- | Adds a class (in addition to `vx-tooltip-portal`) to the tooltip container |
+| className | string | -- | Adds a class (in addition to `visx-tooltip-portal`) to the tooltip container |
| style | object | -- | Sets / overrides any styles on the tooltip container (including top and left) |
| children | node | -- | Sets the children of the tooltip, i.e., the actual content |
| unstyled | bool | true | Whether the tooltip should use styles from the style prop or not |
@@ -180,8 +180,8 @@ const pageY = containerY + containerBoundingBox.top + window.scrollTop;
#### useTooltip and useTooltipInPortal For Functional Components
```jsx
-import { useTooltip, useTooltipInPortal, TooltipWithBounds } from '@vx/tooltip';
-import { localPoint } from '@vx/event';
+import { useTooltip, useTooltipInPortal, TooltipWithBounds } from '@visx/tooltip';
+import { localPoint } from '@visx/event';
const ChartWithTooltip = () => {
const {
@@ -243,8 +243,8 @@ render() {
return (
+
+
+
+The one stop install for all `visx` packages.
+
+## Installation
+
+```
+npm install --save @visx/visx
+```
diff --git a/packages/visx-visx/package.json b/packages/visx-visx/package.json
new file mode 100644
index 000000000..a41c12d7e
--- /dev/null
+++ b/packages/visx-visx/package.json
@@ -0,0 +1,65 @@
+{
+ "name": "@visx/visx",
+ "version": "0.0.199",
+ "description": "One stop install for all visx packages",
+ "sideEffects": false,
+ "main": "lib/index.js",
+ "module": "esm/index.js",
+ "files": [
+ "lib",
+ "esm"
+ ],
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/airbnb/visx.git"
+ },
+ "keywords": [
+ "visx",
+ "react",
+ "d3",
+ "visualizations",
+ "charts"
+ ],
+ "author": "@hshoff",
+ "license": "MIT",
+ "bugs": {
+ "url": "https://github.com/airbnb/visx/issues"
+ },
+ "homepage": "https://github.com/airbnb/visx#readme",
+ "publishConfig": {
+ "access": "public"
+ },
+ "peerDependencies": {
+ "react": "^16.3.0-0"
+ },
+ "dependencies": {
+ "@visx/annotation": "0.0.199",
+ "@visx/axis": "0.0.199",
+ "@visx/bounds": "0.0.199",
+ "@visx/brush": "0.0.199",
+ "@visx/clip-path": "0.0.199",
+ "@visx/curve": "0.0.199",
+ "@visx/drag": "0.0.199",
+ "@visx/event": "0.0.199",
+ "@visx/geo": "0.0.199",
+ "@visx/glyph": "0.0.199",
+ "@visx/gradient": "0.0.199",
+ "@visx/grid": "0.0.199",
+ "@visx/group": "0.0.199",
+ "@visx/heatmap": "0.0.199",
+ "@visx/hierarchy": "0.0.199",
+ "@visx/legend": "0.0.199",
+ "@visx/marker": "0.0.199",
+ "@visx/mock-data": "0.0.199",
+ "@visx/network": "0.0.199",
+ "@visx/pattern": "0.0.199",
+ "@visx/point": "0.0.199",
+ "@visx/responsive": "0.0.199",
+ "@visx/scale": "0.0.199",
+ "@visx/shape": "0.0.199",
+ "@visx/text": "0.0.199",
+ "@visx/tooltip": "0.0.199",
+ "@visx/voronoi": "0.0.199",
+ "@visx/zoom": "0.0.199"
+ }
+}
diff --git a/packages/visx-visx/src/index.ts b/packages/visx-visx/src/index.ts
new file mode 100644
index 000000000..00461228a
--- /dev/null
+++ b/packages/visx-visx/src/index.ts
@@ -0,0 +1,28 @@
+export * from '@visx/annotation';
+export * from '@visx/axis';
+export * from '@visx/bounds';
+export * from '@visx/brush';
+export * from '@visx/clip-path';
+export * from '@visx/curve';
+export * from '@visx/drag';
+export * from '@visx/event';
+export * from '@visx/geo';
+export * from '@visx/glyph';
+export * from '@visx/gradient';
+export * from '@visx/grid';
+export * from '@visx/group';
+export * from '@visx/heatmap';
+export * from '@visx/hierarchy';
+export * from '@visx/legend';
+export * from '@visx/marker';
+export * from '@visx/mock-data';
+export * from '@visx/network';
+export * from '@visx/pattern';
+export * from '@visx/point';
+export * from '@visx/responsive';
+export * from '@visx/scale';
+export * from '@visx/shape';
+export * from '@visx/text';
+export * from '@visx/tooltip';
+export * from '@visx/voronoi';
+export * from '@visx/zoom';
diff --git a/packages/visx-visx/test/index.test.ts b/packages/visx-visx/test/index.test.ts
new file mode 100644
index 000000000..68ddfdc9f
--- /dev/null
+++ b/packages/visx-visx/test/index.test.ts
@@ -0,0 +1,116 @@
+/* eslint-disable import/namespace */
+import * as visx from '../src';
+
+describe('visx', () => {
+ test('it should be defined', () => {
+ expect(visx).toBeDefined();
+ });
+
+ test('it should export @visx/annotation', () => {
+ expect(visx.LinePathAnnotation).toBeDefined();
+ });
+
+ test('it should export @visx/axis', () => {
+ expect(visx.Axis).toBeDefined();
+ });
+
+ test('it should export @visx/bounds', () => {
+ expect(visx.withBoundingRects).toBeDefined();
+ });
+
+ test('it should export @visx/clip-path', () => {
+ expect(visx.ClipPath).toBeDefined();
+ });
+
+ test('it should export @visx/curve', () => {
+ expect(visx.curveBasis).toBeDefined();
+ });
+
+ test('it should export @visx/drag', () => {
+ expect(visx.Drag).toBeDefined();
+ });
+
+ test('it should export @visx/event', () => {
+ expect(visx.localPoint).toBeDefined();
+ });
+
+ test('it should export @visx/geo', () => {
+ expect(visx.Albers).toBeDefined();
+ });
+
+ test('it should export @visx/glyph', () => {
+ expect(visx.Glyph).toBeDefined();
+ });
+
+ test('it should export @visx/gradient', () => {
+ expect(visx.LinearGradient).toBeDefined();
+ });
+
+ test('it should export @visx/grid', () => {
+ expect(visx.Grid).toBeDefined();
+ });
+
+ test('it should export @visx/group', () => {
+ expect(visx.Group).toBeDefined();
+ });
+
+ test('it should export @visx/heatmap', () => {
+ expect(visx.HeatmapRect).toBeDefined();
+ });
+
+ test('it should export @visx/hierarchy', () => {
+ expect(visx.Tree).toBeDefined();
+ });
+
+ test('it should export @visx/legend', () => {
+ expect(visx.Legend).toBeDefined();
+ });
+
+ test('it should export @visx/marker', () => {
+ expect(visx.Marker).toBeDefined();
+ });
+
+ test('it should export @visx/mock-data', () => {
+ expect(visx.genDateValue).toBeDefined();
+ });
+
+ test('it should export @visx/network', () => {
+ expect(visx.Graph).toBeDefined();
+ });
+
+ test('it should export @visx/pattern', () => {
+ expect(visx.Pattern).toBeDefined();
+ });
+
+ test('it should export @visx/point', () => {
+ expect(visx.Point).toBeDefined();
+ });
+
+ test('it should export @visx/responsive', () => {
+ expect(visx.withParentSize).toBeDefined();
+ });
+
+ test('it should export @visx/scale', () => {
+ expect(visx.scaleBand).toBeDefined();
+ });
+
+ test('it should export @visx/shape', () => {
+ expect(visx.Bar).toBeDefined();
+ });
+
+ test('it should export @visx/text', () => {
+ expect(visx.Text).toBeDefined();
+ });
+
+ test('it should export @visx/tooltip', () => {
+ expect(visx.Tooltip).toBeDefined();
+ });
+
+ test('it should export @visx/voronoi', () => {
+ expect(visx.voronoi).toBeDefined();
+ });
+
+ test('it should export @visx/zoom', () => {
+ expect(visx.Zoom).toBeDefined();
+ });
+});
diff --git a/packages/vx-vx/.npmrc b/packages/visx-voronoi/.npmrc
similarity index 100%
rename from packages/vx-vx/.npmrc
rename to packages/visx-voronoi/.npmrc
diff --git a/packages/vx-voronoi/Readme.md b/packages/visx-voronoi/Readme.md
similarity index 78%
rename from packages/vx-voronoi/Readme.md
rename to packages/visx-voronoi/Readme.md
index 1712d7b2c..797cc052b 100644
--- a/packages/vx-voronoi/Readme.md
+++ b/packages/visx-voronoi/Readme.md
@@ -1,7 +1,7 @@
-# @vx/voronoi
+# @visx/voronoi
-
-
+
## Overview
@@ -15,22 +15,22 @@ Not only are Voronoi diagrams 😍, but they can be used to
This is most often accomplished by overlaying an invisible voronoi grid on top of the visualization
to increase the target area of interaction sites such as points on a scatter plot.
-The `@vx/voronoi` package provides a wrapper around the existing
+The `@visx/voronoi` package provides a wrapper around the existing
[d3-voronoi](https://github.com/d3/d3-voronoi) package with some `react`-specific utilities.
## Installation
```
-npm install --save @vx/voronoi
+npm install --save @visx/voronoi
```
## Usage
-The `@vx/voronoi` package exports a wrapped version of the d3 `voronoi` layout for flexible usage,
+The `@visx/voronoi` package exports a wrapped version of the d3 `voronoi` layout for flexible usage,
as well as a `
` component for rendering Voronoi regions.
```js
-import { voronoi, VoronoiPolygon } from '@vx/voronoi';
+import { voronoi, VoronoiPolygon } from '@visx/voronoi';
const points = Array(n).fill(null).map(() => ({
x: Math.random() * innerWidth,
@@ -63,6 +63,6 @@ return (
)
```
-For more advanced usage with events, see [this example](https://vx-demo.now.sh/voronoi). Additional
+For more advanced usage with events, see [this example](https://airbnb.io/visx/voronoi). Additional
information about the voronoi layout + diagram can be found in the
[d3-voronoi documentation](https://github.com/d3/d3-voronoi).
diff --git a/packages/vx-voronoi/package.json b/packages/visx-voronoi/package.json
similarity index 74%
rename from packages/vx-voronoi/package.json
rename to packages/visx-voronoi/package.json
index 42f321a19..28f96a97d 100644
--- a/packages/vx-voronoi/package.json
+++ b/packages/visx-voronoi/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/voronoi",
+ "name": "@visx/voronoi",
"version": "0.0.199",
- "description": "vx voronoi",
+ "description": "visx voronoi",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,9 +24,9 @@
"author": "Chris Williams @williaster",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
diff --git a/packages/vx-voronoi/src/components/VoronoiPolygon.tsx b/packages/visx-voronoi/src/components/VoronoiPolygon.tsx
similarity index 89%
rename from packages/vx-voronoi/src/components/VoronoiPolygon.tsx
rename to packages/visx-voronoi/src/components/VoronoiPolygon.tsx
index 6a8793e50..6d44fcea6 100644
--- a/packages/vx-voronoi/src/components/VoronoiPolygon.tsx
+++ b/packages/visx-voronoi/src/components/VoronoiPolygon.tsx
@@ -20,5 +20,5 @@ export default function VoronoiPolygon({
const path = `M${polygon.join('L')}Z`;
if (children) return <>{children({ path, polygon })};
- return
;
+ return
;
}
diff --git a/packages/vx-voronoi/src/index.ts b/packages/visx-voronoi/src/index.ts
similarity index 100%
rename from packages/vx-voronoi/src/index.ts
rename to packages/visx-voronoi/src/index.ts
diff --git a/packages/vx-voronoi/src/voronoi.ts b/packages/visx-voronoi/src/voronoi.ts
similarity index 100%
rename from packages/vx-voronoi/src/voronoi.ts
rename to packages/visx-voronoi/src/voronoi.ts
diff --git a/packages/vx-voronoi/test/VoronoiPolygon.test.tsx b/packages/visx-voronoi/test/VoronoiPolygon.test.tsx
similarity index 100%
rename from packages/vx-voronoi/test/VoronoiPolygon.test.tsx
rename to packages/visx-voronoi/test/VoronoiPolygon.test.tsx
diff --git a/packages/vx-voronoi/test/voronoi.test.ts b/packages/visx-voronoi/test/voronoi.test.ts
similarity index 100%
rename from packages/vx-voronoi/test/voronoi.test.ts
rename to packages/visx-voronoi/test/voronoi.test.ts
diff --git a/packages/visx-xychart/README.md b/packages/visx-xychart/README.md
new file mode 100644
index 000000000..0048c0482
--- /dev/null
+++ b/packages/visx-xychart/README.md
@@ -0,0 +1,3 @@
+# @visx/xychart
+
+Coming 🔜
diff --git a/packages/vx-xychart/package.json b/packages/visx-xychart/package.json
similarity index 62%
rename from packages/vx-xychart/package.json
rename to packages/visx-xychart/package.json
index 0da97fde1..4ab8f9255 100644
--- a/packages/vx-xychart/package.json
+++ b/packages/visx-xychart/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/xychart",
- "version": "0.0.199",
- "description": "Composable cartesian coordinate chart built with vx primitives",
+ "name": "@visx/xychart",
+ "version": "0.0.0",
+ "description": "Composable cartesian coordinate chart built with visx primitives",
"sideEffects": false,
"private": true,
"main": "lib/index.js",
@@ -13,10 +13,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -30,9 +30,9 @@
],
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
@@ -42,13 +42,13 @@
"dependencies": {
"@types/classnames": "^2.2.9",
"@types/react": "*",
- "@vx/axis": "0.0.199",
- "@vx/grid": "0.0.199",
- "@vx/react-spring": "0.0.199",
- "@vx/responsive": "0.0.199",
- "@vx/scale": "0.0.199",
- "@vx/shape": "0.0.199",
- "@vx/text": "0.0.199",
+ "@visx/axis": "0.0.199",
+ "@visx/grid": "0.0.199",
+ "@visx/react-spring": "0.0.199",
+ "@visx/responsive": "0.0.199",
+ "@visx/scale": "0.0.199",
+ "@visx/shape": "0.0.199",
+ "@visx/text": "0.0.199",
"d3-array": "2.6.0",
"classnames": "^2.2.5",
"prop-types": "^15.6.2"
diff --git a/packages/vx-xychart/src/classes/DataRegistry.ts b/packages/visx-xychart/src/classes/DataRegistry.ts
similarity index 97%
rename from packages/vx-xychart/src/classes/DataRegistry.ts
rename to packages/visx-xychart/src/classes/DataRegistry.ts
index 5da650038..44e0d34c1 100644
--- a/packages/vx-xychart/src/classes/DataRegistry.ts
+++ b/packages/visx-xychart/src/classes/DataRegistry.ts
@@ -1,4 +1,4 @@
-import { AxisScale } from '@vx/axis';
+import { AxisScale } from '@visx/axis';
import { DataRegistryEntry } from '../types/data';
/** A class for holding data entries */
diff --git a/packages/vx-xychart/src/components/XYChart.tsx b/packages/visx-xychart/src/components/XYChart.tsx
similarity index 94%
rename from packages/vx-xychart/src/components/XYChart.tsx
rename to packages/visx-xychart/src/components/XYChart.tsx
index 26e7fd799..70a4f29e7 100644
--- a/packages/vx-xychart/src/components/XYChart.tsx
+++ b/packages/visx-xychart/src/components/XYChart.tsx
@@ -1,5 +1,5 @@
import React, { useContext, useEffect } from 'react';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
+import ParentSize from '@visx/responsive/lib/components/ParentSize';
import DataContext from '../context/DataContext';
import { Margin } from '../types';
diff --git a/packages/vx-xychart/src/components/axis/AnimatedAxis.tsx b/packages/visx-xychart/src/components/axis/AnimatedAxis.tsx
similarity index 70%
rename from packages/vx-xychart/src/components/axis/AnimatedAxis.tsx
rename to packages/visx-xychart/src/components/axis/AnimatedAxis.tsx
index e4c173efd..27713c492 100644
--- a/packages/vx-xychart/src/components/axis/AnimatedAxis.tsx
+++ b/packages/visx-xychart/src/components/axis/AnimatedAxis.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { AxisScale } from '@vx/axis/lib/types';
-import VxAnimatedAxis from '@vx/react-spring/lib/axis/AnimatedAxis';
-import { AnimationTrajectory } from '@vx/react-spring/lib/types';
+import { AxisScale } from '@visx/axis/lib/types';
+import VxAnimatedAxis from '@visx/react-spring/lib/axis/AnimatedAxis';
+import { AnimationTrajectory } from '@visx/react-spring/lib/types';
import BaseAxis, { BaseAxisProps } from './BaseAxis';
export type AnimatedAxisProps
= Omit<
diff --git a/packages/vx-xychart/src/components/axis/Axis.tsx b/packages/visx-xychart/src/components/axis/Axis.tsx
similarity index 85%
rename from packages/vx-xychart/src/components/axis/Axis.tsx
rename to packages/visx-xychart/src/components/axis/Axis.tsx
index 727c4827f..1b2c9f584 100644
--- a/packages/vx-xychart/src/components/axis/Axis.tsx
+++ b/packages/visx-xychart/src/components/axis/Axis.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { Axis as VxAxis, AxisScale } from '@vx/axis';
+import { Axis as VxAxis, AxisScale } from '@visx/axis';
import BaseAxis, { BaseAxisProps } from './BaseAxis';
export type AxisProps = Omit, 'AxisComponent'>;
diff --git a/packages/vx-xychart/src/components/axis/BaseAxis.tsx b/packages/visx-xychart/src/components/axis/BaseAxis.tsx
similarity index 95%
rename from packages/vx-xychart/src/components/axis/BaseAxis.tsx
rename to packages/visx-xychart/src/components/axis/BaseAxis.tsx
index fe3b2483f..f13438dfb 100644
--- a/packages/vx-xychart/src/components/axis/BaseAxis.tsx
+++ b/packages/visx-xychart/src/components/axis/BaseAxis.tsx
@@ -1,6 +1,6 @@
import React, { useMemo, useContext } from 'react';
-import { AxisScale } from '@vx/axis';
-import { AxisProps as VxAxisProps } from '@vx/axis/lib/axis/Axis';
+import { AxisScale } from '@visx/axis';
+import { AxisProps as VxAxisProps } from '@visx/axis/lib/axis/Axis';
import DataContext from '../../context/DataContext';
export type BaseAxisProps = Omit<
diff --git a/packages/vx-xychart/src/components/grid/AnimatedGrid.tsx b/packages/visx-xychart/src/components/grid/AnimatedGrid.tsx
similarity index 70%
rename from packages/vx-xychart/src/components/grid/AnimatedGrid.tsx
rename to packages/visx-xychart/src/components/grid/AnimatedGrid.tsx
index 361d59197..15848623d 100644
--- a/packages/vx-xychart/src/components/grid/AnimatedGrid.tsx
+++ b/packages/visx-xychart/src/components/grid/AnimatedGrid.tsx
@@ -1,10 +1,10 @@
import React, { useMemo } from 'react';
-import AnimatedGridRows from '@vx/react-spring/lib/grid/AnimatedGridRows';
-import AnimatedGridColumns from '@vx/react-spring/lib/grid/AnimatedGridColumns';
-import { AnimationTrajectory } from '@vx/react-spring';
-import { GridRowsProps } from '@vx/grid/lib/grids/GridRows';
-import { AxisScale } from '@vx/axis';
-import { GridColumnsProps } from '@vx/grid/lib/grids/GridColumns';
+import AnimatedGridRows from '@visx/react-spring/lib/grid/AnimatedGridRows';
+import AnimatedGridColumns from '@visx/react-spring/lib/grid/AnimatedGridColumns';
+import { AnimationTrajectory } from '@visx/react-spring';
+import { GridRowsProps } from '@visx/grid/lib/grids/GridRows';
+import { AxisScale } from '@visx/axis';
+import { GridColumnsProps } from '@visx/grid/lib/grids/GridColumns';
import BaseGrid, { BaseGridProps } from './BaseGrid';
export type AnimatedGridProps = Omit<
diff --git a/packages/vx-xychart/src/components/grid/BaseGrid.tsx b/packages/visx-xychart/src/components/grid/BaseGrid.tsx
similarity index 86%
rename from packages/vx-xychart/src/components/grid/BaseGrid.tsx
rename to packages/visx-xychart/src/components/grid/BaseGrid.tsx
index 9fe7a845b..d4fae55c3 100644
--- a/packages/vx-xychart/src/components/grid/BaseGrid.tsx
+++ b/packages/visx-xychart/src/components/grid/BaseGrid.tsx
@@ -1,8 +1,8 @@
import React, { useContext } from 'react';
-import { CommonGridProps } from '@vx/grid/lib/types';
-import { AllGridRowsProps } from '@vx/grid/lib/grids/GridRows';
-import { GridColumnsProps } from '@vx/grid/lib/grids/GridColumns';
-import { AxisScale } from '@vx/axis';
+import { CommonGridProps } from '@visx/grid/lib/types';
+import { AllGridRowsProps } from '@visx/grid/lib/grids/GridRows';
+import { GridColumnsProps } from '@visx/grid/lib/grids/GridColumns';
+import { AxisScale } from '@visx/axis';
import DataContext from '../../context/DataContext';
export type BaseGridProps = {
diff --git a/packages/vx-xychart/src/components/grid/Grid.tsx b/packages/visx-xychart/src/components/grid/Grid.tsx
similarity index 73%
rename from packages/vx-xychart/src/components/grid/Grid.tsx
rename to packages/visx-xychart/src/components/grid/Grid.tsx
index 6a14a4acd..9a89b86d4 100644
--- a/packages/vx-xychart/src/components/grid/Grid.tsx
+++ b/packages/visx-xychart/src/components/grid/Grid.tsx
@@ -1,6 +1,6 @@
import React from 'react';
-import GridRows from '@vx/grid/lib/grids/GridRows';
-import GridColumns from '@vx/grid/lib/grids/GridColumns';
+import GridRows from '@visx/grid/lib/grids/GridRows';
+import GridColumns from '@visx/grid/lib/grids/GridColumns';
import BaseGrid, { BaseGridProps } from './BaseGrid';
export type GridProps = Omit;
diff --git a/packages/vx-xychart/src/components/series/LineSeries.tsx b/packages/visx-xychart/src/components/series/LineSeries.tsx
similarity index 92%
rename from packages/vx-xychart/src/components/series/LineSeries.tsx
rename to packages/visx-xychart/src/components/series/LineSeries.tsx
index 00333483e..746a3bd58 100644
--- a/packages/vx-xychart/src/components/series/LineSeries.tsx
+++ b/packages/visx-xychart/src/components/series/LineSeries.tsx
@@ -1,7 +1,7 @@
import React, { useContext, useCallback, useEffect } from 'react';
-import LinePath from '@vx/shape/lib/shapes/LinePath';
-import { ScaleInput } from '@vx/scale';
-import { AxisScale } from '@vx/axis';
+import LinePath from '@visx/shape/lib/shapes/LinePath';
+import { ScaleInput } from '@visx/scale';
+import { AxisScale } from '@visx/axis';
import DataContext from '../../context/DataContext';
import isValidNumber from '../../typeguards/isValidNumber';
diff --git a/packages/vx-xychart/src/context/DataContext.tsx b/packages/visx-xychart/src/context/DataContext.tsx
similarity index 95%
rename from packages/vx-xychart/src/context/DataContext.tsx
rename to packages/visx-xychart/src/context/DataContext.tsx
index 649469d0a..2a2ab590a 100644
--- a/packages/vx-xychart/src/context/DataContext.tsx
+++ b/packages/visx-xychart/src/context/DataContext.tsx
@@ -1,6 +1,6 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
import React from 'react';
-import { AxisScale } from '@vx/axis';
+import { AxisScale } from '@visx/axis';
import { DataContextType } from '../types';
type AnyDataContext = DataContextType;
diff --git a/packages/vx-xychart/src/context/ThemeContext.tsx b/packages/visx-xychart/src/context/ThemeContext.tsx
similarity index 100%
rename from packages/vx-xychart/src/context/ThemeContext.tsx
rename to packages/visx-xychart/src/context/ThemeContext.tsx
diff --git a/packages/vx-xychart/src/hooks/useDataRegistry.ts b/packages/visx-xychart/src/hooks/useDataRegistry.ts
similarity index 89%
rename from packages/vx-xychart/src/hooks/useDataRegistry.ts
rename to packages/visx-xychart/src/hooks/useDataRegistry.ts
index fc486798c..ba10d16e9 100644
--- a/packages/vx-xychart/src/hooks/useDataRegistry.ts
+++ b/packages/visx-xychart/src/hooks/useDataRegistry.ts
@@ -1,4 +1,4 @@
-import { AxisScale } from '@vx/axis';
+import { AxisScale } from '@visx/axis';
import { useMemo } from 'react';
import DataRegistry from '../classes/DataRegistry';
diff --git a/packages/vx-xychart/src/hooks/useDimensions.ts b/packages/visx-xychart/src/hooks/useDimensions.ts
similarity index 100%
rename from packages/vx-xychart/src/hooks/useDimensions.ts
rename to packages/visx-xychart/src/hooks/useDimensions.ts
diff --git a/packages/vx-xychart/src/hooks/useScales.ts b/packages/visx-xychart/src/hooks/useScales.ts
similarity index 97%
rename from packages/vx-xychart/src/hooks/useScales.ts
rename to packages/visx-xychart/src/hooks/useScales.ts
index 2a3e48cd4..48e0adbc6 100644
--- a/packages/vx-xychart/src/hooks/useScales.ts
+++ b/packages/visx-xychart/src/hooks/useScales.ts
@@ -1,5 +1,5 @@
-import { AxisScaleOutput, AxisScale } from '@vx/axis';
-import { ScaleConfig, NumberLike, createScale, ScaleInput } from '@vx/scale';
+import { AxisScaleOutput, AxisScale } from '@visx/axis';
+import { ScaleConfig, NumberLike, createScale, ScaleInput } from '@visx/scale';
import { extent as d3Extent } from 'd3-array';
import { useMemo } from 'react';
import DataRegistry from '../classes/DataRegistry';
diff --git a/packages/vx-xychart/src/index.ts b/packages/visx-xychart/src/index.ts
similarity index 100%
rename from packages/vx-xychart/src/index.ts
rename to packages/visx-xychart/src/index.ts
diff --git a/packages/vx-xychart/src/providers/DataProvider.tsx b/packages/visx-xychart/src/providers/DataProvider.tsx
similarity index 93%
rename from packages/vx-xychart/src/providers/DataProvider.tsx
rename to packages/visx-xychart/src/providers/DataProvider.tsx
index 74700d308..74e487113 100644
--- a/packages/vx-xychart/src/providers/DataProvider.tsx
+++ b/packages/visx-xychart/src/providers/DataProvider.tsx
@@ -1,7 +1,7 @@
-import { ScaleConfig, ScaleConfigToD3Scale } from '@vx/scale';
+import { ScaleConfig, ScaleConfigToD3Scale } from '@visx/scale';
import React, { useContext, useMemo } from 'react';
-import createOrdinalScale from '@vx/scale/lib/scales/ordinal';
-import { AxisScaleOutput } from '@vx/axis';
+import createOrdinalScale from '@visx/scale/lib/scales/ordinal';
+import { AxisScaleOutput } from '@visx/axis';
import { XYChartTheme } from '../types';
import ThemeContext from '../context/ThemeContext';
import DataContext from '../context/DataContext';
diff --git a/packages/vx-xychart/src/providers/ThemeProvider.tsx b/packages/visx-xychart/src/providers/ThemeProvider.tsx
similarity index 100%
rename from packages/vx-xychart/src/providers/ThemeProvider.tsx
rename to packages/visx-xychart/src/providers/ThemeProvider.tsx
diff --git a/packages/vx-xychart/src/theme/buildChartTheme.ts b/packages/visx-xychart/src/theme/buildChartTheme.ts
similarity index 100%
rename from packages/vx-xychart/src/theme/buildChartTheme.ts
rename to packages/visx-xychart/src/theme/buildChartTheme.ts
diff --git a/packages/vx-xychart/src/theme/colors.ts b/packages/visx-xychart/src/theme/colors.ts
similarity index 100%
rename from packages/vx-xychart/src/theme/colors.ts
rename to packages/visx-xychart/src/theme/colors.ts
diff --git a/packages/vx-xychart/src/theme/themes/dark.ts b/packages/visx-xychart/src/theme/themes/dark.ts
similarity index 100%
rename from packages/vx-xychart/src/theme/themes/dark.ts
rename to packages/visx-xychart/src/theme/themes/dark.ts
diff --git a/packages/vx-xychart/src/theme/themes/light.ts b/packages/visx-xychart/src/theme/themes/light.ts
similarity index 100%
rename from packages/vx-xychart/src/theme/themes/light.ts
rename to packages/visx-xychart/src/theme/themes/light.ts
diff --git a/packages/vx-xychart/src/typeguards/isValidNumber.ts b/packages/visx-xychart/src/typeguards/isValidNumber.ts
similarity index 100%
rename from packages/vx-xychart/src/typeguards/isValidNumber.ts
rename to packages/visx-xychart/src/typeguards/isValidNumber.ts
diff --git a/packages/vx-xychart/src/types/data.ts b/packages/visx-xychart/src/types/data.ts
similarity index 92%
rename from packages/vx-xychart/src/types/data.ts
rename to packages/visx-xychart/src/types/data.ts
index 6892b3345..9b6e32493 100644
--- a/packages/vx-xychart/src/types/data.ts
+++ b/packages/visx-xychart/src/types/data.ts
@@ -1,5 +1,5 @@
-import { AxisScale, AxisScaleOutput } from '@vx/axis';
-import { ScaleTypeToD3Scale, ScaleInput, D3Scale } from '@vx/scale';
+import { AxisScale, AxisScaleOutput } from '@visx/axis';
+import { ScaleTypeToD3Scale, ScaleInput, D3Scale } from '@visx/scale';
import DataRegistry from '../classes/DataRegistry';
import { XYChartTheme } from './theme';
diff --git a/packages/vx-xychart/src/types/index.ts b/packages/visx-xychart/src/types/index.ts
similarity index 100%
rename from packages/vx-xychart/src/types/index.ts
rename to packages/visx-xychart/src/types/index.ts
diff --git a/packages/vx-xychart/src/types/theme.ts b/packages/visx-xychart/src/types/theme.ts
similarity index 96%
rename from packages/vx-xychart/src/types/theme.ts
rename to packages/visx-xychart/src/types/theme.ts
index e65d8bca5..32c617ff2 100644
--- a/packages/vx-xychart/src/types/theme.ts
+++ b/packages/visx-xychart/src/types/theme.ts
@@ -1,5 +1,5 @@
import React, { CSSProperties } from 'react';
-import { TextProps } from '@vx/text/lib/Text';
+import { TextProps } from '@visx/text/lib/Text';
export type HTMLTextStyles = React.HTMLAttributes['style'];
diff --git a/packages/vx-xychart/test/Axis.test.tsx b/packages/visx-xychart/test/Axis.test.tsx
similarity index 97%
rename from packages/vx-xychart/test/Axis.test.tsx
rename to packages/visx-xychart/test/Axis.test.tsx
index 6cd60b654..3ceab19ae 100644
--- a/packages/vx-xychart/test/Axis.test.tsx
+++ b/packages/visx-xychart/test/Axis.test.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { shallow, mount } from 'enzyme';
-import VxAnimatedAxis from '@vx/react-spring/lib/axis/AnimatedAxis';
-import VxAxis from '@vx/axis/lib/axis/Axis';
+import VxAnimatedAxis from '@visx/react-spring/lib/axis/AnimatedAxis';
+import VxAxis from '@visx/axis/lib/axis/Axis';
import BaseAxis from '../src/components/axis/BaseAxis';
import { Axis, AnimatedAxis, DataContext, lightTheme } from '../src';
diff --git a/packages/vx-xychart/test/DataProvider.test.tsx b/packages/visx-xychart/test/DataProvider.test.tsx
similarity index 100%
rename from packages/vx-xychart/test/DataProvider.test.tsx
rename to packages/visx-xychart/test/DataProvider.test.tsx
diff --git a/packages/vx-xychart/test/DataRegistry.test.ts b/packages/visx-xychart/test/DataRegistry.test.ts
similarity index 100%
rename from packages/vx-xychart/test/DataRegistry.test.ts
rename to packages/visx-xychart/test/DataRegistry.test.ts
diff --git a/packages/vx-xychart/test/Grid.test.tsx b/packages/visx-xychart/test/Grid.test.tsx
similarity index 87%
rename from packages/vx-xychart/test/Grid.test.tsx
rename to packages/visx-xychart/test/Grid.test.tsx
index 39bfef8d7..31e2f0ba2 100644
--- a/packages/vx-xychart/test/Grid.test.tsx
+++ b/packages/visx-xychart/test/Grid.test.tsx
@@ -1,10 +1,10 @@
import * as React from 'react';
import { mount } from 'enzyme';
-import VxAnimatedGridRows from '@vx/react-spring/lib/grid/AnimatedGridRows';
-import VxAnimatedGridColumns from '@vx/react-spring/lib/grid/AnimatedGridColumns';
-import VxGridRows from '@vx/grid/lib/grids/GridRows';
-import VxGridColumns from '@vx/grid/lib/grids/GridColumns';
-import { scaleLinear } from '@vx/scale';
+import VxAnimatedGridRows from '@visx/react-spring/lib/grid/AnimatedGridRows';
+import VxAnimatedGridColumns from '@visx/react-spring/lib/grid/AnimatedGridColumns';
+import VxGridRows from '@visx/grid/lib/grids/GridRows';
+import VxGridColumns from '@visx/grid/lib/grids/GridColumns';
+import { scaleLinear } from '@visx/scale';
import { Grid, AnimatedGrid, DataContext } from '../src';
const mockContext = {
diff --git a/packages/vx-xychart/test/LineSeries.test.tsx b/packages/visx-xychart/test/LineSeries.test.tsx
similarity index 93%
rename from packages/vx-xychart/test/LineSeries.test.tsx
rename to packages/visx-xychart/test/LineSeries.test.tsx
index 62551731e..6f23e1685 100644
--- a/packages/vx-xychart/test/LineSeries.test.tsx
+++ b/packages/visx-xychart/test/LineSeries.test.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { shallow, ShallowWrapper } from 'enzyme';
-import { LinePath } from '@vx/shape';
+import { LinePath } from '@visx/shape';
import { LineSeries } from '../src';
describe('
+
+
+`@visx/zoom` provides `react` components that make it easy to apply transforms to a viewport or
+chart.
+
+## Installation
+
+```
+npm install --save @visx/zoom
+```
diff --git a/packages/vx-zoom/package.json b/packages/visx-zoom/package.json
similarity index 68%
rename from packages/vx-zoom/package.json
rename to packages/visx-zoom/package.json
index 05def9cdb..d6bbc9ce0 100644
--- a/packages/vx-zoom/package.json
+++ b/packages/visx-zoom/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/zoom",
+ "name": "@visx/zoom",
"version": "0.0.199",
- "description": "vx zoom",
+ "description": "visx zoom",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -24,9 +24,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
@@ -35,7 +35,7 @@
},
"dependencies": {
"@types/react": "*",
- "@vx/event": "0.0.199",
+ "@visx/event": "0.0.199",
"prop-types": "^15.6.2"
}
}
diff --git a/packages/vx-zoom/src/Zoom.tsx b/packages/visx-zoom/src/Zoom.tsx
similarity index 99%
rename from packages/vx-zoom/src/Zoom.tsx
rename to packages/visx-zoom/src/Zoom.tsx
index cdf74c770..5c5d1bfcb 100644
--- a/packages/vx-zoom/src/Zoom.tsx
+++ b/packages/visx-zoom/src/Zoom.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { localPoint } from '@vx/event';
+import { localPoint } from '@visx/event';
import {
composeMatrices,
inverseMatrix,
diff --git a/packages/vx-zoom/src/index.ts b/packages/visx-zoom/src/index.ts
similarity index 100%
rename from packages/vx-zoom/src/index.ts
rename to packages/visx-zoom/src/index.ts
diff --git a/packages/vx-zoom/src/types.ts b/packages/visx-zoom/src/types.ts
similarity index 100%
rename from packages/vx-zoom/src/types.ts
rename to packages/visx-zoom/src/types.ts
diff --git a/packages/vx-zoom/src/util/matrix.ts b/packages/visx-zoom/src/util/matrix.ts
similarity index 100%
rename from packages/vx-zoom/src/util/matrix.ts
rename to packages/visx-zoom/src/util/matrix.ts
diff --git a/packages/vx-zoom/test/Zoom.test.tsx b/packages/visx-zoom/test/Zoom.test.tsx
similarity index 100%
rename from packages/vx-zoom/test/Zoom.test.tsx
rename to packages/visx-zoom/test/Zoom.test.tsx
diff --git a/packages/vx-axis/Readme.md b/packages/vx-axis/Readme.md
deleted file mode 100644
index 8495be803..000000000
--- a/packages/vx-axis/Readme.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# @vx/axis
-
-
-
-
-
-
-An axis component consists of a line with ticks, tick labels, and an axis label that helps viewers
-interpret your graph.
-
-You can use one of the 4 pre-made axes, or you can create your own based on the `
-
-
-
-
-```
-npm install --save @vx/bounds
-```
-
-### `withBoundingRects` HOC
-It's often useful to determine whether elements (e.g., tooltips) overflow the bounds of their parent container and adjust positioning accordingly. The `withBoundingRects` higher-order component is meant to simplify this computation by passing in a component's bounding rect as well as its _parent's_ bounding rect.
-
-
-### Example usage
-Example usage with a `
- {children}
-
- );
-}
-
-Tooltip.propTypes = propTypes;
-Tooltip.defaultProps = defaultProps;
-
-export default withBoundingRects(Tooltip);
-```
diff --git a/packages/vx-brush/Readme.md b/packages/vx-brush/Readme.md
deleted file mode 100644
index 3d0247bc1..000000000
--- a/packages/vx-brush/Readme.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# @vx/brush
-
-
-
-
-A brush allows you to select a sub-region of your chart or axis.
-
-## Installation
-
-```
-npm install --save @vx/brush
-```
diff --git a/packages/vx-chord/Readme.md b/packages/vx-chord/Readme.md
deleted file mode 100644
index 6904a21e3..000000000
--- a/packages/vx-chord/Readme.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# @vx/chord
-
-
-
-
-Chord diagrams show directed relationships among a group of entities in a radial layout.
-
-## Installation
-
-```
-npm install --save @vx/chord
-```
diff --git a/packages/vx-clip-path/Readme.md b/packages/vx-clip-path/Readme.md
deleted file mode 100644
index 93185ca87..000000000
--- a/packages/vx-clip-path/Readme.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# @vx/clip-path
-
-
-
-
-React utilities for defining `` SVG elements, with or without data, to be clip masks for
-other SVG elements by using their `clip-path` property.
-
-## Installation
-
-```
-npm install --save @vx/clip-path
-```
diff --git a/packages/vx-demo/Readme.md b/packages/vx-demo/Readme.md
deleted file mode 100644
index 5145b9ffb..000000000
--- a/packages/vx-demo/Readme.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# @vx/demo
-
-https://vx-demo.now.sh/gallery
-
-
-
-
-
-
diff --git a/packages/vx-demo/public/static/docs/vx-demo.html b/packages/vx-demo/public/static/docs/vx-demo.html
deleted file mode 100644
index 9f6db49c2..000000000
--- a/packages/vx-demo/public/static/docs/vx-demo.html
+++ /dev/null
@@ -1,48 +0,0 @@
-
-
-
-
- {AreaSource}
-
-);
diff --git a/packages/vx-demo/src/pages/axis.tsx b/packages/vx-demo/src/pages/axis.tsx
deleted file mode 100644
index 1754d997d..000000000
--- a/packages/vx-demo/src/pages/axis.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Axis from '../sandboxes/vx-axis/Example';
-import AxisSource from '!!raw-loader!../sandboxes/vx-axis/Example';
-import packageJson from '../sandboxes/vx-axis/package.json';
-
-export default () => (
-
- {AxisSource}
-
-);
diff --git a/packages/vx-demo/src/pages/bars.tsx b/packages/vx-demo/src/pages/bars.tsx
deleted file mode 100644
index eb6944af8..000000000
--- a/packages/vx-demo/src/pages/bars.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Bars from '../sandboxes/vx-bars/Example';
-import BarsSource from '!!raw-loader!../sandboxes/vx-bars/Example';
-import packageJson from '../sandboxes/vx-bars/package.json';
-
-export default () => (
-
- {BarsSource}
-
-);
diff --git a/packages/vx-demo/src/pages/docs/annotation.tsx b/packages/vx-demo/src/pages/docs/annotation.tsx
deleted file mode 100644
index 357310303..000000000
--- a/packages/vx-demo/src/pages/docs/annotation.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-import AnnotationReadme from '!!raw-loader!../../../../vx-annotation/Readme.md';
-import LinePathAnnotation from '../../../../vx-annotation/src/annotations/LinePathAnnotation';
-import DocPage from '../../components/DocPage';
-
-const components = [LinePathAnnotation];
-
-export default () => (
-
- {DotsSource}
-
-);
diff --git a/packages/vx-demo/src/pages/drag-i.tsx b/packages/vx-demo/src/pages/drag-i.tsx
deleted file mode 100644
index 9b90898b2..000000000
--- a/packages/vx-demo/src/pages/drag-i.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import DragI from '../sandboxes/vx-drag-i/Example';
-import DragISource from '!!raw-loader!../sandboxes/vx-drag-i/Example';
-import packageJson from '../sandboxes/vx-drag-i/package.json';
-
-export default () => {
- return (
-
- {DragISource}
-
- );
-};
diff --git a/packages/vx-demo/src/pages/drag-ii.tsx b/packages/vx-demo/src/pages/drag-ii.tsx
deleted file mode 100644
index 135722c29..000000000
--- a/packages/vx-demo/src/pages/drag-ii.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import DragII from '../sandboxes/vx-drag-ii/Example';
-import DragIISource from '!!raw-loader!../sandboxes/vx-drag-ii/Example';
-import packageJson from '../sandboxes/vx-drag-ii/package.json';
-
-export default () => {
- return (
-
- {DragIISource}
-
- );
-};
diff --git a/packages/vx-demo/src/pages/geo-custom.tsx b/packages/vx-demo/src/pages/geo-custom.tsx
deleted file mode 100644
index b82099219..000000000
--- a/packages/vx-demo/src/pages/geo-custom.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import GeoCustom from '../sandboxes/vx-geo-custom/Example';
-import GeoCustomSource from '!!raw-loader!../sandboxes/vx-geo-custom/Example';
-import packageJson from '../sandboxes/vx-geo-custom/package.json';
-
-export default () => {
- return (
-
- {GeoCustomSource}
-
- );
-};
diff --git a/packages/vx-demo/src/pages/geo-mercator.tsx b/packages/vx-demo/src/pages/geo-mercator.tsx
deleted file mode 100644
index 6fed20276..000000000
--- a/packages/vx-demo/src/pages/geo-mercator.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import GeoMercator from '../sandboxes/vx-geo-mercator/Example';
-import GeoMercatorSource from '!!raw-loader!../sandboxes/vx-geo-mercator/Example';
-import packageJson from '../sandboxes/vx-geo-mercator/package.json';
-
-export default () => {
- return (
-
- {GeoMercatorSource}
-
- );
-};
diff --git a/packages/vx-demo/src/pages/gradients.tsx b/packages/vx-demo/src/pages/gradients.tsx
deleted file mode 100644
index 54300764f..000000000
--- a/packages/vx-demo/src/pages/gradients.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Gradients from '../sandboxes/vx-gradient/Example';
-import GradientsSource from '!!raw-loader!../sandboxes/vx-gradient/Example';
-import packageJson from '../sandboxes/vx-gradient/package.json';
-
-export default () => (
-
- {GradientsSource}
-
-);
diff --git a/packages/vx-demo/src/pages/lineradial.tsx b/packages/vx-demo/src/pages/lineradial.tsx
deleted file mode 100644
index 953c2c970..000000000
--- a/packages/vx-demo/src/pages/lineradial.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import LineRadial from '../sandboxes/vx-shape-line-radial/Example';
-import LineRadialSource from '!!raw-loader!../sandboxes/vx-shape-line-radial/Example';
-import packageJson from '../sandboxes/vx-shape-line-radial/package.json';
-
-export default () => {
- return (
-
- {LineRadialSource}
-
- );
-};
diff --git a/packages/vx-demo/src/pages/network.tsx b/packages/vx-demo/src/pages/network.tsx
deleted file mode 100644
index bd253e761..000000000
--- a/packages/vx-demo/src/pages/network.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Network from '../sandboxes/vx-network/Example';
-import NetworkSource from '!!raw-loader!../sandboxes/vx-network/Example';
-import packageJson from '../sandboxes/vx-network/package.json';
-
-export default () => (
-
- {NetworkSource}
-
-);
diff --git a/packages/vx-demo/src/pages/pack.tsx b/packages/vx-demo/src/pages/pack.tsx
deleted file mode 100644
index 92f427593..000000000
--- a/packages/vx-demo/src/pages/pack.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Pack from '../sandboxes/vx-pack/Example';
-import PackSource from '!!raw-loader!../sandboxes/vx-pack/Example';
-import packageJson from '../sandboxes/vx-pack/package.json';
-
-export default () => (
-
- {PackSource}
-
-);
diff --git a/packages/vx-demo/src/pages/pies.tsx b/packages/vx-demo/src/pages/pies.tsx
deleted file mode 100644
index 66cc2a6db..000000000
--- a/packages/vx-demo/src/pages/pies.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Pies from '../sandboxes/vx-shape-pie/Example';
-import PiesSource from '!!raw-loader!../sandboxes/vx-shape-pie/Example';
-import packageJson from '../sandboxes/vx-shape-pie/package.json';
-
-export default () => (
-
- {PiesSource}
-
-);
diff --git a/packages/vx-demo/src/pages/polygons.tsx b/packages/vx-demo/src/pages/polygons.tsx
deleted file mode 100644
index 9865222b4..000000000
--- a/packages/vx-demo/src/pages/polygons.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Polygons from '../sandboxes/vx-polygons/Example';
-import PolygonsSource from '!!raw-loader!../sandboxes/vx-polygons/Example';
-import packageJson from '../sandboxes/vx-polygons/package.json';
-
-export default () => (
-
- {PolygonsSource}
-
-);
diff --git a/packages/vx-demo/src/pages/responsive.tsx b/packages/vx-demo/src/pages/responsive.tsx
deleted file mode 100644
index 8c8a728c6..000000000
--- a/packages/vx-demo/src/pages/responsive.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Responsive from '../sandboxes/vx-responsive/Example';
-import ResponsiveSource from '!!raw-loader!../sandboxes/vx-responsive/Example';
-import packageJson from '../sandboxes/vx-responsive/package.json';
-
-export default () => (
-
- {ResponsiveSource}
-
-);
diff --git a/packages/vx-demo/src/pages/splitlinepath.tsx b/packages/vx-demo/src/pages/splitlinepath.tsx
deleted file mode 100644
index 20e9b2513..000000000
--- a/packages/vx-demo/src/pages/splitlinepath.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import SplitLinePath from '../sandboxes/vx-shape-splitlinepath/Example';
-import StatsPlotSource from '!!raw-loader!../sandboxes/vx-shape-splitlinepath/Example';
-import packageJson from '../sandboxes/vx-shape-splitlinepath/package.json';
-
-export default () => (
-
- {StatsPlotSource}
-
-);
diff --git a/packages/vx-demo/src/pages/statsplot.tsx b/packages/vx-demo/src/pages/statsplot.tsx
deleted file mode 100644
index 53a11e28c..000000000
--- a/packages/vx-demo/src/pages/statsplot.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import StatsPlot from '../sandboxes/vx-stats/Example';
-import StatsPlotSource from '!!raw-loader!../sandboxes/vx-stats/Example';
-import packageJson from '../sandboxes/vx-stats/package.json';
-
-export default () => (
-
- {StatsPlotSource}
-
-);
diff --git a/packages/vx-demo/src/pages/streamgraph.tsx b/packages/vx-demo/src/pages/streamgraph.tsx
deleted file mode 100644
index 375d51f89..000000000
--- a/packages/vx-demo/src/pages/streamgraph.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Streamgraph from '../sandboxes/vx-streamgraph/Example';
-import StreamgraphSource from '!!raw-loader!../sandboxes/vx-streamgraph/Example';
-import packageJson from '../sandboxes/vx-streamgraph/package.json';
-
-export default () => (
-
- {StreamgraphSource}
-
-);
diff --git a/packages/vx-demo/src/pages/tooltip.tsx b/packages/vx-demo/src/pages/tooltip.tsx
deleted file mode 100644
index ab2b3c418..000000000
--- a/packages/vx-demo/src/pages/tooltip.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Tooltip from '../sandboxes/vx-tooltip/Example';
-import TooltipSource from '!!raw-loader!../sandboxes/vx-tooltip/Example';
-import packageJson from '../sandboxes/vx-tooltip/package.json';
-
-export default () => (
-
- {TooltipSource}
-
-);
diff --git a/packages/vx-demo/src/pages/treemap.tsx b/packages/vx-demo/src/pages/treemap.tsx
deleted file mode 100644
index c217085cd..000000000
--- a/packages/vx-demo/src/pages/treemap.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Treemap from '../sandboxes/vx-treemap/Example';
-import TreemapSource from '!!raw-loader!../sandboxes/vx-treemap/Example';
-import packageJson from '../sandboxes/vx-treemap/package.json';
-
-export default () => (
-
- {TreemapSource}
-
-);
diff --git a/packages/vx-demo/src/pages/trees.tsx b/packages/vx-demo/src/pages/trees.tsx
deleted file mode 100644
index 91083d69f..000000000
--- a/packages/vx-demo/src/pages/trees.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import Trees from '../sandboxes/vx-tree/Example';
-import TreesSource from '!!raw-loader!../sandboxes/vx-tree/Example';
-import packageJson from '../sandboxes/vx-tree/package.json';
-
-export default () => (
-
- {TreesSource}
-
-);
diff --git a/packages/vx-demo/src/pages/xychart.tsx b/packages/vx-demo/src/pages/xychart.tsx
deleted file mode 100644
index a83b6456a..000000000
--- a/packages/vx-demo/src/pages/xychart.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import XYChart from '../sandboxes/vx-xychart/Example';
-import XYChartSource from '!!raw-loader!../sandboxes/vx-xychart/Example';
-import packageJson from '../sandboxes/vx-xychart/package.json';
-
-export default () => (
-
- {XYChartSource}
-
-);
diff --git a/packages/vx-demo/src/pages/zoom-i.tsx b/packages/vx-demo/src/pages/zoom-i.tsx
deleted file mode 100644
index 69af2e65e..000000000
--- a/packages/vx-demo/src/pages/zoom-i.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Show from '../components/Show';
-import ZoomI from '../sandboxes/vx-zoom-i/Example';
-import ZoomISource from '!!raw-loader!../sandboxes/vx-zoom-i/Example';
-import packageJson from '../sandboxes/vx-zoom-i/package.json';
-
-export default () => (
-
- {ZoomISource}
-
-);
diff --git a/packages/vx-demo/src/sandboxes/exampleToVxDependencyLookup.ts b/packages/vx-demo/src/sandboxes/exampleToVxDependencyLookup.ts
deleted file mode 100644
index 2f197d668..000000000
--- a/packages/vx-demo/src/sandboxes/exampleToVxDependencyLookup.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import areaPackageJson from './vx-area/package.json';
-import axisPackageJson from './vx-axis/package.json';
-import bargroupPackageJson from './vx-bargroup/package.json';
-import bargroupHorizontalPackageJson from './vx-bargroup-horizontal/package.json';
-import barsPackageJson from './vx-bars/package.json';
-import barstackPackageJson from './vx-barstack/package.json';
-import barstackHorizontalPackageJson from './vx-barstack-horizontal/package.json';
-import brushPackageJson from './vx-brush/package.json';
-import chordPackageJson from './vx-chord/package.json';
-import curvePackageJson from './vx-curve/package.json';
-import dendrogramPackageJson from './vx-dendrogram/package.json';
-import dotsPackageJson from './vx-dots/package.json';
-import dragIPackageJson from './vx-drag-i/package.json';
-import dragIIPackageJson from './vx-drag-ii/package.json';
-import geoCustomPackageJson from './vx-geo-custom/package.json';
-import geoMercatorPackageJson from './vx-geo-mercator/package.json';
-import glyphPackageJson from './vx-glyph/package.json';
-import gradientPackageJson from './vx-gradient/package.json';
-import heatmapPackageJson from './vx-heatmap/package.json';
-import legendPackageJson from './vx-legend/package.json';
-import linktypesPackageJson from './vx-linktypes/package.json';
-import networkPackageJson from './vx-network/package.json';
-import packPackageJson from './vx-pack/package.json';
-import patternPackageJson from './vx-pattern/package.json';
-import polygonsPackageJson from './vx-polygons/package.json';
-import radarPackageJson from './vx-radar/package.json';
-import responsivePackageJson from './vx-responsive/package.json';
-import lineRadialPackageJson from './vx-shape-line-radial/package.json';
-import piePackageJson from './vx-shape-pie/package.json';
-import splitLinePathPackageJson from './vx-shape-splitlinepath/package.json';
-import stackedAreasPackageJson from './vx-stacked-areas/package.json';
-import statsPackageJson from './vx-stats/package.json';
-import streamgraphPackageJson from './vx-streamgraph/package.json';
-import { packageJson as textPackageJson } from '../components/Gallery/TextTile';
-import thresholdPackageJson from './vx-threshold/package.json';
-import treePackageJson from './vx-tree/package.json';
-import treemapPackageJson from './vx-treemap/package.json';
-import voronoiPackageJson from './vx-voronoi/package.json';
-import zoomPackageJson from './vx-zoom-i/package.json';
-
-import extractVxDepsFromPackageJson from '../components/util/extractVxDepsFromPackageJson';
-import { VxPackage } from '../types';
-
-const examples = [
- areaPackageJson,
- axisPackageJson,
- bargroupHorizontalPackageJson,
- bargroupPackageJson,
- barsPackageJson,
- barstackHorizontalPackageJson,
- barstackPackageJson,
- brushPackageJson,
- chordPackageJson,
- curvePackageJson,
- dendrogramPackageJson,
- dotsPackageJson,
- dragIIPackageJson,
- dragIPackageJson,
- geoCustomPackageJson,
- geoMercatorPackageJson,
- glyphPackageJson,
- gradientPackageJson,
- heatmapPackageJson,
- legendPackageJson,
- lineRadialPackageJson,
- linktypesPackageJson,
- networkPackageJson,
- packPackageJson,
- patternPackageJson,
- piePackageJson,
- polygonsPackageJson,
- radarPackageJson,
- responsivePackageJson,
- splitLinePathPackageJson,
- stackedAreasPackageJson,
- statsPackageJson,
- streamgraphPackageJson,
- textPackageJson,
- thresholdPackageJson,
- treePackageJson,
- treemapPackageJson,
- voronoiPackageJson,
- zoomPackageJson,
-];
-
-const exampleToVxDependencyLookup: { [exampleName: string]: Set } = {};
-const seenPackages = new Set();
-
-examples.forEach(packageJson => {
- // create a vx package set per example
- const vxPackages = new Set(
- extractVxDepsFromPackageJson(packageJson).map(
- vxPackage => vxPackage.split('@vx/')[1] ?? '',
- ) as VxPackage[],
- );
-
- vxPackages.forEach(vxPackage => seenPackages.add(vxPackage));
- exampleToVxDependencyLookup[packageJson.name] = vxPackages;
-});
-
-export const vxPackages = Array.from(seenPackages).sort();
-
-export default exampleToVxDependencyLookup;
diff --git a/packages/vx-demo/src/sandboxes/vx-bargroup/index.tsx b/packages/vx-demo/src/sandboxes/vx-bargroup/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-bargroup/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-bars/index.tsx b/packages/vx-demo/src/sandboxes/vx-bars/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-bars/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/index.tsx b/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/package.json b/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/package.json
deleted file mode 100644
index 801066531..000000000
--- a/packages/vx-demo/src/sandboxes/vx-barstack-horizontal/package.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "name": "@vx/demo-barstack-horizontal",
- "description": "Standalone vx horizontal stacked bar demo.",
- "main": "index.tsx",
- "private": true,
- "dependencies": {
- "@babel/runtime": "^7.8.4",
- "@types/react": "^16",
- "@types/react-dom": "^16",
- "@vx/axis": "latest",
- "@vx/grid": "latest",
- "@vx/group": "latest",
- "@vx/legend": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
- "@vx/tooltip": "latest",
- "d3-time-format": "2.2.3",
- "react": "^16",
- "react-dom": "^16",
- "react-scripts-ts": "3.1.0",
- "typescript": "^3"
- },
- "keywords": [
- "visualization",
- "d3",
- "react",
- "vx",
- "barstack"
- ]
-}
diff --git a/packages/vx-demo/src/sandboxes/vx-barstack/index.tsx b/packages/vx-demo/src/sandboxes/vx-barstack/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-barstack/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-brush/index.tsx b/packages/vx-demo/src/sandboxes/vx-brush/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-brush/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-brush/package.json b/packages/vx-demo/src/sandboxes/vx-brush/package.json
deleted file mode 100644
index a62d5bc2c..000000000
--- a/packages/vx-demo/src/sandboxes/vx-brush/package.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
- "name": "@vx/demo-brush",
- "description": "Standalone vx brush demo.",
- "main": "index.tsx",
- "private": true,
- "dependencies": {
- "@babel/runtime": "^7.8.4",
- "@types/react": "^16",
- "@types/react-dom": "^16",
- "@vx/axis": "latest",
- "@vx/brush": "latest",
- "@vx/curve": "latest",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/mock-data": "latest",
- "@vx/pattern": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
- "d3-array": "^2.4.0",
- "react": "^16.8",
- "react-dom": "^16.8",
- "react-scripts-ts": "3.1.0",
- "typescript": "^3"
- },
- "keywords": [
- "visualization",
- "d3",
- "react",
- "vx",
- "brush",
- "interaction"
- ]
-}
diff --git a/packages/vx-demo/src/sandboxes/vx-chord/index.tsx b/packages/vx-demo/src/sandboxes/vx-chord/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-chord/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-curve/index.tsx b/packages/vx-demo/src/sandboxes/vx-curve/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-curve/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-dendrogram/index.tsx b/packages/vx-demo/src/sandboxes/vx-dendrogram/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-dendrogram/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-dots/index.tsx b/packages/vx-demo/src/sandboxes/vx-dots/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-dots/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-dots/package.json b/packages/vx-demo/src/sandboxes/vx-dots/package.json
deleted file mode 100644
index d39d17c98..000000000
--- a/packages/vx-demo/src/sandboxes/vx-dots/package.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
- "name": "@vx/demo-dots",
- "description": "Standalone vx scatterplot demo.",
- "main": "index.tsx",
- "private": true,
- "dependencies": {
- "@babel/runtime": "^7.8.4",
- "@types/react": "^16",
- "@types/react-dom": "^16",
- "@vx/event": "latest",
- "@vx/gradient": "latest",
- "@vx/group": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
- "@vx/tooltip": "latest",
- "@vx/voronoi": "latest",
- "react": "^16.8",
- "react-dom": "^16.8",
- "react-scripts-ts": "3.1.0",
- "typescript": "^3"
- },
- "keywords": [
- "visualization",
- "d3",
- "react",
- "vx",
- "visualization"
- ]
-}
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-i/index.tsx b/packages/vx-demo/src/sandboxes/vx-drag-i/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-drag-i/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-drag-ii/index.tsx b/packages/vx-demo/src/sandboxes/vx-drag-ii/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-drag-ii/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-custom/index.tsx b/packages/vx-demo/src/sandboxes/vx-geo-custom/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-geo-custom/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-geo-mercator/index.tsx b/packages/vx-demo/src/sandboxes/vx-geo-mercator/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-geo-mercator/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-glyph/index.tsx b/packages/vx-demo/src/sandboxes/vx-glyph/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-glyph/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-gradient/index.tsx b/packages/vx-demo/src/sandboxes/vx-gradient/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-gradient/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-heatmap/index.tsx b/packages/vx-demo/src/sandboxes/vx-heatmap/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-heatmap/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-linktypes/index.tsx b/packages/vx-demo/src/sandboxes/vx-linktypes/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-linktypes/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-network/index.tsx b/packages/vx-demo/src/sandboxes/vx-network/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-network/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-pack/index.tsx b/packages/vx-demo/src/sandboxes/vx-pack/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-pack/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/index.tsx b/packages/vx-demo/src/sandboxes/vx-pattern/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-pattern/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-polygons/index.tsx b/packages/vx-demo/src/sandboxes/vx-polygons/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-polygons/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-radar/index.tsx b/packages/vx-demo/src/sandboxes/vx-radar/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-radar/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-responsive/index.tsx b/packages/vx-demo/src/sandboxes/vx-responsive/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-responsive/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/index.tsx b/packages/vx-demo/src/sandboxes/vx-shape-line-radial/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-shape-line-radial/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-pie/index.tsx b/packages/vx-demo/src/sandboxes/vx-shape-pie/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-shape-pie/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/index.tsx b/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-shape-splitlinepath/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-stacked-areas/index.tsx b/packages/vx-demo/src/sandboxes/vx-stacked-areas/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-stacked-areas/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-stats/index.tsx b/packages/vx-demo/src/sandboxes/vx-stats/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-stats/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-streamgraph/index.tsx b/packages/vx-demo/src/sandboxes/vx-streamgraph/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-streamgraph/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-threshold/index.tsx b/packages/vx-demo/src/sandboxes/vx-threshold/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-threshold/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-threshold/package.json b/packages/vx-demo/src/sandboxes/vx-threshold/package.json
deleted file mode 100644
index b02f09024..000000000
--- a/packages/vx-demo/src/sandboxes/vx-threshold/package.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
- "name": "@vx/demo-threshold",
- "description": "Standalone vx threshold demo.",
- "main": "index.tsx",
- "private": true,
- "dependencies": {
- "@babel/runtime": "^7.8.4",
- "@types/react": "^16",
- "@types/react-dom": "^16",
- "@vx/axis": "latest",
- "@vx/curve": "latest",
- "@vx/grid": "latest",
- "@vx/group": "latest",
- "@vx/mock-data": "latest",
- "@vx/responsive": "latest",
- "@vx/scale": "latest",
- "@vx/shape": "latest",
- "@vx/threshold": "latest",
- "react": "^16",
- "react-dom": "^16",
- "react-scripts-ts": "3.1.0",
- "typescript": "^3"
- },
- "keywords": [
- "visualization",
- "d3",
- "react",
- "vx",
- "threshold"
- ]
-}
diff --git a/packages/vx-demo/src/sandboxes/vx-tooltip/index.tsx b/packages/vx-demo/src/sandboxes/vx-tooltip/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-tooltip/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-tree/index.tsx b/packages/vx-demo/src/sandboxes/vx-tree/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-tree/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-treemap/index.tsx b/packages/vx-demo/src/sandboxes/vx-treemap/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-treemap/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-voronoi/index.tsx b/packages/vx-demo/src/sandboxes/vx-voronoi/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-voronoi/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/index.tsx b/packages/vx-demo/src/sandboxes/vx-xychart/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-xychart/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-demo/src/sandboxes/vx-xychart/package.json b/packages/vx-demo/src/sandboxes/vx-xychart/package.json
deleted file mode 100644
index e19930a81..000000000
--- a/packages/vx-demo/src/sandboxes/vx-xychart/package.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
- "name": "@vx/demo-xychart",
- "description": "Standalone vx xychart demo.",
- "main": "index.tsx",
- "private": true,
- "dependencies": {
- "@babel/runtime": "^7.8.4",
- "@types/react": "^16",
- "@types/react-dom": "^16",
- "@vx/mock-data": "latest",
- "@vx/pattern": "latest",
- "@vx/react-spring": "latest",
- "@vx/responsive": "latest",
- "@vx/xychart": "latest",
- "react": "^16",
- "react-dom": "^16",
- "react-scripts-ts": "3.1.0",
- "typescript": "^3"
- },
- "keywords": [
- "visualization",
- "d3",
- "react",
- "vx"
- ]
-}
diff --git a/packages/vx-demo/src/sandboxes/vx-zoom-i/index.tsx b/packages/vx-demo/src/sandboxes/vx-zoom-i/index.tsx
deleted file mode 100644
index 3313ec317..000000000
--- a/packages/vx-demo/src/sandboxes/vx-zoom-i/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import ParentSize from '@vx/responsive/lib/components/ParentSize';
-
-import Example from './Example';
-import './sandbox-styles.css';
-
-render(
- {({ width, height }) => ,
- document.getElementById('root'),
-);
diff --git a/packages/vx-drag/Readme.md b/packages/vx-drag/Readme.md
deleted file mode 100644
index 77ed63dc3..000000000
--- a/packages/vx-drag/Readme.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# @vx/drag
-
-
-
-
-`@vx/drag` provides `react` components for making items within an interface (or chart) draggable.
-
-## Installation
-
-```
-npm install --save @vx/drag
-```
diff --git a/packages/vx-event/Readme.md b/packages/vx-event/Readme.md
deleted file mode 100644
index c6e5c211b..000000000
--- a/packages/vx-event/Readme.md
+++ /dev/null
@@ -1,55 +0,0 @@
-# @vx/event
-
-
-
-
-## Installation
-
-```
-npm install --save @vx/event
-```
-
-## Usage
-
-`@vx/event` exports a utility `localPoint` that takes an `SVG` `MouseEvent` or `TouchEvent` as input
-and returns a `{ x: number; y: number; }` point coordinate (or `null` in the case the event has no
-`ownerSVGElement`) within the coordinate system of the `SVG`. This makes placement of tooltips,
-finding nearby datum, etc. easier.
-
-Example:
-
-```tsx
-import { localPoint } from '@vx/event';
-
-
- {
- const point = localPoint(event) || { x: 0, y: 0 };
- // use coordinates ...
- }}
- />
- {...}
-
-```
-
-You may optionally pass a reference to the SVG node
-
-```tsx
-import { useRef } from 'react';
-import { localPoint } from '@vx/event';
-
-const svgRef = useRef(null);
-
-
- {
- const point = localPoint(svgRef.current, event) || { x: 0, y: 0 };
- // use coordinates ...
- }}
- />
- {...}
-
-```
diff --git a/packages/vx-glyph/Readme.md b/packages/vx-glyph/Readme.md
deleted file mode 100644
index 16f11e356..000000000
--- a/packages/vx-glyph/Readme.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# @vx/glyph
-
-
-
-
-Glyphs are small marks or symbols that you can use in your charts. Example:
-[https://vx-demo.now.sh/glyphs](https://vx-demo.now.sh/glyphs)
-
-## Installation
-
-```
-npm install --save @vx/glyph
-```
diff --git a/packages/vx-grid/Readme.md b/packages/vx-grid/Readme.md
deleted file mode 100644
index 615a308b2..000000000
--- a/packages/vx-grid/Readme.md
+++ /dev/null
@@ -1,34 +0,0 @@
-# @vx/grid
-
-
-
-
-The `@vx/grid` package lets you create gridlines for charts. `
-
-
-Markers are graphical objects attached to a , , , or element.
-[MDN ``](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/marker)
-
-## Installation
-
-```
-npm install --save @vx/marker
-```
diff --git a/packages/vx-react-spring/README.md b/packages/vx-react-spring/README.md
deleted file mode 100644
index cdcc64055..000000000
--- a/packages/vx-react-spring/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# @vx/react-spring
-
-
-
-
-Although `vx` is largely unopinioned on animation, there is value in abstracting the complexity +
-boilerplate of building **animated** `vx` visualization components. This package requires
-`react-spring` as a `peerDependency` (to be compatible with any usage within your app) and exports
-all `vx` components that depend on `react-spring`.
-
-[`react-spring`](https://www.react-spring.io/) provides performant primitives for animating react
-components and is our recommended library for making animated charts. In order to minimize
-`react-spring` as a dependency across other `vx` packages, we've consolidated components which
-depend on it here.
-
-## Installation
-
-```
-npm install --save react-spring @vx/react-spring
-```
diff --git a/packages/vx-shape/Readme.md b/packages/vx-shape/Readme.md
deleted file mode 100644
index f96ba55bc..000000000
--- a/packages/vx-shape/Readme.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# @vx/shape
-
-
-
-
-Shapes are the core elements of `vx`. Most of what you see on the screen, like lines, bars, and
-areas are all made with shape primitives.
-
-## Installation
-
-```
-npm install --save @vx/shape
-```
diff --git a/packages/vx-stats/Readme.md b/packages/vx-stats/Readme.md
deleted file mode 100644
index 6156129a6..000000000
--- a/packages/vx-stats/Readme.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# @vx/stats
-
-
-
-
-The package provides `react` components for visualizing distributions, such as Box Plots and Violin
-Plots
-
-## Installation
-
-```
-npm install --save @vx/stats
-```
diff --git a/packages/vx-threshold/Readme.md b/packages/vx-threshold/Readme.md
deleted file mode 100644
index b560063bf..000000000
--- a/packages/vx-threshold/Readme.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# @vx/threshold
-
-
-
-
-`@vx/threshold` allows for creation of Difference Charts in `react`, which highlight the delta
-between two line series.
-
-## Installation
-
-```
-npm install --save @vx/threshold
-```
diff --git a/packages/vx-vx/Readme.md b/packages/vx-vx/Readme.md
deleted file mode 100644
index a6481835b..000000000
--- a/packages/vx-vx/Readme.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# @vx/vx
-
-
-
-
-The one stop install for all `vx` packages.
-
-## Installation
-
-```
-npm install --save @vx/vx
-```
diff --git a/packages/vx-vx/package.json b/packages/vx-vx/package.json
deleted file mode 100644
index 9ee9a7143..000000000
--- a/packages/vx-vx/package.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
- "name": "@vx/vx",
- "version": "0.0.199",
- "description": "One stop install for all vx packages",
- "sideEffects": false,
- "main": "lib/index.js",
- "module": "esm/index.js",
- "files": [
- "lib",
- "esm"
- ],
- "repository": {
- "type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
- },
- "keywords": [
- "vx",
- "react",
- "d3",
- "visualizations",
- "charts"
- ],
- "author": "@hshoff",
- "license": "MIT",
- "bugs": {
- "url": "https://github.com/hshoff/vx/issues"
- },
- "homepage": "https://github.com/hshoff/vx#readme",
- "publishConfig": {
- "access": "public"
- },
- "peerDependencies": {
- "react": "^16.3.0-0"
- },
- "dependencies": {
- "@vx/annotation": "0.0.199",
- "@vx/axis": "0.0.199",
- "@vx/bounds": "0.0.199",
- "@vx/brush": "0.0.199",
- "@vx/clip-path": "0.0.199",
- "@vx/curve": "0.0.199",
- "@vx/drag": "0.0.199",
- "@vx/event": "0.0.199",
- "@vx/geo": "0.0.199",
- "@vx/glyph": "0.0.199",
- "@vx/gradient": "0.0.199",
- "@vx/grid": "0.0.199",
- "@vx/group": "0.0.199",
- "@vx/heatmap": "0.0.199",
- "@vx/hierarchy": "0.0.199",
- "@vx/legend": "0.0.199",
- "@vx/marker": "0.0.199",
- "@vx/mock-data": "0.0.199",
- "@vx/network": "0.0.199",
- "@vx/pattern": "0.0.199",
- "@vx/point": "0.0.199",
- "@vx/responsive": "0.0.199",
- "@vx/scale": "0.0.199",
- "@vx/shape": "0.0.199",
- "@vx/text": "0.0.199",
- "@vx/tooltip": "0.0.199",
- "@vx/voronoi": "0.0.199",
- "@vx/zoom": "0.0.199"
- }
-}
diff --git a/packages/vx-vx/src/index.ts b/packages/vx-vx/src/index.ts
deleted file mode 100644
index 9af7c894f..000000000
--- a/packages/vx-vx/src/index.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export * from '@vx/annotation';
-export * from '@vx/axis';
-export * from '@vx/bounds';
-export * from '@vx/brush';
-export * from '@vx/clip-path';
-export * from '@vx/curve';
-export * from '@vx/drag';
-export * from '@vx/event';
-export * from '@vx/geo';
-export * from '@vx/glyph';
-export * from '@vx/gradient';
-export * from '@vx/grid';
-export * from '@vx/group';
-export * from '@vx/heatmap';
-export * from '@vx/hierarchy';
-export * from '@vx/legend';
-export * from '@vx/marker';
-export * from '@vx/mock-data';
-export * from '@vx/network';
-export * from '@vx/pattern';
-export * from '@vx/point';
-export * from '@vx/responsive';
-export * from '@vx/scale';
-export * from '@vx/shape';
-export * from '@vx/text';
-export * from '@vx/tooltip';
-export * from '@vx/voronoi';
-export * from '@vx/zoom';
diff --git a/packages/vx-vx/test/index.test.ts b/packages/vx-vx/test/index.test.ts
deleted file mode 100644
index 69a53a184..000000000
--- a/packages/vx-vx/test/index.test.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-/* eslint-disable import/namespace */
-import * as vx from '../src';
-
-describe('vx', () => {
- test('it should be defined', () => {
- expect(vx).toBeDefined();
- });
-
- test('it should export @vx/annotation', () => {
- expect(vx.LinePathAnnotation).toBeDefined();
- });
-
- test('it should export @vx/axis', () => {
- expect(vx.Axis).toBeDefined();
- });
-
- test('it should export @vx/bounds', () => {
- expect(vx.withBoundingRects).toBeDefined();
- });
-
- test('it should export @vx/clip-path', () => {
- expect(vx.ClipPath).toBeDefined();
- });
-
- test('it should export @vx/curve', () => {
- expect(vx.curveBasis).toBeDefined();
- });
-
- test('it should export @vx/drag', () => {
- expect(vx.Drag).toBeDefined();
- });
-
- test('it should export @vx/event', () => {
- expect(vx.localPoint).toBeDefined();
- });
-
- test('it should export @vx/geo', () => {
- expect(vx.Albers).toBeDefined();
- });
-
- test('it should export @vx/glyph', () => {
- expect(vx.Glyph).toBeDefined();
- });
-
- test('it should export @vx/gradient', () => {
- expect(vx.LinearGradient).toBeDefined();
- });
-
- test('it should export @vx/grid', () => {
- expect(vx.Grid).toBeDefined();
- });
-
- test('it should export @vx/group', () => {
- expect(vx.Group).toBeDefined();
- });
-
- test('it should export @vx/heatmap', () => {
- expect(vx.HeatmapRect).toBeDefined();
- });
-
- test('it should export @vx/hierarchy', () => {
- expect(vx.Tree).toBeDefined();
- });
-
- test('it should export @vx/legend', () => {
- expect(vx.Legend).toBeDefined();
- });
-
- test('it should export @vx/marker', () => {
- expect(vx.Marker).toBeDefined();
- });
-
- test('it should export @vx/mock-data', () => {
- expect(vx.genDateValue).toBeDefined();
- });
-
- test('it should export @vx/network', () => {
- expect(vx.Graph).toBeDefined();
- });
-
- test('it should export @vx/pattern', () => {
- expect(vx.Pattern).toBeDefined();
- });
-
- test('it should export @vx/point', () => {
- expect(vx.Point).toBeDefined();
- });
-
- test('it should export @vx/responsive', () => {
- expect(vx.withParentSize).toBeDefined();
- });
-
- test('it should export @vx/scale', () => {
- expect(vx.scaleBand).toBeDefined();
- });
-
- test('it should export @vx/shape', () => {
- expect(vx.Bar).toBeDefined();
- });
-
- test('it should export @vx/text', () => {
- expect(vx.Text).toBeDefined();
- });
-
- test('it should export @vx/tooltip', () => {
- expect(vx.Tooltip).toBeDefined();
- });
-
- test('it should export @vx/voronoi', () => {
- expect(vx.voronoi).toBeDefined();
- });
-
- test('it should export @vx/zoom', () => {
- expect(vx.Zoom).toBeDefined();
- });
-});
diff --git a/packages/vx-xychart/README.md b/packages/vx-xychart/README.md
deleted file mode 100644
index 7edb6eacc..000000000
--- a/packages/vx-xychart/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# @vx/xychart
-
-Coming 🔜
diff --git a/packages/vx-zoom/Readme.md b/packages/vx-zoom/Readme.md
deleted file mode 100644
index 77748ca2b..000000000
--- a/packages/vx-zoom/Readme.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# @vx/Zoom
-
-
-
-
-`@vx/zoom` provides `react` components that make it easy to apply transforms to a viewport or chart.
-
-## Installation
-
-```
-npm install --save @vx/zoom
-```
+ 
+ 
+
+
+
+ 
-
- 
+
+ 
-
- 
+
+ 
-
- 
+
+ 
@@ -25,20 +25,20 @@
```javascript
import React from 'react';
-import { letterFrequency } from '@vx/mock-data';
-import { Group } from '@vx/group';
-import { Bar } from '@vx/shape';
-import { scaleLinear, scaleBand } from '@vx/scale';
+import { letterFrequency } from '@visx/mock-data';
+import { Group } from '@visx/group';
+import { Bar } from '@visx/shape';
+import { scaleLinear, scaleBand } from '@visx/scale';
-// We'll use some mock data from `@vx/mock-data` for this.
+// We'll use some mock data from `@visx/mock-data` for this.
const data = letterFrequency;
// Define the graph dimensions and margins
@@ -145,21 +145,21 @@ function BarGraph(props) {
// 
+
+
+
+
+
+
+A brush allows you to select a sub-region of your chart or axis.
+
+## Installation
+
+```
+npm install --save @visx/brush
+```
diff --git a/packages/vx-brush/package.json b/packages/visx-brush/package.json
similarity index 61%
rename from packages/vx-brush/package.json
rename to packages/visx-brush/package.json
index 0dab26612..717824700 100644
--- a/packages/vx-brush/package.json
+++ b/packages/visx-brush/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/brush",
+ "name": "@visx/brush",
"version": "0.0.199",
- "description": "vx brush",
+ "description": "visx brush",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -11,10 +11,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"d3",
"react",
"visualizations",
@@ -23,9 +23,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"publishConfig": {
"access": "public"
},
@@ -33,13 +33,13 @@
"react": "^15.0.0-0 || ^16.0.0-0"
},
"dependencies": {
- "@vx/drag": "0.0.199",
- "@vx/group": "0.0.199",
- "@vx/shape": "0.0.199",
+ "@visx/drag": "0.0.199",
+ "@visx/group": "0.0.199",
+ "@visx/shape": "0.0.199",
"classnames": "^2.2.5",
"prop-types": "^15.6.1"
},
"devDependencies": {
- "@vx/scale": "0.0.199"
+ "@visx/scale": "0.0.199"
}
}
diff --git a/packages/vx-brush/src/BaseBrush.tsx b/packages/visx-brush/src/BaseBrush.tsx
similarity index 98%
rename from packages/vx-brush/src/BaseBrush.tsx
rename to packages/visx-brush/src/BaseBrush.tsx
index d5b30023e..d5088d546 100644
--- a/packages/vx-brush/src/BaseBrush.tsx
+++ b/packages/visx-brush/src/BaseBrush.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { Group } from '@vx/group';
-import { Bar } from '@vx/shape';
-import Drag, { HandlerArgs as DragArgs } from '@vx/drag/lib/Drag';
+import { Group } from '@visx/group';
+import { Bar } from '@visx/shape';
+import Drag, { HandlerArgs as DragArgs } from '@visx/drag/lib/Drag';
import BrushHandle from './BrushHandle';
import BrushCorner from './BrushCorner';
@@ -366,7 +366,7 @@ export default class BaseBrush extends React.Component
+
+
+Chord diagrams show directed relationships among a group of entities in a radial layout.
+
+## Installation
+
+```
+npm install --save @visx/chord
+```
diff --git a/packages/vx-chord/package.json b/packages/visx-chord/package.json
similarity index 75%
rename from packages/vx-chord/package.json
rename to packages/visx-chord/package.json
index f6ecbfe71..7af75ac32 100644
--- a/packages/vx-chord/package.json
+++ b/packages/visx-chord/package.json
@@ -1,7 +1,7 @@
{
- "name": "@vx/chord",
+ "name": "@visx/chord",
"version": "0.0.199",
- "description": "vx group",
+ "description": "visx group",
"sideEffects": false,
"main": "lib/index.js",
"module": "esm/index.js",
@@ -12,10 +12,10 @@
],
"repository": {
"type": "git",
- "url": "git+https://github.com/hshoff/vx.git"
+ "url": "git+https://github.com/airbnb/visx.git"
},
"keywords": [
- "vx",
+ "visx",
"react",
"d3",
"visualizations",
@@ -25,9 +25,9 @@
"author": "@hshoff",
"license": "MIT",
"bugs": {
- "url": "https://github.com/hshoff/vx/issues"
+ "url": "https://github.com/airbnb/visx/issues"
},
- "homepage": "https://github.com/hshoff/vx#readme",
+ "homepage": "https://github.com/airbnb/visx#readme",
"peerDependencies": {
"react": "^15.0.0-0 || ^16.0.0-0"
},
diff --git a/packages/vx-chord/src/Chord.tsx b/packages/visx-chord/src/Chord.tsx
similarity index 100%
rename from packages/vx-chord/src/Chord.tsx
rename to packages/visx-chord/src/Chord.tsx
diff --git a/packages/vx-chord/src/Ribbon.tsx b/packages/visx-chord/src/Ribbon.tsx
similarity index 95%
rename from packages/vx-chord/src/Ribbon.tsx
rename to packages/visx-chord/src/Ribbon.tsx
index 359552c15..d3dbf5ade 100644
--- a/packages/vx-chord/src/Ribbon.tsx
+++ b/packages/visx-chord/src/Ribbon.tsx
@@ -52,5 +52,5 @@ export default function Ribbon({
const path = (ribbon(chord) as unknown) as string | null;
if (children) return <>{children({ path })};
- return 
+
+
+React utilities for defining `
+
+ 
## Installation
```
-npm install --save @vx/curve
+npm install --save @visx/curve
```
## Overview
-The `@vx/curve` package is a wrapper of the [d3-shape](https://github.com/d3/d3-shape) curve
-functions. A `curve` is a function that can be passed into other `vx` objects that draw lines or
+The `@visx/curve` package is a wrapper of the [d3-shape](https://github.com/d3/d3-shape) curve
+functions. A `curve` is a function that can be passed into other `visx` objects that draw lines or
paths, such as a `LinePath`, to change the way the line between points is drawn. Click on the
example below for an interactive way to explore curve aesthetics.
-Any function with the prefix `curve` in `d3` can be used through `vx` like so:
+Any function with the prefix `curve` in `d3` can be used through `visx` like so:
```javascript
-import { curveCatmullRomOpen } from '@vx/curve';
+import { curveCatmullRomOpen } from '@visx/curve';
let line = (
+
+