Press "Enter" to skip to content

Tiny and Simple Javascript Graphing Library | picograph.js

picograph.js is a small, standalone JavaScript library to dynamically display a simple multi-line chart/diagram on an HTML Panel element.

Ideal for creating automatically updating time-series graphs like performance monitoring, traffic usage report, and more.

Pure CSS Making A Flexbox Bar Graphs Plugin

How to make use of it:

1. Insert the JavaScript picograph.js into the doc and we’re able to go.

<script src="picograph.js"></script>

2. Create an HTML canvas aspect for the graph.

<canvas id="graphDemo"></canvas>

3. Create a DIV container for legends/labels.

<div id="graphLabels"></div>

4. Plot your data to the line graph. Possible parameters:

var demo = createGraph(canvasID, labels, unit, labelDivID, intervalSize, maxVal, vlines=false, timestamps=false, scalesteps=5, vlinesFreq = 1);

5. Update the line graph.

Graph.update(yval, labelID)

Minimal Multi-line Chart Library, picograph.js Plugin/Github

picograph-js-demo


See Demo And Download

Official Website(RainingComputers): Click Here

This superior jQuery/javascript plugin is developed by RainingComputers. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *