JavaScript的基于约束的图形布局：WebCola
JavaScript的基于约束的布局使用D3.js和其他基于Web的图形库实现高品质的图形可视化和浏览。
Installation
A version suitable for browsers can be found here (minified).
You can also install it through npm by first adding it topackage.json:
"dependencies": { "cola": "tgdwyer/WebCola#master" } Then by runningnpm install.
If you use TypeScript, you can get complete TypeScript definitions by installing tsd 0.6 and runningtsd link.
Building
Linux/Mac/Windows Command Line:
- install node.js
- install grunt from the command line using npm (comes with node.js):
npm install -g grunt-cli
- from the WebCola directory:
npm install grunt
npm install
- build, minify and test:
grunt
This creates the cola.v3.min.js file in the WebCola directory.
grunt commonjs
This creates index.js for npm.
Visual Studio:
- get the typescript plugin
- open webcola.sln
Running
Linux/Mac/Windows Command Line:
Install the Node.js http-server module:
npm install -g http-server
After installing http-server, we can serve out the example content in the WebCola directory.
http-server WebCola
The default configuration of http-server will serve the exampes on http://localhost:8080.
