D3.js

通过d3.js对Neo4j数据进行网络图可视化

先放一下实现的效果：html代码如下：.svgContainer{position:absolute;left:1300px;top:20px;height:40%;width:40%;}.svgGraph{height:100%;width:100%;}用到的脚本为d3.min.js和neo4j.demo.js，下载链接如下：https://download.csdn.net/download/
csdjia11·2020-09-16 02:11

python绘图 d3.js 和echarts、Graphviz绘图

一、采用mpld3使用d3.js进行可视化安装pipinstallmpld3另外又安装Ipython（Ipython不需要）、ntlk（报错，需安装）1、点图案例（1）绘制点状图importmatplotlib.pyplotasplt
yili_sha11·2020-09-16 02:13

2020年的计划目标

reactreact-router-domreact-reduxreduxantD（完成60%）2.源码vue体系、react体系、loadash、zepto库3、可视化canvas、echart、地图、webgl、d3
wenmin1987·2020-09-15 12:23

20大数据可视化工具及资料

在这个榜单中他们忽略了新的版本和现有工具的更新，例如：CartoDB,Mapbox,Tableau,D3.js,RAW,Infogr.am等
奔跑的小象·2020-09-14 15:58

Vue和d3.js(v4)力导向图force结合使用，v3版本升级v4【一】

前段时间因为参与项目涉密，所以一直没有更新博客，有些博友给我私信或者留言要部分博文的源码，因为我的电脑更换，demo的源码没有备份所以无法提供。大家可针对具体问题问我，有空我定会回复的。另外转发文章请说明出处，谢谢关注！之前有多篇博文介绍了d3力导向图的绘制过程的一些问题，现在由于性能和UI的要求，要升级d3版本。因为v3版本现在使用的不多了，网上可找的资料不多且拓展性不好，因此花了点时间做了版本
webhmy·2020-09-14 11:00

可以替代basemap的几个工具

简单描述一下，具体介绍上官网：folium是d3.js上著名的地理信息可视化库leaflet
weixin_34246551·2020-09-13 09:44

100+ 值得收藏的 Web 开发资源 - 极光日报 - 知乎专栏

D3.js：最流行的Javascript可视化图形库之一。
大道泛兮·2020-09-12 14:22

d3.js力导向图节点间多连接线对称绘制

本文基于d3.js中的力导向图对关系网络进行可视化。
hzylmf·2020-09-11 21:47

使用d3实现类似脑图，股权穿透图，关系图谱

前言最近工作需要完成一个股权穿透图，找了好多文档发现都不满足需求，最终选择d3.js来实现，包含子集的收缩展开，交互以及其他功能。
dk前端·2020-09-10 23:16

从lodash源码学习节流与防抖

  之前遇到过一个场景，页面上有几个d3.js绘制的图形。如果调整浏览器可视区大小，会引发图形重绘。当图中的节点比较多的时候，页面会显得异常卡顿。
weixin_34255793·2020-09-10 19:07

D3.js中Treemap(矩形树图)源码详解

Treemap(矩形树图）聊一聊Treemap，即矩形树图，树形结构非常有意思的一种展现方式，外形规整而不失表达力。矩形树状结构图（Treemap）是一种有效的实现层次结构可视化的图表结构，简称矩形树图或树图。在矩形树图中，各个小矩形的面积表示每个子节点的大小，矩形面积越大，表示子节点在父节点中的占比越大，整个矩形的面积之和表示整个父节点。通过矩形树图及其钻取情况，我们可以很清晰地知道数据的全局层
wan353694124·2020-09-10 18:57

Echarts-echart和springMVC实现堆栈图（读取JSON文件数据）

这篇echarts的堆栈图主要是根据这篇D3.js堆栈图（http://blog.csdn.net/u013147600/article/details/46770415）实现的。
六月心悸·2020-09-10 18:46

d3.js 创建散点图

最近学d3，对着书中的例子敲了一遍散点图.axispath,.axisline{fill:none;stroke:black;shape-rendering:crispEdges;}//定义图像大小、坐标轴大小varsvgWidth=600;varsvgHeight=600;varxAxisWidth=500;varyAxisWidth=500;varpadding={top:30,bottom:
liuyaqi1993·2020-09-10 14:26

d3.js 小结

D3：数据可视化库(D34.0+)  D3是目前最流行的JavaScript可视化图表库之一，D3的图表类型非常丰富，并且支持SVG格式，因此应用十分广泛，也有很多图表插件基于D3开发，比如MetricsGraphics.js，在D3上构建的数据图表非常强大。//引用D3对象//select()方法返回一个对DOM中匹配的第一个元素的引用d3.select("body")//append()会创建
后乐·2020-09-10 11:53

d3.js制作条形时间范围选择器

效果如上图所示。本项目使用主要d3.jsv4制作，可以用来选择两年的时间范围，两端按钮切换年，在时间轴上标注可以选择的时间范围和关键时间点。时间数据可以在前端配置，也可以从后端请求。此程序相对比较简单，主要涉及d3的比例尺和拖动处理。1）d3的比例尺其实就是把一个范围的数据映射到另一个范围的数据上此处，我们使用线性比例尺：d3.scaleLinear()它可以把一段连续的值域映射到另一段连续的值域
eagle1098·2020-08-26 15:30

基于Highcharts箱线图实现k线图

似乎可利用的插件或库有很多，比如echarts、highcharts、d3.js等。
hf_872914334·2020-08-26 12:13

D3.js实现简洁实用的动态仪表盘

所以后来改成用D3.js。D3.js可以完美地实现图表的定制，从细节上，完美地满足我们的需求。初始化仪表盘首先定义一个svg元素：然后，声明一些变量
Evelynzzz·2020-08-25 02:10

D3.js加提示框

使用D3.js对元素加入提示框，分为以下两种提示框，一种为title标签，一种为自定义样式的提示框：title框varpath=svg.datum(root).selectAll("path").data
xiaoguo16·2020-08-24 22:59

前端编程提高之旅（八）----D3.js数据可视化data join解析

D3.js作为一门轻型的可视化类库，非常便于将数据与web界面元素绑定，实现可视化。
产品经理读书会·2020-08-24 18:24

d3.js制作连线动画图和编辑器

对于d3.js如何引入图片，如何画线等基础功能，这里就不再介绍了，大家可以找一些入门文章看一下。这里主要介绍一下重点问题。
eagle1098·2020-08-24 15:00

d3.js selection.data([values[, key]]) 源码解析

前言最近在学习d3.js,刚开始到选择器这一节，有一个selection.data方法，发现这个方法第二个参数可传可不传，第二个参数是函数，但文档里面并没有第二个参数使用方式的讲解，很难找到列子，所以就干脆撸源码了
强子·2020-08-24 15:18

【D3.js 学习总结】21、D3交互事件

前20节中，我们讲了各种静态D3图表的制作，好的图表应该是要与用户进行互动的，这节来讲讲D3的交互事件；d3.eventselection选择器事件监听的写法跟平时我们用的jQuery类似，如：selection.on(‘click’,function(d,i){alert(‘ok’);})但请注意，点击事件触发的匿名函数参数不是我们常用的e或event，而是绑定在选择器上的数据d和数据的序列号i
weixin_33943836·2020-08-24 03:10

【 D3.js 进阶系列 】 进阶总结

o(>﹏<)o进阶系列的文章分为两部分，文章前括号里写有：【D3.js进阶系列】【D3.js选择集与数据详解】虽然称之为“进阶”，但并不是说一定要看完“入门”才
weixin_30621711·2020-08-23 20:56

Learning D3.js(5) d3的path讲解

转自：http://www.d3js.cn/?p=68svg的path标签被称为”可以组成任何形状的形状”SVGPath可以绘制任何形状的图形，包括矩形，圆形，椭圆，折线，多边形，直线，曲线等。W3标准对SVG的Path定义如下SVG路径代表一个形状的轮廓,可以描边,填充,用作剪切路径,或任何三者的结合。W3提供了一个形象的比喻，用钢笔和纸来表示svg的path*想象一个钢笔放在一张纸上。*钢笔在
wujingwen1111·2020-08-22 23:38

定制geojson的一些小技巧和方法

毕业设计是海洋数据的可视化，选取的海域是东海黄海，主要使用D3.js这个可视化库，那么少不了的就是一幅该海域的地图数据。
aijiaozhou5326·2020-08-22 21:38

D3.js 实现带伸缩时间轴拓扑图

效果图:基于d3-v5,依赖dagre-d3,直接上代码:Vue版:{{tipTime}}{{tipText}}import*asd3from"d3";importdagreD3from"dagre-d3";importUUIDfrom"uuid";exportdefault{name:"TopologyTimeline",components:{},props:{//画布尺寸width:{typ
Assan·2020-08-22 13:13

D3.js数据可视化

于是乎又有一批工具等待我们学习的路上什么是D3.jsD3.js（全称：Data-DrivenDocuments）大概翻译过来就是数据驱动文档，一看到后缀名的.js就放心了，只要你之前有Javascript的语言基础就可以开始D3
离岛·2020-08-22 10:24

d3.js v4日期坐标轴转换为中文格式

TimeFormat1.time类型坐标轴的定义域d3.scaleTime().domain([min,max])中min和max是代表定义域范围，在scaleTime中，min的格式只接受标准时间格式；这里就需要将'2012-2-2'或者'2012/2/2'等时间格式转化为标准格式。d3.timeParse():一定要注意m,d代表的意思，以及大小写。letparseTime=d3.timePa
何凯·2020-08-22 10:41

Spark词频统计测试

数据：中华书局白话版24史，总计大小93M，已经存放到HDFS集群分析语言：python分析框架：Spark1.6.0第三方包：jieba（结巴分词）可视化工具：D3.JS源代码：frompysparkimportSparkConf
大虾卢·2020-08-22 01:21

基于d3.js的组织结构图实现

一、效果图：代码地址：https://codepen.io/wlei/pen/YveRmB二、数据结构data.json:{“name”:”中国”,“number”:”2000”,“children”:[{“name”:”浙江”,“number”:”100”,“children”:[{“name”:”杭州”,“number”:”100”},{“name”:”宁波”,“number”:”200”},
wl_·2020-08-21 21:30

d3.js——图形缩放平移操作

缩放操作varwidth=400,height=400;varcircles=[{cx:150,cy:200,r:30},{cx:250,cy:200,r:30}]varsvg=d3.select("body").append("svg").attr("width",width).attr("height",height)//定义缩放函数varzoom=d3.behavior.zoom().sca
AryaoO·2020-08-21 13:48

可视化界面设计js库

http://nvd3.org/ghpages/examples.html这个类库基于知名的D3.js类库。目地在于帮助你创建可重用的d3.js图表和图表组件而不降低d3.js的强大功能。
guoery·2020-08-21 03:31

d3报错：Uncaught TypeError: Cannot read property 'linear' of undefined，已解决

使用d3.js，调用d3.scale.linear()时报错解决：新库中不使用d3.scale.linear()，使用d3.scaleLinear()
仗剑东游的猫·2020-08-21 00:21

D3.js 实现带伸缩时间轴拓扑图

效果图:基于d3-v5,依赖dagre-d3,直接上代码:Vue版:{{tipTime}}{{tipText}}import*asd3from"d3";importdagreD3from"dagre-d3";importUUIDfrom"uuid";exportdefault{name:"TopologyTimeline",components:{},props:{//画布尺寸width:{typ
Assan·2020-08-20 23:12

D3.js 实现带伸缩时间轴拓扑图

效果图:基于d3-v5,依赖dagre-d3,直接上代码:Vue版:{{tipTime}}{{tipText}}import*asd3from"d3";importdagreD3from"dagre-d3";importUUIDfrom"uuid";exportdefault{name:"TopologyTimeline",components:{},props:{//画布尺寸width:{typ
Assan·2020-08-20 23:12

用echarts实现一个简单的生成图表的功能

说实话一直想做一个可以生成图表的文件，但是一直研究不明白，曾经也看过很多的类似技术的文件，D3.js，Hcharts，Echarts都看过，但是看不下去，一个是api写的很死板，一个是自己事情比较多，今天不是很忙
骚φ(゜▽゜*)♪白·2020-08-20 23:15

d3.js编写水波球

water_ball.gif效果如图，基于d3.js编写，原先是一位大神用jquery写的，我用react改写了下做了些配置调整，并封装成了一个组件，d3我用的是4.7.1版本，相较于3.x.x版本，它的
YomonAh·2020-08-20 14:48

D3.JS绘制力拓扑图（高亮显示节点+图例显示+缩放+拖拽）

D3.JS绘制力拓扑图（高亮显示节点+图例显示+缩放+拖拽）注：转载请注明地址https://blog.csdn.net/qq_39360565/article/details/101171379说明：
Call me 程序员·2020-08-19 19:37

R语言学习笔记︱Echarts与R的可视化包——地区地图

关于此包起源，百度联姻d3.js=echarts，echarts+R=recharts包（YangZhou和TaiyunWei），谢益辉老师修改可以传递js参数，实现更多功能，但是呢
悟乙己·2020-08-18 11:52

数据可视化 D3.js v3v4版本比较及方法的变化汇总

  这段时间在学习D3翻到的一些博客和看的学习资料都比较早，普遍都是v3版本的，但是我下载的版本却是v4的因此也确实造成了一些麻烦。  官方在v3更新到v4的时候将方法进行了规范，因此在使用的过程中会有一些方法的变化  以下将会总结我在学习时遇到的因版本变化而造成的问题。比例尺scale线性比例尺V3scalelinearvarlinear=d3.scale.linear().domain([mi
-Ares·2020-08-18 01:43

D3 数据可视化的简单例子

D3.js可以很好地展示数据，并绘制成各种表格，一个简单例子如下：做一个简单的图表varwidth=300;//画布的宽度varheight=300;//画布的高度varsvg=d3.select("body
清澈@Cherry·2020-08-18 00:00

数据可视化与 D3.js-CSDN公开课-专题视频课程

数据可视化与D3.js—7382人已学习课程介绍嘉宾介绍：吕之华，CSDN博客讲师，2014年与好友创办OURD3.JS数据可视化专题站，以D3.js为题发表一系列教学文章，获得读者好评，著有《精通D3
CSDN学院官方账号·2020-08-17 21:40

【D3.js】Focus + Context 折线图

利用D3.js库实现Focus+Context的折线图，读取data.tsv文件数据index.htmlsvg{font:10pxsans-serif;}.axispath,.axisline{fill
Evan_Gu·2020-08-17 00:22

d3.js 选择器

如发现翻译不当或有其他问题可以通过以下方式联系译者:邮箱：[email protected]群：D3.js:437278817，大数据可视化：436442115Github小组：VisualCrew
我是不会选择做一个普通人的·2020-08-16 20:36

D3.JS: 在SVG中使用d3创建HTML标签

原链接https://www.safaribooksonline.com/blog/2014/03/20/create-html-labels-svg-using-d3/为什么想用HTML标签d3对于文本的处理虽然有很多属性但是绝大部分事需要manually（手动）设置的。如果可以在svg中使用HTML标签那多好。foreignObject专有属性xywidthheightDemohttp://j
lh_qppr·2020-08-16 19:46

力导向图知识图谱可视化（节点可点击）

用d3.js的力导向图写了一个知识图谱可视化的demo，节点可点击着实费了我不少功夫，如果小伙伴有更简单的方法还求留言呢~由于数据市实验室的某项目，不太好直接贴出来，反正这样的格式就好：反正是给大家参考的
翎羽飘·2020-08-16 08:42

如何使用apoc 从neo4j导出数据，gephi导入数据

如何使用apoc从neo4j导出graphml数据neo4j是一个图数据存储工具，它自带了图展示工具，，就是它的browser，是根据d3.js开发的gephi是一个开源跨平台的，图数据展示客户端，支持
the_conquer_zzy·2020-08-16 08:37

D3 笔记三：线性比例尺、序数比例尺、domain()、range()

本文目前来说，是学完极客学院的《D3.js入门教程》之后的整理出来的精简知识版，仅仅是为了知识整理。后期我会随着学习的深入，在这个基础上，进行维护与更改。
沐风的心·2020-08-15 01:36

转载--D3.js

前言近期略有点诸事不顺，趁略有闲余之时，玩起D3.js。
zym1117·2020-08-15 01:16

d3.js之初体验

需求：d3.js之初体验D3.js中的所有功能在JavaScript中都能实现，它仅仅是一个函数库而已。D3所做的事就是减轻你的工作量，以及使你的代码十分简单易懂。
Provenr丶·2020-08-15 01:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他