Fork me on GitHub


In this document, we explain what is needed to launch your first graph using jsGraph. Starting from the basics, we also dig deeper into more advanced features that really makes jsGraph unique as a javascript library. Be sure to check out the example to get a clearer idea of how everything plays out together and makes awesome and interactive graphs.

So, what is jsGraph ?

For you to determine whether you should or not use jsGraph, let's cover briefly what we do not (and will not) do. jsGraph does not display pie charts or bar charts. Although you can draw stuff, it is not a dedicated drawing library. We do not deal with parallel coordinates. We do not interpret and/or plot functions. And finally we do not do 3D charts.

What jsGraph is purely and simply displaying some data on a 2D canvas. However it does it really well and is suited for the rendering of high-quality scientific data. We offer lots of ways to tune the graph, the axis and the data series. We offer the possibility to display legends or shapes that mark certain area of interests on your data. Finally, we implement a few very useful plugins that allow to zoom on your data, drag it around or draw shapes using your mouse.

We paid particular attention at displaying data very fast and smoothly. Since we include so much mouse interaction we decided to use a DOM-based technology, which is inherently slower than traditional canvas drawings. However we don't really want to pay the price of slow renderings, which is why we implemented several layers of optimization that you may chose to use or not, which allows a high quantity of data points to be displayed in a record time