/ULGV

UniversalLineGraphViewer - 汎用的な線グラフを表示するだけのWebServer

Primary LanguageJavaScript

ULGV

汎用的なライングラフビューア

グラフにしたいデータを Post するとリアルタイムに描画されるだけ

何らかの出力データを比較的簡単に可視化してリアルタイム監視したい場合に使えそう

ulgv

Technology

  • Vue.js
  • d3.js
  • socket.io

Ready

$ npm install

Build

$ npm run build

Run

$ npm run start

Access

http://localhost:3000/

Post Graph Data

http://localhost:3000/graph

Graph Data Format

json data

"id": "1",
"status: "Normal" or "Missing"
"data": [
  { "t":"2017/10/27 01:00:00", "v":100 },
  { "t":"2017/10/27 02:00:00", "v":110 },
  { "t":"2017/10/27 03:00:00", "v":120 },
             :
  ]