Skip to content

This is a project that brings IOT data to canvas and html by making use of powerful Javascript library D3.js. 此项目可视化了测量数据的时间序列,以柱状图的形式渲染。数据是3维的时间序列信号,比如3个维度可以是:时间、估计值、实测值。Using the code one can visualize serial, time varing data in a matrix of bar charts. It can visualize group of data of 3 dimensions, e.g., time, expected value, actual value.

License

Notifications You must be signed in to change notification settings

yancy-zh/iotInfoVis

Repository files navigation

IOT data visualization (物联网数据可视化)

This project visualizes serial, time varing data in a matrix of bar charts. It can visualize group of data of 3 dimensions, e.g., time, expected value, actual value. 此项目可视化了测量数据的时间序列,以柱状图的形式渲染。数据是3维的时间序列信号,比如3个维度可以是:时间、估计值、实测值。

Prerequisites (环境配置要求)

D3.js library, which can be found on D3-Datadriven Documents 安装D3Js 数据驱动文件。

IDE (集成文本编译环境)

  • Visual Studio is recommended as it is the original framework used for project creation. (Visual Studio 为原始文本编译环境)
  • Other IDEs like VS Code should also work.

Install the project (安装此项目)

  1. Clone the repository of this project to your local machine. (clone本仓到本地)
  2. Import the project into IDE. (导入项目到IDE)
  3. For testing purposes, use the data in the folder /data, or modify the data following the similar format. (将测试数据以样例所给的格式放在文件夹/data中)

Running the project and display the Canvas

Click "run" in IDE and open the outcoming html file in any browser. An overview of the result should look like this: image

Author

  • Yao Zhang

Acknowledgments

About

This is a project that brings IOT data to canvas and html by making use of powerful Javascript library D3.js. 此项目可视化了测量数据的时间序列,以柱状图的形式渲染。数据是3维的时间序列信号,比如3个维度可以是:时间、估计值、实测值。Using the code one can visualize serial, time varing data in a matrix of bar charts. It can visualize group of data of 3 dimensions, e.g., time, expected value, actual value.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published