图数据库的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]

demo地址,请留言

作者:Sunny_SunShine
欢迎任何形式的转载,但请务必注明出处。
限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。

posted @   Sunny_SunShine  阅读(2270)  评论(4编辑  收藏  举报
编辑推荐:
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)

喜欢请打赏

扫描二维码打赏

了解更多

点击右上角即可分享
微信分享提示