AntV - G6关系数据可视化框架
G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明,简单。让用户获得关系数据的 Insight。
基于 G6,用户可以快速搭建自己的 图分析 或 图编辑 应用。
如果你还没有使用过 G6, 建议通过快速上手先体验一下 G6 的魅力。
G6 的特性
G6 作为一款专业的图可视化引擎,具有以下特性:
- 丰富的元素:内置丰富的节点与边元素,自由配置,支持自定义;
- 可控的交互:内置 10+ 交互行为,支持自定义交互;
- 强大的布局:内置了 10+ 常用的图布局,支持自定义布局;
- 便捷的组件:优化内置组件功能及性能;
- 友好的体验:根据用户需求分层梳理文档,支持 TypeScript 类型推断。
除了默认好用、配置自由的内置功能,元素、交互、布局均具有高可扩展的自定义机制。
丰富的图元素
强大的布局及动画
G6 文档
快速上手
// 定义数据源
const data = {
// 点集
nodes: [
{
id: 'node1',
x: 100,
y: 200,
},
{
id: 'node2',
x: 300,
y: 200,
},
],
// 边集
edges: [
// 表示一条从 node1 节点连接到 node2 节点的边
{
source: 'node1',
target: 'node2',
},
],
};
// 创建 G6 图实例
const graph = new G6.Graph({
container: 'mountNode', // 指定图画布的容器 id
// 画布宽高
width: 800,
height: 500,
});
// 读取数据
graph.data(data);
// 渲染图
graph.render();
更详细的内容请参考快速上手文档。
友情链接
结合前端库的第三方实现:
评论
AxiisFlex 开源数据可视化框架
Axiis是一个数据可视化框架,于五月份使用MIT许可证发布。“数据可视化”这个词经常用来描述应用数据的图形化视图,如图表和图形。Axiis构建在Degrafa之上。Degrafa是为Flex应用的一
AxiisFlex 开源数据可视化框架
0
Charts.css数据可视化 CSS 框架
Charts.css是一个将HTML元素样式转化为数据可视化图表的开源CSS框架,用简单的CSS类即可将数据转换为漂亮的图表和图形。 特性语义结构:使用HTML标签显示数据可定制:使用CSS自定义样式
Charts.css数据可视化 CSS 框架
0
AVA-antvis数据可视化分析框架
AVA (VisualAnalytics)是一个可视化分析框架,其目标是成为一个自动化(Automated)、智能驱动(AIdriven)、支持增强分析(Augmented)的可视分析解决方案。
AVA-antvis数据可视化分析框架
0
AntV - G2数据驱动的高交互可视化图形语法
G2是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。同时,G2也是AntV最重要的组成,始于《The
AntV - G2数据驱动的高交互可视化图形语法
0