feat(scatterplot): add ability to use a mesh to capture interactions

plouc · Oct 26, 2018 · ff9399f · ff9399f
1 parent 647a496
commit ff9399f
Show file tree

Hide file tree

Showing 36 changed files with 1,213 additions and 591 deletions.
diff --git a/packages/core/src/components/axes/GridLines.js b/packages/core/src/components/axes/GridLines.js
@@ -24,7 +24,7 @@ export default class GridLines extends Component {
             })
         ).isRequired,
         theme: PropTypes.object.isRequired,
-        // motion
+
         animate: PropTypes.bool.isRequired,
         motionStiffness: PropTypes.number.isRequired,
         motionDamping: PropTypes.number.isRequired,

diff --git a/packages/scatterplot/index.d.ts b/packages/scatterplot/index.d.ts
@@ -50,9 +50,12 @@ declare module '@nivo/scatterplot' {
         symbolShape?: 'circle' | 'square'
 
         isInteractive?: boolean
-        onClick?: ScatterPlotMouseHandler
+        useMesh?: boolean
+        debugMesh?: boolean
         onMouseEnter?: ScatterPlotMouseHandler
+        onMouseMove?: ScatterPlotMouseHandler
         onMouseLeave?: ScatterPlotMouseHandler
+        onClick?: ScatterPlotMouseHandler
 
         tooltipFormat?: TooltipFormatter
         tooltip?: (data: ScatterPlotDatum) => React.ReactNode

diff --git a/packages/scatterplot/package.json b/packages/scatterplot/package.json
@@ -27,6 +27,7 @@
     "@nivo/core": "0.50.0",
     "@nivo/legends": "0.50.0",
     "@nivo/scales": "0.50.0",
+    "@nivo/voronoi": "0.50.0",
     "d3-scale": "^2.1.2",
     "d3-shape": "^1.2.2",
     "lodash": "^4.17.4",