厦门大学计算机科学系研究生课程

《厦门大学计算机科学系研究生课程》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、厦门大学计算机科学系研究生课程《大数据技术原理与应用》上机练习D3可视化库安装和使用主讲教师：林子雨厦门大学数据库实验室二零一五年九月目录目录目录1作业题目12作业目的13作业性质14作业考核方法15作业提交日期与方式16作业准备17作业内容27.1添加元素27.2数据绑定27.3使用数据47.4用层画条形图57.5SVG概要77.6散点图107.7更自由的条形图147.8D3作业158实验报告16附录1:任课教师介绍16附录2：课程教材介绍16厦门大学计算机科学系研究生课程《大数据技术原理与应用》上机练习D3可视化库安装和使用主讲教师：林子雨http://www.cs.

2、xmu.edu.cn/linziyu第19页厦门大学计算机科学系研究生课程《大数据技术原理与应用》上机练习D3可视化库安装和使用《大数据技术原理与应用》D3可视化库安装和使用上机练习说明主讲教师：林子雨E-mail:ziyulin@xmu.edu.cn个人主页：http://www.cs.xmu.edu.cn/linziyu1作业题目D3可视化库安装和使用。2作业目的旨在让学生了解D3可视化数据库，并掌握最基本的使用方法，会生成一些比较简单的图表。3作业性质课后作业，必做，作为课堂平时成绩。4作业考核方法提交上机实验报告，任课老师根据上机实验报告评定成绩。5作业提交日期与

3、方式数据可视化章节内容结束后的下一周周六晚上9点之前提交。6作业准备请阅读厦门大学林子雨编著的大数据专业教材《大数据技术原理与应用》（官网：http://dblab.xmu.edu.cn/post/bigdata/），了解数据可视化的概念与意义。D3的全称是（Data-DrivenDocuments），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个JavaScript的函数库，使用它主要是用来做数据可视化的。学习D3最好的地方是： http://d3js.org/  ，D3是一个JavaScript函数库，并不需要通常所说的“安装”。它只

4、有一个文件，在HTML中引用即可。有两种方法：（1）下载D3.js的文件§ d3.zip解压后，在HTML文件中包含相关的js文件即可。（2）还可以直接包含网络的链接，这种方法较简单：主讲教师：林子雨http://www.cs.xmu.edu.cn/linziyu第19页厦门大学计算机科学系研究生课程《大数据技术原理与应用》上机练习D3可视化库安装和使用但使用的时候要保持网络连接有效，不能在断网的情况下使用。1作业内容学习D3可视化库需要的一

5、些基础知识如下：lHTML：超文本标记语言，用于设定网页的内容lCSS：层叠样式表，用于设定网页的样式lJavaScript：一种直译式脚本语言，用于设定网页的行为lDOM：文档对象模型，用于修改文档的内容和结构lSVG：可缩放矢量图形，用于绘制可视化的图形本部分主要介绍D3一些最基本的使用方法，以及生成一些比较简单的图表。7.1添加元素添加元素语法d3.select("body").append("p").text("Newparagraph!");为选择body标签，为之添加一个p标签，并设置它的内容为Newparagraph！源代码：1.  2.    

6、  3.          4.         5.         6.      7.      8.      9.           d3.select("body").append("p").text("New paragraph!

7、");        10.      11.      12.  13.效果7.2数据绑定D3可以处理哪些类型的数据？它会接受几乎任何数字数组，字符串，或对象（本身包含其他数组或键/值对）。它可以处理JSON和GeoJSON源代码：主讲教师：林子雨http://www.cs.xmu.edu.cn/linziyu第19页厦门大学计算机科学系研究生课程《大数据技术原理与应用》上机练习D3可视化库安装和使用1.  2.  3.