https://github.com/shzlw/zeu

A JavaScript library for real-time visualization
https://github.com/shzlw/zeu

animation canvas chart javascript visualization

Last synced: 4 days ago
JSON representation

A JavaScript library for real-time visualization

• Host: GitHub
• URL: https://github.com/shzlw/zeu
• Owner: shzlw
• License: mit
• Created: 2018-07-10T23:00:34.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-11-08T01:10:35.000Z (about 6 years ago)
• Last Synced: 2025-01-11T15:04:58.246Z (11 days ago)
• Topics: animation, canvas, chart, javascript, visualization
• Language: JavaScript
• Homepage: https://shzlw.github.io/zeu/docs/introduction.html
• Size: 22.8 MB
• Stars: 1,793
• Watchers: 87
• Forks: 172
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-canvas - zeu - command-center.html)] - A JavaScript library for real-time visualization.   (Libraries / Charts Libraries)

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

```

NPM

```html

npm i zeu

```

CDN

```html

```

## Quick Start

Let's build our first Zeu component!

```html

  // Create a Zeu TextMeter.

  var textMeter = new zeu.TextMeter('text-meter');

  // Update display and percentage value.

  textMeter.displayValue = 'ZEU';

  textMeter.value = 50;

```

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