【 D3.js 入门系列 — 11 】 入门总结

时间:2021-08-23 23:09:46

D3 新专题首页

【 D3.js 入门系列 — 11 】 入门总结


一转眼,这个入门系列已经积累了二十二篇文章之多,我想作为 D3.js 这款数据可视化工具的入门来说已经足够了。相信仅仅要看完本系列。以后全然能够在辅以查询的情况下完毕大部分可视化工作。

D3.js 最早的 v1.0 版本号是由 Michael Bostock 于2011年2月18日公布,其后经过多人的不断完好,眼下最新的版本号为 v3.4.11。从公布至今三年多的时间里,D3.js 在国外不断有人尝试并制作教程。成为了流行的数据可视化工具。可是眼下在国内能查询到中文资料还比較少,所以本站希望成立这样一个专题站。制作几个教学系列。能够为大家的学习和工作提供參考,也提供给大家一个讨论的地方。

入门系列的二十二篇文章。包含本文共二十三篇,整理例如以下:

0

p=17">简单介绍和安装

1

p=42">第一个程序HelloWorld

2 怎样使用数据和选择元素
2.1

p=54">关于怎样选择,插入。删除元素

3 做一个简单的图表!
4 怎样使用scale(比例)
5

p=111">怎样加入坐标轴

5.1

p=121">做一个带坐标轴和标签的图表

6 怎样让图表动起来
7 理解 update, enter, exit 的使用
8 对话操作(事件)
9

p=163">常见可视化图形( Layout )

9.1 饼状图的制作
9.2

p=196">力学图的制作

9.3 弦图的制作
9.4 集群图的制作
9.5 树状图的制作
9.6

p=289">打包图的制作

10 地图的制作
10.1

p=306">简化 GeoJSON 文件

10.2 可拖动的地图
10.3 GeoJSON 和 TopoJSON 文件有什么不同?
11 入门总结

我平时也比較忙,可是基本上坚持每周更新一篇文章。假设您阅读本站文章后认为有帮助。请留下仅仅言片语。

一个“赞”,一个表情“O(∩_∩)O~”。或任意的几句话,能够说是举手之劳,对于本站来说却是莫大的鼓励和帮助。我们希望能够略尽绵薄之力,通过努力让世界变得更美好。望大家支持本站。

接下来本站还将制作 D3.js 的【进阶系列】和【高级系列】。以及其它数据可视化工具的使用。尽请期待。

假设您愿意分享您的知识,想在本站分享您的文章,请发邮件到tanlangx#126.com,本站欢迎您的加入。

本文同步更新于: http://www.ourd3js.com/wordpress/?p=396

【 D3.js 入门系列 — 11 】 入门总结的更多相关文章

  1. D3.js的v5版本入门教程(第十三章)—— 饼状图

    D3.js的v5版本入门教程(第十三章) 这一章我们来绘制一个简单的饼状图,我们只绘制构成饼状图基本的元素——扇形.文字,从这一章开始,内容可能有点难理解,因为每一章都会引入比较多的难理解知识点,在这 ...

  2. D3.js的v5版本入门教程(第十二章)—— D3.js中各种精美的图形

    D3.js的v5版本入门教程(第十二章) D3中提供了各种制作常见图形的函数,在d3的v3版本中叫布局,通过d3.layout.xxx,来新建,但是到了v5,新建一个d3中基本的图形的方式变了(我也并 ...

  3. D3.js的v5版本入门教程(第十一章)——交互式操作

    D3.js的v5版本入门教程(第十一章) 与图形进行交互操作是很重要的!所谓的交互操作也就是为图形元素添加监听事件,比如说当你鼠标放在某个图形元素上面的时候,就会显示相应的文字,而当鼠标移开后,文字就 ...

  4. D3.js的v5版本入门教程(第九章)——完整的柱状图

    D3.js的v5版本入门教程(第九章) 一个完整的柱状图应该包括的元素有——矩形.文字.坐标轴,现在,我们就来一一绘制它们,这章是前面几章的综合,这一章只有少量新的知识点,它们是 d3.scaleBa ...

  5. D3.js的v5版本入门教程(第八章)—— 坐标轴

    D3.js的v5版本入门教程(第八章) D3中没有现成的坐标轴图形,需要我们自己用其他组件拼凑而成.D3中提供了坐标轴组件,使得我们在SVG中绘制一个坐标轴变得像添加一个普通元素那样简单 为了表绘制一 ...

  6. D3.js的v5版本入门教程(第七章)—— 比例尺的使用

    D3.js的v5版本入门教程(第七章) 比例尺在D3.js中是一个很重要的东西,我们可以这样理解d3.js中的比例尺——一种映射关系,从domain映射到range域(为什么会是domain和rang ...

  7. D3.js的v5版本入门教程(第五章)—— 选择、插入、删除元素

    D3.js的v5版本入门教程(第五章) 1.选择元素 现在我们已经知道,d3.js中选择元素的函数有select()和selectAll(),下面来详细讲解一下 假设我们的<body>中有 ...

  8. D3&period;js的v5版本入门教程(第三章)—— 选择元素和绑定数据

    D3.js的v5版本入门教程(第三章) 在D3.js中,选择元素和绑定元素是最基本的内容,也是很重要的内容,等你看完整个教程后你会发现,这些D3.js教程都是在选择元素和绑定元素的基础上展开后续工作的 ...

  9. D3&period;js的v5版本入门教程(第四章)—— 理解Update、Enter、Exit

    D3.js的v5版本入门教程(第四章) Update.Enter.Exit是D3.js中很重要的概念,下面来讲一下它们到底是什么?(当你看完后.你就会知道如果数据集个数和选择集个数不匹配的情况下使用d ...

  10. 【 D3&period;js 进阶系列 】 进阶总结

    进阶系列的文章从去年10月开始写的,晃眼又是4个多月了,想在年前总结一下. 首先恭祝大家新年快乐.今年是羊年吧.前段时间和朋友聊天,聊到十二生肖里为什么没猫,我张口就道:不是因为十二生肖开会的时候猫迟 ...

随机推荐

  1. 《OOC》笔记&lpar;4&rpar;——自动化地将C&num;代码转化为C代码&lpar;结构版&rpar;

    <OOC>笔记(4)——自动化地将C#代码转化为C代码(结构版) 我在<C表达面向对象语言的机制——C#版>中已经说明了从C#到C的转换方法.这次看<OOC>也是想 ...

  2. 作为程序员之 Vim(一)

    开始使用 Vim(一) vim被称为是编辑器之神,如果可以学好vim的话,就可以在键盘上 “健指如飞” 了,可以完全摆脱鼠标来进行文本的定位编辑. 当然,vim还可以进行各种配置,装上各种插件,做成 ...

  3. Asp&period;net NVelocity 模版引擎

    NVelocity.dll是Java中常用的一个模版,下面是常用的模版引擎 1,返回string类型的html代码 /// <summary> /// 获取html模版 /// </ ...

  4. ADO&period;net--杂七杂八(一)

    private void BtnConnectDataBase_Click(object sender, RoutedEventArgs e) { string connectionString = ...

  5. 表达式 - PHP手册笔记

    PHP是一种面向表达式的语言.表达式的定义可以描述为,任何有值的东西. PHP支持全等运算符===(值和类型均相同)和非全等运算符!==(值或者类型不同). PHP的三元条件运算符貌似和C语言不太一样 ...

  6. 锁 和 CopyOnWrite的实现

    1.普通锁 只有lock功能, Java实现:ReentrantLock lock = new ReentrantLock(); lock和unlock: lock.lock(); lock.unlo ...

  7. Centos6&period;5使用yum安装mysql——快速上手必备

    第1步.yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果: Installed:     mysql-server.x86_6 ...

  8. 微信小程序swiper制作内容高度不定的tab选项卡

    微信小程序利用swiper制作内容高度不定的tab选项卡,不使用absolute定位,不定高度,由内容*撑开主要思路是获取内容区的高度来给swiper动态设置值 .wxml <view cla ...

  9. fastjson 处理 double 的精度问题

    项目中使用 fastjson 来处理 json 格式,当前使用的版本为1.1.37.在和其它系统交互时,将一个json串传给了对方,原值为5.0,json 处理后格式为:{"dou&quot ...

  10. git忽略已经提交的文件【转载】

    有时候我们添加.gitignore文件之前已经提交过了文件..gitignore只能忽略那些原来没有被track的文件(自添加以后,从未 add 及 commit 过的文件),如果某些文件已经被纳入了 ...