d3-twodim

Two Dimensional Graphics for D3.js

(currently only for D3 v3)

d3-twodim helps to create two-dimensional representations of data using scatter plots (using SVG, Canvas, or WebGL), and (in the future) techniques such as Splatterplots and subsampled scatterplots. This reusable component uses a factory design pattern to keep d3-twodim components linked to interchange data and object state.

This project is under active development. Please feel free to file an issue, open a pull request, or contact the author with any feedback. If you use d3-twodim in your own project, we would love to hear about it!

You can download the latest release, or build the library from source using npm.

A Simple Example

The below example is pulled straight from examples/simpleExample.html in the main repository. The graph on the left has both a voronoi overlay and brush enabled, while the one on the right has both voronoi and zoom/pan enabled.

Click on the legend items to select those points. Change the dropdown values to modify the graphs and highlight particular points.