Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 赞助一下
  • 关于我们

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

Ggraph

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://gransk.com/ggraph.html
GitHub:https://github.com/pcbje/ggraph
描述信息:基于 D3 构建的大混乱数据集可视化库
访问官网
GitHub

这是一个建立在D3顶层的库,旨在改进我们处理大型杂乱图形的方式。它扩展了节点和链接与节点组的概念。当多个节点实际上是同一个节点或属于同一个组时,这很有用。 


数据模型

最简单的方法是ggraph.convert使用有效的D3对象调用: 

var graph = {
  nodes:[
    {id: "Maria West", type: "female"},
    {id: "Hazel Santiago", type: "male"},
    {id: "Sheldon Roy", type: "male"}    
  ],
  links: [
    {source: "Maria West", target: "Hazel Santiago", value:100},
    {source: "Maria West", target: "Sheldon Roy"}    
  ]
}

converted = ggraph.convert(graph);


用法

初始化:

ggraph.init('container', 25); // Marker timeout
ggraph.draw(converted);

将节点合并到组中:

// Merge selected
ggraph.merge(selection.all());

// Into single group
ggraph.merge(['Maria West', 'Sheldon Roy']);

// Into several groups
ggraph.merge([
  ['A', 'B'],
  ['C', 'D']
]);

拆分并删除:

ggraph.split(['Maria West', 'Sheldon Roy']);
ggraph.remove(['Maria West', 'Hazel Santiago']);


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/2279

更多»
热门资源
ECharts
一个使用 JavaScript 实现的开源可视化库
官网
GitHub
SVG.js
包括各种形状、线条、文本、路径等元素
官网
GitHub
d3.js
基于HTML 和 SVG 的 JavaScript 可视化库
官网
GitHub
incubator-echarts
百度团队开发的一款商业级数据图表
官网
GitHub
g2
一套基于可视化编码的图形语法
官网
GitHub
Chartist.js
JavaScript响应式图表库
官网
GitHub
MetricsGraphics.js
一个基于 D3 的简洁的数据图表优化
官网
GitHub
plotly.js
基于d3.js 和stack.gl开源的 JavaScript 图表库
官网
GitHub
js-sequence-diagrams
一款基于 Javascript 的Web绘制时序图的工具
官网
GitHub
C3.js
基于D3.js开发的JavaScript库
官网
GitHub
crossfilter
一个数据计算模型,能够很好地结合DC.JS进行数据解析绘图
官网
GitHub
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网
GitHub
类似于Ggraph的资源
vs
Google搜索自动补全结果的可视化图
官网
GitHub
G3D
一款基于 WebGL 的 javascript 3D 绘图引擎
官网
GitHub
El Grapho
高性能WebGL图数据可视化引擎
点击进入
GitHub
vizceral
一组采用WebG标准实现的动态展示线路图组件
点击进入
GitHub
Two.js
面向现代 Web 浏览器的一个二维绘图 API
官网
GitHub
britecharts
基于D3.js v4的客户端可复用的图表库
官网
GitHub
Plottable.js
基于 D3 的图表模块组件库
官网
GitHub
vue-echarts-v3
ECharts.js的Vue.js组件包装
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。