# Zeu-js

**Repository Path**: mirrors/Zeu-js

## Basic Information

- **Project Name**: Zeu-js
- **Description**: Zeu.js 是一个 JavaScript 库，其中包含一系列预构建的可视化组件，用于构建实时 TV 仪表板，监控 UI 和物联网Web界面
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 64
- **Forks**: 22
- **Created**: 2018-07-25
- **Last Updated**: 2025-08-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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