A JavaScript library for real-time visualization
# Zeu.js

![Build Status](https://travis-ci.org/shzlw/zeu.svg?branch=master)
[![license: MIT](https://img.shields.io/badge/license-MIT-orange.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://img.shields.io/npm/v/zeu.svg)](https://www.npmjs.com/package/zeu)

Zeu.js is JavaScript library featuring a collection of prebuilt visualization components for building real-time TV dashboard, monitoring UI and IoT web interface.

## What's New (v1.3.1)

### [System 002](https://shzlw.github.io/zeu/examples/system-002.html)

![system-002](https://github.com/shzlw/zeu/blob/master/examples/system-002.gif)

## Installation

From dist
```html
<script src="zeu.min.js"></script>
```

NPM
```html
npm i zeu
```

CDN
```html
<script src="https://cdn.jsdelivr.net/npm/zeu"></script>
```

## Quick Start

Let's build our first Zeu component!

```html
<!-- Include zeu.js. -->
<script src="zeu.min.js"></script>
<!-- Create a canvas. -->
<canvas id="text-meter" width="200" height="100"></canvas>
<script>
  // Create a Zeu TextMeter.
  var textMeter = new zeu.TextMeter('text-meter');
  // Update display and percentage value.
  textMeter.displayValue = 'ZEU';
  textMeter.value = 50;
</script>
```

![text-meter](https://github.com/shzlw/zeu/blob/master/examples/text-meter.gif)

Done! Explore the [Introduction](https://shzlw.github.io/zeu/docs/introduction.html) page to get started.

## v1.0.0

![Components](https://github.com/shzlw/zeu/blob/master/examples/my-command-center.v1.0.0.gif)

[My Command Center](https://shzlw.github.io/zeu/examples/my-command-center.html)

## [Documentation](https://shzlw.github.io/zeu/docs/introduction.html)

## Build

From source
```
npm run build
```

## License

[MIT](http://opensource.org/licenses/MIT)