Library for creating interactive configurable graphs
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.
dist
docs
src
styles
test
.bowerrc
.eslintrc.json
.gitignore
Gruntfile.js
LICENSE
README.md
bower.json
jsdoc.json
package-lock.json
package.json
webpack.config.js
webpack.min.config.js

README.md

graphly

graphly is a library for helping plot 1D data as interactive graph with multitude of configuration options for rendering. Additionally it allows integrating 2D data which can be rendered in the background

Installation

Installation with Bower:

bower install --save eox-a/graphly

Installation with npm:

npm install graphly --save

Docs

http://eox-a.github.io/graphly/

Usage

Just include script to site and add a canvas element where you want to render the data.

<head>
    <script src="dist/graphly.min.js"></script>
</head>
<body>
    <div id="graph"></div>
</body>

and render using predefined settings:

var graph = new graphly.graphly({
    el: '#graph',
    renderSettings: {
        xAxis: 'parameter1',
        yAxis: ['parameter2', 'parameter3'],
        y2Axis: ['parameter4']
    }
});

graph.loadData({
    parameter1: [1, 2, 3, 4],
    parameter2: [0.1, 0.2, 0.3, 0.4],
    parameter3: [0.4, 0.3, 0.2, 0.1],
    parameter4: [150, 100, 120, 130]
});