D3 treecluster

    <script>var svg = d3.select('body').append('svg').attr("width",300).attr('height',300)var data = {"name":"中国","children":[{"name":"河南","children":[{"name":"周口"},{"name":"洛阳"}]},{"name":"江苏"}]}var tree = d3.layout.tree().size([200,100]).separation((a,b)=>a.parent == b.parent ? 1:2)var nodes = tree.nodes(data)var links = tree.links(nodes)var diagonal = d3.svg.diagonal().projection((d)=>[d.y,d.x])var link = svg.selectAll(".link").data(links).enter().append("path").attr("class","link").attr("d",diagonal)var node = svg.selectAll(".node").data(nodes).enter().append("g").attr("class","node").attr("transform",(d)=>"translate("+d.y+","+d.x +")")node.append("circle").attr("r",4.5)node.append("text").attr("dx",(d)=>d.children? -8 :8).attr("dy",3).style("text-anchor",(d)=>d.children? "end":"start").text((d)=>d.name)</script>

D3 treecluster相关推荐

从壹开始微服务 [ DDD ] 之一 ║ D3模式设计初探与我的计划书
缘起哈喽大家周四好!又是开心的一天,时间过的真快,我们的 <从壹开始 .net core 2.1 + vue 2.5 >前后端分离系列共 34 篇已经完结了,当然以后肯定还会有更新和修改 ...
D3.js、HTML5、canvas 开发专题
https://www.smartdraw.com/genogram/ http://www.mamicode.com/info-detail-1163777.html D3折线图 https:// ...
【D3】transition API
摘要: 动画类API 一.API 使用 1. 1 d3.ease 1.2 d3.timer Start a custom animation timer, invoking the specified ...
D3.js系列——初步使用、选择元素与绑定数据
D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档.听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可 ...
交互式数据可视化－D3.js（一）
在D3中会穿插SVG 方便大家对D3对使用 SVG简介可缩放矢量图(scalabel vector graphics),是用于描述二维矢量图形的一种图形格式,是由W3C制订的开放标准.SVG使用XM ...
r语言编辑 d3.js_d3.js的语言介绍
r语言编辑 d3.js by Matt Oxley 由马特·奥克斯利(Matt Oxley) d3.js的语言介绍 (A linguistic introduction to d3.js) 如何从一 ...
d3.js图表_如何使用D3.js建立历史价格图表
d3.js图表逐步可视化财务数据集的方法 (A step by step approach towards visualizing financial datasets) It is a chall ...
用D3.js 十分钟实现字符跳动效果
用D3.js 十分钟实现字符跳动效果注本文基于 D3.js 作者 Mike Bostock 的例子原文分为三部分, 在这里笔者将其整合为了一篇方便阅读. 该效果基于 D3.js, 主要使用到了 ...
d3设置line长度_使用d3画一些基本的图形
生成图标需要有四个步骤 1生成图片容器 2设置比例尺 3生成数据图表 4生成坐标系在展示图表时一般要有个容器,我们可以使用.container 类,同时制定宽高.如下: 可以加个样式 #contai ...

D3 treecluster

D3 treecluster相关推荐

最新文章

热门文章