[JS]さまざまなデータを最小限の記述でビジュアル化する高性能なJavaScriptライブラリ -Zeu.js

さまざまなデータを最小限の記述でビジュアル化し、アニメーションで表示する高性能なJavaScriptライブラリを紹介します。
メーターやファンやコントローラーなど、デザインがレトロなのも面白いですね。

デモのキャプチャ

Zeu.js -GitHub

上記は静止画ですが、もちろんアニメーションで動きます。
デモのカラーは派手ですが、オプションで簡単に変更できます。

My Command Center

Zeu.jsはCanavasベースで、外部ファイルと空のcanvas要素を用意し、あとはタイプとデータを定義するだけで実装できます。

ビジュアルはさまざまなタイプが用意されています。

デモのキャプチャ

Bar Meter

デモのキャプチャ

Digital Clock

デモのキャプチャ

Heartbeat

デモのキャプチャ

Message Queue

デモのキャプチャ

Network Graph

デモのキャプチャ

Round Fan

デモのキャプチャ

Speed Circle

デモのキャプチャ

Text Box

デモのキャプチャ

Text Meter

デモのキャプチャ

Volume Meter

sponsors

top of page

©2024 coliss