D3 Viewer for Matplotlib
This is an interactive D3js-based viewer which brings matplotlib graphics to the browser. Please visit http://mpld3.github.io for documentation and examples.
You may also see the blog post, or the
IPython notebook examples
available in the notebooks
directory of this repository.
mpld3 provides a custom stand-alone javascript library built on D3, which parses JSON representations of plots. The mpld3 python module provides a set of routines which parses matplotlib plots (using the mplexporter framework) and outputs the JSON description readable by mpld3.js.
mpld3 is compatible with python 2.6-2.7 and 3.3-3.4. It requires matplotlib version 2.2.2 and jinja2 version 2.7+.
Optionally, mpld3 can be used with IPython notebook, and requires IPython version 1.x or (preferably) version 2.0+.
This package is based on the mplexporter framework for crawling and exporting matplotlib images. mplexporter is bundled with the source distribution via git submodule.
Within the git source directory, you can download the mplexporter dependency and copy it into the mpld3 source directory using the following command:
$ python setup.py submodule
The submodule command is not necessary if you are installing from a distribution rather than from the git source.
Once the submodule command has been run, you can build the package locally using
$ python -m build
or install the package to the standard Python path using:
$ pip install .
Or, to install to another location, use
$ pip install . --prefix=/path/to/location/
Then make sure your PYTHONPATH environment variable points to this location.
The package is pure python, and very light-weight. You can take a look at
the notebooks in the examples directory, or run create_example.py
, which
will create a set of plots and launch a browser window showing interactive
views of these plots.
For a more comprehensive set of examples, see the
IPython notebook examples available in the notebooks
directory.
To explore the comparison between D3 renderings and matplotlib renderings for
various plot types, run the script visualize_tests.py
. This will generate
an HTML page with the D3 renderings beside corresponding matplotlib renderings.
Many of the core features of matplotlib are already supported. And additionally there is some extra interactivity provided via the plugin framework. The following is a non-exhausive list of features that are yet to be supported:
axvlines
and axhlines
If any of these look like something you'd like to tackle, feel free to submit a pull request!