图数据库的D3.js可视化实现【☆图数据库系列...】
图数据库Neo4j与D3.js可视化实现技术架构
目前有两种技术框架,可以根据个人的业务逻辑选择合适的技术框架。
第一种架构:Neo4j+网站服务端(RESTAPI)+ 网页模式
框架说明
Neo4j数据库提供数据;网站根据不同的开发语言(如Java)使用相应驱动包读取Neo4j数据库数据,期间可以根据业务逻辑再加工数据;网站编写REST API接口对外提供服务接口,提供业务数据(JSON格式);网页通过Ajax访问网站的REST API接口,获得图数据(JSON格式),网页使用D3.js将图数据(JSON格式)展现出来
特点
-
1.适合需要对数据进行再加工,根据自己的业务逻辑对图数据进行一系列处理后再向外提供图数据
-
2.需要额外编写网站服务端代码
第二种架构:Neo4j + 网页模式
框架说明
Neo4j数据库提供数据,Neo4j本身提供的JavaScript Driver,可以直接在网页上使用JavaScript Driver读取Neo4j图数据,然后在代码中对图数据格式进行整理后(JSON格式),使用D3.js直接将图数据展现出来。
特点
适合直接从Neo4j取图数据,不需要对图数据进行复杂的业务逻辑再加工
不需要额外编写网站服务端代码
[强烈建议,新入手的伙伴采用第二种方式,较简单些;另外一种方式可以尝试百度的Echarts]
作者:Sunny_SunShine
欢迎任何形式的转载,但请务必注明出处。
限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。
人必有所执,方能有所成。
分类:
GraphDataBase
标签:
Neo4j
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)