D3.js的v5版本入门教程(第一章)—— 如何在项目中使用D3.js

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图数据库项目专栏

 

  • 7
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值