【文件属性】：
文件名称：hackdash-visualization:随着时间的推移，有趣的hackdash可视化仪表板
文件大小：282KB
文件格式：ZIP
更新时间：2021-05-13 20:08:14
JavaScript
Hackdash可视化
随着时间的推移，有趣的hackdash可视化仪表板。 使用Tweens和HTML5 Canvas本机图形创建。
开发
必需的
npm install -g grunt-cli
安装依赖
npm install
配置并运行
为了使此可视化工作正常进行，需要使用dashboards.json数据，该数据可以使用hackdash数据库与gen-dashboards.js生成。
创建config.json使用config.json.sample
设置数据库连接
运行生成： node gen-dashboards.js
编译客户端运行grunt
使用快速静态服务器打开可视化文件：
npm install -g wup
wup
并在浏览器中打开index.html： http://localhost:8080
导出可视化
要准备部署导出，只需运行：
grunt dis
【文件预览】：
hackdash-visualization-master
----gen-data.js(2KB)
----css()
--------fontello.css(2KB)
--------hackdash-machine.css(9KB)
----.gitignore(51B)
----README.md(1KB)
----logo.png(13KB)
----LICENSE(1KB)
----font()
--------fontello.eot(7KB)
--------fontello.ttf(6KB)
--------fontello.woff(4KB)
--------fontello.svg(5KB)
----Gruntfile.js(2KB)
----package.json(870B)
----gen-dashboards.js(3KB)
----models()
--------Collection.js(336B)
--------Project.js(622B)
--------statuses.js(121B)
--------User.js(411B)
--------index.js(363B)
--------Dashboard.js(423B)
----dist()
--------.gitignore(15B)
----src()
--------Circle.js(2KB)
--------Input.js(2KB)
--------Machine.js(1KB)
--------HLine.js(467B)
--------Line.js(548B)
--------index.js(4KB)
--------World.js(12KB)
--------VLine.js(683B)
--------Dashboard.js(1KB)
--------plugins.js(419B)
--------Popover.js(2KB)
--------templates()
----config.json.sample(78B)
----js()
--------hackdash-machine.js(1.02MB)
----index.html(5KB)