Skip to content
A matplotlib/MATLAB (TM) -inspired library for creating interactive plots with d3.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
d3 @ 44e4620
examples
src
tipsy
.gitmodules
Makefile
README.md
TODO
jsplotlib.js
jsplotlib.min.js

README.md

jsplotlib

Deprecated

This package is not actively maintained. For a more polished interface to plotting with d3.js, I suggest NVD3.

A matplotlib/MATLAB (TM) -inspired library for creating interactive plots with d3.js

This is a javascript library for creating interactive matplotlib-/MATLAB-style plots. It provides a simple API for creating "charts" (SVG figures) and plots (scatter plots, line plots, bar graphs, and images) in HTML pages. Here's an example:

var chart = jsplotlib.make_chart(800,400); // (width, height) in pixels
jsplotlib.bar_graph(chart)
    .data([[1,2,3,4,5],[9,7,5,3,1]])
    .xlabel("x-axis label")
    .ylabel("y-axis label")
    .draw()

See examples/{index.html,example.js} for more examples, or see it live here.

This library requires d3.js, JQuery, and tipsy.

It's still rough around the edges. Known minor issues:

  • Bars/image elements sometimes move in ways they shouldn't (and cover axes) on mouseover

  • Axis labels are slightly off-center

  • Many features only work properly in WebKit browsers (tested on Safari & Chrome)

You can’t perform that action at this time.