D3.js的v5版本入门教程（第一章）
1、需要的一些工具
这个其实随便！最简单的就是建一个.txt文件就可以敲起代码来！作者本人用的是myeclipse（主要需要安装tomcat），因为写的是前端，一个浏览器查看效果当然是不可少的，建议使用chrome 浏览器，其强大的调试功能可以让你事半功倍！
2、需要预备的知识
如果你是编程小白，那么这个教程可能不那么适合你，建议你先去学习一门编程语言，如java（因为作者本人接触的第一门语言就是java，所以对它印象特别好，而且容易学）
如果你有一门高级编程语言的基础，当时没有一些前端的知识（如html、css、javascript），那么可能学起来会有点吃力，不过还行，因为编程语言多少是有点相似的！在学的过程中，遇到不懂得问题多看看API，多百度就好
如果你是前端大神，最近想学D3.js，那么你会很轻松的入门到D3.js中
本教程涉及知识点：
- HTML——超文本标记语言，用于设计网页内容
- CSS——层叠样式表，用于设计网页样式
- JavaScript——一种脚本语言，用于设计网页行为
- SVG——可放缩矢量图形，用于绘制可视化图形
3、入门D3.js
- 观看本教程的同时，进行下面两种方法
- 官方API：http://d3js.org/
- 遇到不懂得就百度，多看别人案例，多读别人的代码
（推荐两种方法并行，但是重点可以放在第二种方法上，因为官方API写的并不是很详细，就是你看半天也可能看不出什么东西出来，但是你可能大概知道需要怎么做，这时你就可以有目的的百度，这样更容易找到答案！）
4、在代码中使用D3.js
<head><script type="text/javascript" src="http://d3js.org/d3.v5.min.js"></script></head>
也就是在head标签中加入<script type="text/javascript" src="http://d3js.org/d3.v5.min.js"></script>
可以发现http://d3js.org/d3.v5.min.js中使用的是v5版本，当然你也可以改成其他版本，如果你想使用v3版本，将v5改成v3就可以了
（翻外篇）d3.js在网页端可视化neo4j图数据库
为了让大家更好的学习d3.js，“d3.js在网页端可视化neo4j图数据库”这是一个比较综合的项目——利用neo4j的java驱动API从neo4j中取数据，并利用d3.js在网页端进行可视化。大家在学完基础课程后可以做一下这个项目，进行巩固。点击下面链接进行查看：d3.js可视化neo4j图数据库项目专栏
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
