new: add XYChart proof-of-concept

packages/vx-axis/src/types.ts

@@ -44,7 +44,7 @@ export type SharedAxisProps<ScaleInput> = {
   /** The color for the stroke of the lines. */
   stroke?: string;
   /** The pixel value for the width of the lines. */
-  strokeWidth?: number;
+  strokeWidth?: string | number;
   /** The pattern of dashes in the stroke. */
   strokeDasharray?: string;
   /** The class name applied to each tick group. */

packages/vx-demo/package.json

@@ -78,6 +78,7 @@
     "react-markdown": "^4.3.1",
     "react-spring": "^8.0.27",
     "react-tilt": "^0.1.4",
+    "react-use-measure": "^2.0.1",
     "recompose": "^0.26.0",
     "topojson-client": "^3.0.0"
   },

packages/vx-demo/src/pages/XYChart.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import Show from '../components/Show';
+import XYChart from '../sandboxes/vx-chart-poc/Example';
+import XYChartSource from '!!raw-loader!../sandboxes/vx-chart-poc/Example';
+
+export default () => (
+  <Show
+    component={XYChart}
+    title="XYChart Proof-of-Concept"
+    margin={{ top: 0, right: 0, bottom: 0, left: 0 }}
+  >
+    {XYChartSource}
+  </Show>
+);