gitextract_5pxsgs97/ ├── .editorconfig ├── .eslintrc ├── .gitattributes ├── .gitignore ├── .prettierrc ├── .stylelintrc ├── .travis.yml ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── DEPRECATED.md ├── LICENSE ├── README.md ├── ROADMAP.md ├── babel.config.json ├── docs/ │ ├── animation.md │ ├── arc-series.md │ ├── area-series.md │ ├── axes.md │ ├── bar-series.md │ ├── borders.md │ ├── chart-label.md │ ├── clip.md │ ├── colors.md │ ├── contour-series.md │ ├── crosshair.md │ ├── custom-svg-series.md │ ├── decorative-axis.md │ ├── examples/ │ │ ├── building-things-other-than-charts.md │ │ ├── extensibility.md │ │ ├── iris-dashboard.md │ │ ├── responsive-vis.md │ │ ├── showcases/ │ │ │ ├── axes-showcase.md │ │ │ ├── legends-showcase.md │ │ │ ├── misc-showcase.md │ │ │ ├── plots-showcase.md │ │ │ ├── radar-chart-showcase.md │ │ │ ├── radial-showcase.md │ │ │ ├── sankeys-showcase.md │ │ │ ├── sunburst-showcase.md │ │ │ └── treemaps-showcase.md │ │ └── stream-graph.md │ ├── flexible-plots.md │ ├── getting-started/ │ │ ├── getting-started.md │ │ ├── installing-react-vis.md │ │ ├── new-react-vis-project.md │ │ ├── react-vis-in-codepen.md │ │ └── your-first-chart.md │ ├── gradients.md │ ├── grids.md │ ├── heatmap-series.md │ ├── hexbin-series.md │ ├── highlight.md │ ├── hint.md │ ├── interaction.md │ ├── label-series.md │ ├── legends.md │ ├── line-mark-series.md │ ├── line-series.md │ ├── mark-series.md │ ├── parallel-coordinates.md │ ├── polygon-series.md │ ├── presentation.md │ ├── radar-chart.md │ ├── radial-chart.md │ ├── rect-series.md │ ├── sankey.md │ ├── scales-and-data.md │ ├── series.md │ ├── style.md │ ├── sunburst.md │ ├── treemap.md │ ├── voronoi.md │ ├── whisker-series.md │ └── xy-plot.md ├── package.json ├── packages/ │ ├── react-vis/ │ │ ├── .babelrc.json │ │ ├── build-browser.sh │ │ ├── jest.config.js │ │ ├── jest.setup.js │ │ ├── jestBabelTransform.js │ │ ├── package.json │ │ ├── src/ │ │ │ ├── animation.js │ │ │ ├── index.js │ │ │ ├── legends/ │ │ │ │ ├── continuous-color-legend.js │ │ │ │ ├── continuous-size-legend.js │ │ │ │ ├── discrete-color-legend-item.js │ │ │ │ ├── discrete-color-legend.js │ │ │ │ └── searchable-discrete-color-legend.js │ │ │ ├── main.scss │ │ │ ├── make-vis-flexible.js │ │ │ ├── parallel-coordinates/ │ │ │ │ └── index.js │ │ │ ├── plot/ │ │ │ │ ├── axis/ │ │ │ │ │ ├── axis-line.js │ │ │ │ │ ├── axis-ticks.js │ │ │ │ │ ├── axis-title.js │ │ │ │ │ ├── axis.js │ │ │ │ │ ├── decorative-axis-ticks.js │ │ │ │ │ ├── decorative-axis.js │ │ │ │ │ ├── x-axis.js │ │ │ │ │ └── y-axis.js │ │ │ │ ├── borders.js │ │ │ │ ├── chart-label.js │ │ │ │ ├── circular-grid-lines.js │ │ │ │ ├── content-clip-path.js │ │ │ │ ├── crosshair.js │ │ │ │ ├── gradient-defs.js │ │ │ │ ├── grid-lines.js │ │ │ │ ├── highlight.js │ │ │ │ ├── hint.js │ │ │ │ ├── horizontal-grid-lines.js │ │ │ │ ├── series/ │ │ │ │ │ ├── abstract-series.js │ │ │ │ │ ├── arc-series.js │ │ │ │ │ ├── area-series.js │ │ │ │ │ ├── bar-series-canvas.js │ │ │ │ │ ├── bar-series.js │ │ │ │ │ ├── canvas-wrapper.js │ │ │ │ │ ├── contour-series.js │ │ │ │ │ ├── custom-svg-series.js │ │ │ │ │ ├── heatmap-series.js │ │ │ │ │ ├── hexbin-series.js │ │ │ │ │ ├── horizontal-bar-series-canvas.js │ │ │ │ │ ├── horizontal-bar-series.js │ │ │ │ │ ├── horizontal-rect-series-canvas.js │ │ │ │ │ ├── horizontal-rect-series.js │ │ │ │ │ ├── label-series.js │ │ │ │ │ ├── line-mark-series-canvas.js │ │ │ │ │ ├── line-mark-series.js │ │ │ │ │ ├── line-series-canvas.js │ │ │ │ │ ├── line-series.js │ │ │ │ │ ├── mark-series-canvas.js │ │ │ │ │ ├── mark-series.js │ │ │ │ │ ├── polygon-series.js │ │ │ │ │ ├── rect-series-canvas.js │ │ │ │ │ ├── rect-series.js │ │ │ │ │ ├── vertical-bar-series-canvas.js │ │ │ │ │ ├── vertical-bar-series.js │ │ │ │ │ ├── vertical-rect-series-canvas.js │ │ │ │ │ ├── vertical-rect-series.js │ │ │ │ │ └── whisker-series.js │ │ │ │ ├── vertical-grid-lines.js │ │ │ │ ├── voronoi.js │ │ │ │ └── xy-plot.js │ │ │ ├── radar-chart/ │ │ │ │ └── index.js │ │ │ ├── radial-chart/ │ │ │ │ └── index.js │ │ │ ├── sankey/ │ │ │ │ ├── index.js │ │ │ │ └── sankey-link.js │ │ │ ├── styles/ │ │ │ │ ├── examples.scss │ │ │ │ ├── legends.scss │ │ │ │ ├── plot.scss │ │ │ │ ├── radial-chart.scss │ │ │ │ └── treemap.scss │ │ │ ├── sunburst/ │ │ │ │ └── index.js │ │ │ ├── theme.js │ │ │ ├── treemap/ │ │ │ │ ├── index.js │ │ │ │ ├── treemap-dom.js │ │ │ │ ├── treemap-leaf.js │ │ │ │ └── treemap-svg.js │ │ │ └── utils/ │ │ │ ├── axis-utils.js │ │ │ ├── chart-utils.js │ │ │ ├── data-utils.js │ │ │ ├── react-utils.js │ │ │ ├── scales-utils.js │ │ │ ├── series-utils.js │ │ │ └── styling-utils.js │ │ └── tests/ │ │ ├── .eslintrc │ │ ├── components/ │ │ │ ├── animation.test.js │ │ │ ├── arc-series.test.js │ │ │ ├── area-series.test.js │ │ │ ├── axes.test.js │ │ │ ├── axis-tick-format.test.js │ │ │ ├── axis-title.test.js │ │ │ ├── bar-series.test.js │ │ │ ├── borders.test.js │ │ │ ├── canvas-component.test.js │ │ │ ├── circular-grid-lines.test.js │ │ │ ├── color-article.test.js │ │ │ ├── contour-series.test.js │ │ │ ├── crosshair.test.js │ │ │ ├── custom-svg-series.test.js │ │ │ ├── data-article.test.js │ │ │ ├── decorative-axis.test.js │ │ │ ├── gradient.test.js │ │ │ ├── grid-lines.test.js │ │ │ ├── heatmap.test.js │ │ │ ├── hexbin-series.test.js │ │ │ ├── highlight.test.js │ │ │ ├── hints.test.js │ │ │ ├── interaction-article.test.js │ │ │ ├── label-series.test.js │ │ │ ├── legends.test.js │ │ │ ├── line-series-canvas.test.js │ │ │ ├── line-series.test.js │ │ │ ├── make-vis-flexible.test.js │ │ │ ├── mark-series.test.js │ │ │ ├── parallel-coordinates.test.js │ │ │ ├── polygon-series.test.js │ │ │ ├── radar-chart.test.js │ │ │ ├── radial.test.js │ │ │ ├── rect-series.test.js │ │ │ ├── sankey.test.js │ │ │ ├── sunburst.test.js │ │ │ ├── treemap.test.js │ │ │ ├── voronoi.test.js │ │ │ ├── whisker-series.test.js │ │ │ └── xy-plot.test.js │ │ ├── components.js │ │ ├── index.js │ │ ├── jsconfig.json │ │ ├── plot/ │ │ │ ├── __snapshots__/ │ │ │ │ └── content-clip-path.test.js.snap │ │ │ └── content-clip-path.test.js │ │ ├── setup.js │ │ ├── test-utils.js │ │ └── utils/ │ │ ├── axis-utils.test.js │ │ ├── chart-utils.test.js │ │ ├── data-utils.test.js │ │ ├── react-utils.test.js │ │ ├── scales-utils.test.js │ │ ├── series-utils.test.js │ │ └── styling-utils.test.js │ ├── showcase/ │ │ ├── .babelrc.json │ │ ├── app.js │ │ ├── axes/ │ │ │ ├── axis-on-0.js │ │ │ ├── custom-axes-orientation.js │ │ │ ├── custom-axes.js │ │ │ ├── custom-axis-tick-element.js │ │ │ ├── custom-axis-tick-format.js │ │ │ ├── custom-axis.js │ │ │ ├── decorative-axes-criss-cross.js │ │ │ ├── dynamic-complex-edge-hints.js │ │ │ ├── dynamic-crosshair-scatterplot.js │ │ │ ├── dynamic-crosshair.js │ │ │ ├── dynamic-hints.js │ │ │ ├── dynamic-programmatic-rightedge-hints.js │ │ │ ├── dynamic-simple-edge-hints.js │ │ │ ├── dynamic-simple-topedge-hints.js │ │ │ ├── empty-chart.js │ │ │ ├── padded-axis.js │ │ │ ├── parallel-coordinates-example.js │ │ │ ├── static-crosshair.js │ │ │ └── static-hints.js │ │ ├── color/ │ │ │ ├── line-chart-many-colors.js │ │ │ └── mini-color-examples.js │ │ ├── data/ │ │ │ └── mini-data-examples.js │ │ ├── datasets/ │ │ │ ├── car-data.json │ │ │ ├── d3-flare-example.json │ │ │ ├── energy.json │ │ │ ├── iris.json │ │ │ └── old-faithful.json │ │ ├── examples/ │ │ │ ├── candlestick/ │ │ │ │ ├── candlestick-example.js │ │ │ │ ├── candlestick.js │ │ │ │ └── candlestick.scss │ │ │ ├── force-directed-graph/ │ │ │ │ ├── force-directed-example.js │ │ │ │ ├── force-directed-graph.js │ │ │ │ ├── force-directed.scss │ │ │ │ └── les-mis-data.json │ │ │ ├── iris-dashboard/ │ │ │ │ ├── iris-dashboard.js │ │ │ │ └── iris-dashboard.scss │ │ │ ├── responsive-vis/ │ │ │ │ ├── responsive-bar-chart.js │ │ │ │ ├── responsive-scatterplot.js │ │ │ │ ├── responsive-vis-example.js │ │ │ │ ├── responsive-vis-utils.js │ │ │ │ └── responsive-vis.scss │ │ │ └── streamgraph/ │ │ │ ├── streamgraph-example.js │ │ │ └── streamgraph-example.scss │ │ ├── flexible/ │ │ │ └── flexible-examples.js │ │ ├── index.html │ │ ├── index.js │ │ ├── interaction/ │ │ │ └── interaction-examples.js │ │ ├── legends/ │ │ │ ├── continuous-color.js │ │ │ ├── continuous-size.js │ │ │ ├── horizontal-discrete-color.js │ │ │ ├── horizontal-discrete-custom-palette.js │ │ │ ├── searchable-discrete-color-hover.js │ │ │ ├── searchable-discrete-color.js │ │ │ └── vertical-discrete-color.js │ │ ├── misc/ │ │ │ ├── 2d-dragable-plot.js │ │ │ ├── animation-example.js │ │ │ ├── clip-example.js │ │ │ ├── dragable-chart-example.js │ │ │ ├── gradient-example.js │ │ │ ├── label-series-example.js │ │ │ ├── null-data-example.js │ │ │ ├── selection-plot-example.js │ │ │ ├── synced-charts.js │ │ │ ├── time-chart.js │ │ │ ├── triangle-example.js │ │ │ ├── voronoi-line-chart.js │ │ │ └── zoomable-chart-example.js │ │ ├── package.json │ │ ├── parallel-coordinates/ │ │ │ ├── animated-parallel-coordinates.js │ │ │ ├── basic-parallel-coordinates.js │ │ │ └── brushed-parallel-coordinates.js │ │ ├── plot/ │ │ │ ├── area-chart-elevated.js │ │ │ ├── area-chart.js │ │ │ ├── axis-with-turned-labels.js │ │ │ ├── bar-chart.js │ │ │ ├── big-base-bar-chart.js │ │ │ ├── clustered-stacked-bar-chart.js │ │ │ ├── complex-chart.js │ │ │ ├── contour-series-example.js │ │ │ ├── custom-scales.js │ │ │ ├── custom-svg-all-the-marks.js │ │ │ ├── custom-svg-example.js │ │ │ ├── custom-svg-root-level.js │ │ │ ├── difference-chart.js │ │ │ ├── faux-radial-scatterplot.js │ │ │ ├── grid.js │ │ │ ├── heatmap-chart.js │ │ │ ├── hex-heatmap.js │ │ │ ├── hexbin-size-example.js │ │ │ ├── histogram.js │ │ │ ├── labeled-heatmap.js │ │ │ ├── labeled-stacked-vertical-bar-chart.js │ │ │ ├── line-chart-canvas.js │ │ │ ├── line-chart-with-style.js │ │ │ ├── line-chart.js │ │ │ ├── line-series-canvas-nearest-xy-example.js │ │ │ ├── linemark-chart.js │ │ │ ├── mixed-stacked-chart.js │ │ │ ├── scatterplot-canvas.js │ │ │ ├── scatterplot.js │ │ │ ├── stacked-histogram.js │ │ │ ├── stacked-horizontal-bar-chart.js │ │ │ ├── stacked-vertical-bar-chart.js │ │ │ ├── whisker-chart.js │ │ │ └── width-height-margin.js │ │ ├── radar-chart/ │ │ │ ├── animated-radar-chart.js │ │ │ ├── basic-radar-chart.js │ │ │ ├── four-quadrant-radar-chart.js │ │ │ ├── radar-chart-series-tooltips.js │ │ │ └── radar-chart-with-tooltips.js │ │ ├── radial-chart/ │ │ │ ├── arc-series-example.js │ │ │ ├── custom-radius-radial-chart.js │ │ │ ├── donut-chart.js │ │ │ ├── gradient-pie.js │ │ │ └── simple-radial-chart.js │ │ ├── sankey/ │ │ │ ├── basic.js │ │ │ ├── energy-sankey.js │ │ │ ├── link-event.js │ │ │ ├── link-hint.js │ │ │ └── voronoi.js │ │ ├── showcase-app.js │ │ ├── showcase-components/ │ │ │ ├── showcase-button.js │ │ │ ├── showcase-dropdown.js │ │ │ ├── showcase-utils.js │ │ │ └── source-linker.js │ │ ├── showcase-index.js │ │ ├── showcase-links.js │ │ ├── showcase-sections/ │ │ │ ├── axes-showcase.js │ │ │ ├── legends-showcase.js │ │ │ ├── misc-showcase.js │ │ │ ├── parallel-coordinates-showcase.js │ │ │ ├── plots-showcase.js │ │ │ ├── radar-showcase.js │ │ │ ├── radial-showcase.js │ │ │ ├── sankeys-showcase.js │ │ │ ├── sunburst-showcase.js │ │ │ └── treemap-showcase.js │ │ ├── showcase-utils.js │ │ ├── sunbursts/ │ │ │ ├── animated-sunburst.js │ │ │ ├── basic-sunburst.js │ │ │ ├── clock-example.js │ │ │ └── sunburst-with-tooltips.js │ │ ├── treemap/ │ │ │ ├── dynamic-treemap.js │ │ │ └── simple-treemap.js │ │ └── webpack.config.js │ └── website/ │ ├── .storybook/ │ │ ├── addons.js │ │ ├── config.js │ │ └── storybook.css │ ├── html.config.js │ ├── package.json │ ├── src/ │ │ ├── components/ │ │ │ └── Hero.js │ │ ├── config.js │ │ ├── demos.js │ │ ├── mdRoutes.js │ │ └── styles/ │ │ ├── _variables.scss │ │ └── index.scss │ ├── static/ │ │ └── .gitkeep │ ├── storybook/ │ │ ├── areaseries-story.js │ │ ├── axis-story.js │ │ ├── barseries-story.js │ │ ├── index.js │ │ ├── legend-story.js │ │ ├── lineseries-story.js │ │ ├── markseries-story.js │ │ ├── misc-story.js │ │ ├── radial-story.js │ │ ├── storybook-data.js │ │ └── storybook-utils.js │ └── webpack.config.js ├── publish-docs.sh ├── publish.sh └── remove-refs-to-unpm.pl