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();

更详细的内容请参考快速上手文档。

友情链接

结合前端库的第三方实现:

antv g6对接后台数据_AntV - G6相关推荐

  1. Echarts 折线图对接后台数据

    项目场景:Echarts 折线图对接后台数据 想要使用Echarts折线图来对接后台返回的数据,因为第一次使用这个图表库还不是很熟练,在对接数据时遇到了一些小问题 问题描述 后台返回的数据看起来也没什 ...

  2. 知识付费网站源码可开分站一键更新后台数据

    知识付费网站源码,可用来当做资源下载类网站.可上传自己的资源数据,亦可后台对接现成数据. 搭建好自带两千多个数据. 后台数据支持一键更新. 用户登录可以自行开设分站. 源代码地址:   知识付费可开分 ...

  3. 知识付费网站源码一键更新后台数据【可开分站】

    知识付费网站源码,用户登录可以自行开设分站.可用来当做资源下载类网站.可上传自己的资源数据,亦可后台对接现成数据.后台数据支持一键更新.搭建好自带两千多个数据. 源代码地址:   知识付费可开分站系统 ...

  4. 进一步封装axios并调用其读取数据(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)

    注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据 报错截图如下 报错内容: {&quo ...

  5. ________________2058_______________后台数据不够。可能误判。

    //正确的代码. #include<stdio.h> #include<math.h> int main() {__int64 n,m,i,j,s,l,l1;while(sca ...

  6. php后台数据显示到前端,php,前端_怎么在javascript中得到后台数据?,php,前端,javascript,highcharts - phpStudy...

    怎么在javascript中得到后台数据? 最近在研究在网页中嵌入hightchart的表格 在嵌入时发现需要在javascript中得到后台的一组数据 代码如下 require_once('incl ...

  7. Django 前台通过json 取出后台数据

    转载自:https://my.oschina.net/esdn/blog/814111 步骤1:后台数据通过 JSON 序列化成字符串 注意:1.json是1个字符串 2.通过json.dumps(' ...

  8. jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法

    jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 参考文章: (1)jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 ( ...

  9. 若依前后端分离版怎样修改主页面显示请求的SpringBoot后台数据

    场景 使用若依的前后端分离版,本来的首页效果是 现在如果要根据具体业务实现从后台获取要显示的数据实现类似下面的效果 注: 博客: https://blog.csdn.net/badao_liumang ...

  10. java ajax实现分页代码,jQuery实现分页功能(含ajax请求、后台数据、附完整demo)...

    需求分析 1)需要首页,末页功能 2)有点击查看上一页,下一页功能 3)页码到当前可视页码最后一页刷新页面 实现思路 也是分为三部分处理 1)点击首页,末页直接显示第一页或者最后一页内容,当前页面为第 ...

最新文章

  1. Python之GUI:基于Python的GUI界面设计的一套AI课程学习(机器学习、深度学习、大数据、云计算等)推荐系统(包括语音生成、识别等前沿黑科技)
  2. Codeforces 1480A. Yet Another String Game (阅读理解题)
  3. jquery刷新页面
  4. java aac rtp封装_分享一段H264视频和AAC音频的RTP封包代码
  5. Python爬取网页
  6. java软件工程_java复习
  7. 打破传统天价SAP培训,开创SAP师徒之路,经验丰富的老顾问带徒弟 qq群150104068
  8. java开发安全问题_Java 安全开发需要了解什么?
  9. 承包你所有壁纸需求,高图网图片,美到窒息
  10. 会计教学APP软件,实现教学的快速运转
  11. 小程序积分商城如何实现营销目的
  12. 2007所做更改会影响共用模板normal
  13. android自定义壁纸制作,如何为Android制作自己的自定义壁纸 | MOS86
  14. USB接口芯片的选型参考
  15. Metasploit扫描3389
  16. python作图之plt.contour详解
  17. 1. STM32学习 STM32综述
  18. Vue3项目运行时报错,提示Use // eslint-disable-next-line to ignore the next line.
  19. 学术数据库 文献检索
  20. 如何解决数据库分词的拼写纠正问题 - PostgreSQL Hunspell 字典 复数形容词动词等变异还原...

热门文章

  1. java程序员培训班要多少钱,一招彻底弄懂!
  2. mac excel 换行 快捷键
  3. 关于ArcGIS新建Person Geodatabase(.mdb)报错的问题
  4. tps 、qps、bps、Bps的含义
  5. git rebase origin/develop
  6. windows桌面待办事项_提醒待办事项app哪个好用?苹果手机上有什么好用的提醒便签软件吗...
  7. c语言中百分号lf是什么意思,digit_C语言 digit是什么意思
  8. 使用小波包变换分析信号的matlab程序,使用小波包变换分析信号的MATLAB程序
  9. 股票的最新和历史股息收益率查询(1)
  10. Java day 31 网络编程和简单练习