README.md · steven.mo/Zeu-js

# 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)

### [Score Board](https://shzlw.github.io/zeu/docs/score-board.html)

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

### [Hex Grid](https://shzlw.github.io/zeu/docs/hex-grid.html)

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

### [Network Graph](https://shzlw.github.io/zeu/docs/network-graph.html)

![network-graph](https://github.com/shzlw/zeu/blob/master/examples/network-graph.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

<script src="zeu.min.js"></script>

<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)

steven.mo/Zeu-js

简介

发行版

贡献者

近期动态

steven.mo/Zeu-js .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

steven.mo/Zeu-js