hub / github.com/danvk/dygraphs

github.com/danvk/dygraphs @v2.2.1 sqlite

repository ↗ · DeepWiki ↗ · release v2.2.1 ↗

306 symbols 535 edges 148 files 11 documented · 4%

README

dygraphs JavaScript charting library

The dygraphs JavaScript library produces interactive, zoomable charts of time series:

sample graph

Learn more about it at dygraphs.com.

Get help with dygraphs on Stack Overflow (preferred) and Google Groups.

Features

Plots time series without using an external server or Flash
Supports error bands around data series
Interactive pan and zoom
Displays values on mouseover
Adjustable averaging period
Extensive set of options for customization.
Compatible with the Google Visualization API

Minimal Example

<html>
<head>
<script type="text/javascript" src="https://github.com/danvk/dygraphs/raw/v2.2.1/dygraph.js"></script>
<link rel="stylesheet" type="text/css" href="https://github.com/danvk/dygraphs/raw/v2.2.1/dygraph.css" />
</head>
<body>





<script type="text/javascript"><![CDATA[//><!]]></script>
</body>
</html>

Learn more by reading the tutorial and seeing demonstrations of what dygraphs can do in the gallery. You can get dygraph.js and dygraph.css from UNPKG, cdnjs or from NPM (see below).

Usage with a module loader

Get dygraphs from NPM:

npm install dygraphs

Do not install from the git repository! Always use a tarball install, which contains the prebuilt files; npm fails to build the source code on install from github. (The tarball from the GitHub Registry is fine.)

You'll find pre-built JS & CSS files in node_modules/dygraphs/dist/. If you're using a module bundler like browserify or webpack, you can import dygraphs:

import Dygraph from 'dygraphs';
// or: const Dygraph = require('dygraphs');

const g = new Dygraph('graphdiv', data, { /* options */ });

Check out the dygraphs-es6 repo for a fully-worked example.

Development

To get going, install the following Debian packages…

jq
mksh
pax
python3

… clone the repo and run:

npm install
npm run build-jsonly

Then open tests/demo.html in your browser.

Read more about the dygraphs development process in the developer guide.

License(s)

dygraphs is available under the MIT license, included in LICENSE.txt.

Core symbols most depended-on inside this repo

ticker

called by 179

auto_tests/tests/date_ticker.js

assertDeepCloseTo

called by 29

auto_tests/tests/custom_asserts.js

auto_tests/tests/axis_labels.js

assertGraphExistence

called by 11

auto_tests/tests/range_selector.js

createGraph

called by 10

auto_tests/tests/range_tests.js

halfDown

called by 8

src/plugins/axes.js

Shape

Function 299

Method 6

Class 1

Languages

TypeScript92%

Python8%

Modules by API surface

src/dygraph-utils.js52 symbols

tests/interaction.js16 symbols

gallery/interaction-api.js16 symbols

src/dygraph.js10 symbols

scripts/generate-documentation.py9 symbols

docs/ssi_server.py8 symbols

src/plugins/axes.js7 symbols

src/dygraph-tickers.js7 symbols

src/dygraph-canvas.js6 symbols

auto_tests/tests/interaction_model.js6 symbols

tests/data.js5 symbols

src/extras/synchronizer.js5 symbols

Dependencies from manifests, versioned

@babel/cli7.19.3 · 1×

@babel/core7.20.2 · 1×

@babel/plugin-transform-strict-mode7.18.6 · 1×

@babel/preset-env7.20.2 · 1×

babel-plugin-add-module-exports1.0.4 · 1×

browser-pack6.1.0 · 1×

browserify17.0.0 · 1×

chai3.3.0 · 1×

clean-css5.3.1 · 1×

clean-css-cli5.6.1 · 1×

core-js3.25.1 · 1×

coveralls3.1.1 · 1×

For agents

$ claude mcp add dygraphs \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact