# plok

**Repository Path**: mirrors_Knio/plok

## Basic Information

- **Project Name**: plok
- **Description**: A JavasSript library for rendering interactive and real-time graphs of time-series data
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

PLOK
====

A Javascript library for interactive visualization of time-series data.

Inspired by [Cubism](https://github.com/square/cubism)


Installation
------------

Download the latest build here:

* <http://plok.zkpq.ca/plok.min.js>

Or include it on your page directly:

```html
<script type="text/javascript" src="http://plok.zkpq.ca/plok.min.js"></script>
```

`plok` may also benefit from using this stylesheet:

* <http://plok.zkpq.ca/plok.css>

```html
<link rel="stylesheet" href="http://plok.zkpq.ca/plok.css" type="text/css" />
```

Example
-------

See the example graph here: <http://plok.zkpq.ca/examples/graph.html>


Usage
-----

TODO


```javascript
var view = new plok.view();
var data = new plok.data();

// generate some random values
var now = +(new Date());
var x = 100;
for (var i=now-100000; i<now+100000; i+=100) {
    x += (Math.random() - 0.5) * 5;
    data.append(i, x);
}

pyy('#content').div({cls:'plok-chart-root'},
(new plok.topaxis(view, 480)).dom,
(new plok.chart(view, data)).dom
);

view.animate();
```