JavaScript 基于约束的图形布局
JavaScript 基于约束的布局,用于高质量的图形可视化和探索 使用 D3.js 和其他基于 Web 的图形库。
注意:虽然 D3 适配器支持 D3 v3 和 D3 v4,但 WebCoLa 的接口风格类似于 D3 v3。有关详细信息,请参阅我们的主页中的设置。 安装 ------------ #### 浏览器: ```html
也可以从 [jsDelivr](https://cdn.jsdelivr.net/gh/tgdwyer/WebCola/WebCola/cola.min.js) 访问最小化版本。
#### Npm:
npm install webcola --save
您也可以通过 npm 安装,首先将其添加到 `package.json`:
"dependencies": {
"webcola": "最新"
}
然后运行 `npm install`。
#### Bower:
bower install webcola --save
如果您使用 TypeScript,则可以通过安装 [tsd 0.6](https://github.com/DefinitelyTyped/tsd) 并运行 `tsd link` 获取完整的 TypeScript 定义。
建筑物
---------
*Linux/Mac/Windows 命令行:*
- 安装 [Node.js](http://nodejs.org)
- 从 WebCola 目录中:
npm install
- 构建、压缩和测试:
npm run build
npm run test
这会在 `dist` 目录中创建 `cola.js` 和 `cola.min.js` 文件,并运行测试。
*Visual Studio:*
- 获取 [TypeScript 插件](http://www.typescriptlang.org/#Download)
- 打开 webcola.sln
运行
-------
*Linux/Mac/Windows 命令行:*
安装 Node.js http 服务器模块:
npm install -g http-server
安装 http-server 后,我们可以在 WebCola 目录中提供示例内容。
<a href="https://ialab.it.monash.edu/webcola/examples/smallworldwithgroups.html">
<a href="https://ialab.it.monash.edu/webcola/examples/alignment.html">
[Homepage with code and more examples](https://ialab.it.monash.edu/webcola)暂无开放 Issues，或尚未同步最近议题。