search

ja0n / plotter.js

A library for plotting math functions into <canvas> elements
http://ja0n.github.io/plotter.js/
MIT License
9 stars 1 forks source link

readme

plotter.js

A library for plotting math functions on <canvas> (HTML element).

Live Demo

Usage

It's easy as pie. Firstly you need the files:

Then

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://github.com/ja0n/plotter.js/raw/master/plotter.js"></script>
    <script>
      window.onload = function() {
        var plotter = new Plotter('graph');
        plotter.addFunction('x', { lineColor: 'red' });
        plotter.addFunction('x * x', { lineColor: 'blue' });
      };
    </script>
  </head>
  <body>
    <canvas id="graph" width="500" height="380"></canvas>
  </body>
</html>

For more details see examples folder.

Development

Clone this repo

git clone https://github.com/ja0n/plotter.js.git

Install dev dependencies

npm install

Run dev server

npm run serve

And open http://localhost:8090/

Or build files

npm run build