《D3.js数据可视化实战手册》—— 1.1 简介

1.1 简介

D3.js数据可视化实战手册
本章旨在帮助读者初步认识并且运行D3.js。其中包含一些基本知识,比如什么是D3.js,如何搭建一个典型的D3.js数据可视化(data visualization)环境。还有一个专门的章节,解释了一些JavaScript中鲜为人知而D3.js又甚为倚重的特性。

什么是D3?D3是指数据驱动文档(Data-Driven Documents),根据D3的官方定义:

D3.js是一个JavaScript库,它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。D3严格遵循Web标准,因而可以让你的程序轻松兼容现代主流浏览器并避免对特定框架的依赖。同时,它提供了强大的可视化组件,可以让使用者以数据驱动的方式去操作DOM。

D3维基(2013年8月)
总的来说,D3是这样一个特殊的JavaScript库,它利用现有的Web标准,通过更简单的(数据驱动)方式来制作炫目的可视化效果。D3.js由Mike Bostock制作。之前他制作过一个叫Protovis的数据可视化JavaScript库,如今它已经被D3.js取代。如果想了解更多诸如D3.js制作过程、影响Protovis和D3.js的相关理论这类的信息,可以看看下面的链接。而本书将着眼于如何使用D3.js来增强可视化。D3使用JavaScript实现数据可视化的方式比较特别,因此刚开始时可能会让人觉得有些难懂。我希望通过本书中的大量实例,其中有基础的,也有高级的话题,能够帮助大家更好更高效地使用D3。一旦理解了原理,使用D3就可以让数据可视化的效率和丰富程度产生指数化的增长。

图像说明文字更多有关制作D3的创意,可以参考Mike Bostock于2010年在IEEE InfoVis发表的论文Declarative Language Design for Interactive Visualization。

图像说明文字如果对于D3是如何制作的感兴趣,建议看看Mike Bostock于2011年在IEEE InfoVis发表的论文D3: Data-Driven Documen。

图像说明文字Protovis,D3.js的前辈,是Mike Bostock和斯坦福可视化组的Jeff Heer制做的。

本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。

时间: 2024-09-17 19:13:42

《D3.js数据可视化实战手册》—— 1.1 简介的相关文章

《HTML5移动Web开发实战》—— 1.1 简介

1.1 简介 HTML5移动Web开发实战HTML5以及移动网站都是很有前景的技术,他们都有着相对较短的历史.本章介绍的大部分内容都是比较基础的,可以帮助你迅速.轻松地开始移动端开发. 移动网站以及HTML5本身仍然在不断演进,对此你肯定有很多的疑惑.我们会解开这些疑惑并告诉你应该专注在哪些真正重要的事情上. 移动网站的增长非常之快.移动端Safari浏览器是当前最常用的iPhone应用,它使开发人员可以创建高性能的网页应用并提高用户的浏览体验.移动网站的好处在于,你不需要申请开发者账号就可以运

《HTML5移动Web开发实战》—— 第1章 HTML5与移动网站

第1章 HTML5与移动网站 HTML5移动Web开发实战 本章内容包括: 准备好你的移动设备 仿真器与模拟器 搭建移动开发环境 在移动网站中使用HTML5 跨浏览器兼容HTML5 适用于移动设备的设计 确定你的核心移动设备 定义一个内容策略

《HTML5移动Web开发实战》—— 1.2 确定网站的适用移动设备

1.2 确定网站的适用移动设备 HTML5移动Web开发实战 适用浏览器:所有 你不可能给每个移动设备都单独做一个移动网站,没有人有这样的时间和精力. 跨浏览器的移动网站开发是非常困难的,其难点在于如何确定网站的适用范围,John Resig(jQuery Mobile的创始人)在一个描述jQuery Mobile创建经历的PPT(中提了三个问题: 哪些平台和浏览器是流行的? 哪些浏览器可以支持现代脚本? 哪些设备和模拟器需要我进行测试? 当你创建一个移动网站,你必须思考类似的问题,但并不一定完

《HTML5移动Web开发实战》—— 1.3 配置移动开发工具

1.3 配置移动开发工具 HTML5移动Web开发实战适用浏览器:所有 在前一节还剩下一个问题没有回答:我应该在哪些设备和模拟器上测试?我们会在这一节回答. 如果你决定了需要支持的核心移动设备,那么现在就可以来看看如何配置了.如果在过多移动设备上测试,那么移动开发成本会很高,虽然我们可以使用移动设备的模拟器和仿真器,但都比不上在真实设备上做测试.现在我们来看看如何最大化测试覆盖率并最小化成本. 1.3.1 准备 我们会首先做一些假设,虽然具体情况可能不同,但思路是一样的.我们假设你的桌面操作系统

《HTML5移动Web开发实战》—— 1.4 BlackBerry仿真器

1.4 BlackBerry仿真器 HTML5移动Web开发实战适用浏览器:BlackBerry 大部分的移动设备仿真器,都可以很容易地根据其官方网站的介绍来安装和配置,但BlackBerry仿真器的工作方式与其他仿真器不同.从Blackberry仿真器连接互联网,除了下载仿真器还需要下载安装BlackBerry Email and MDS Services Simulator. 1.4.1 准备 确认你从以下地址下载了仿真器: http://us.blackberry.com/develope

《HTML5移动Web开发实战》—— 1.5 配置移动开发环境

1.5 配置移动开发环境 HTML5移动Web开发实战适用浏览器:所有 在开始移动网站开发之前,我们必须首先配置好开发环境. 1.5.1 准备1.配置本地网站服务.对于Windows.Mac和Linux,最容易的方法是使用免费的XAMPP软件: http://www.apachefriends.org/en/index.html 2.确认你有无线网络. 3.同时你需要一个移动设备,或者是移动设备的仿真器.模拟器. 4.确保你的移动设备和电脑在同一无线网络中. 1.5.2 实践 1.在你的本地服务

《HTML5移动Web开发实战》—— 1.6 在移动网站中使用HTML5

1.6 在移动网站中使用HTML5 HTML5移动Web开发实战适用浏览器:所有 现在我们开始创建一个简单的HTML5页面.对于有HTML基础的人来说,HTML5是很容易理解的.对于有网页开发基础的人来说,移动网站开发不会太难. 1.6.1 准备创建一个新文件ch01e2.html 1.6.2 实践 在文件中写入以下代码: 在浏览器中打开文件,你会看到写入的文字. 1.6.3 回顾 HTML5和其他HTML页面的唯一区别就在于我们使用的文件类型定义(DTD,Document Type Defin

《HTML5移动Web开发实战》—— 第1章 移动Web设计趋势

第1章 移动Web设计趋势 众妙之门--移动Web设计精髓Steven Snell Web设计师都深知这个行业包含了大量的变化和创新,为了始终保持在业内的领先地位,需要不断地适应和学习新的技术.在过去的几年中,该行业中变化最大的领域之一就是越来越多的网民通过手机和移动终端设备来进行网络浏览.因此,Web设计师必须不断学习和掌握更多.更新的专业知识,从而开发出更多.更好的移动网络应用以满足这一受众群体的需求. 因为设计应用于移动设备的网页存在一些特有的问题和挑战,所以这需要设计者和开发者用具有战略

《HTML5移动Web开发实战》—— 1.1 移动Web设计的挑战

1.1 移动Web设计的挑战 众妙之门--移动Web设计精髓 针对移动设备的Web设计由于其行业的特殊性会面临一系列特殊的挑战,那就是设计师必须克服各种困难来制作一个在移动设备上完美运行的网站.如果你决定尝试设计一个移动设备上网站,那么下面将讲到一些值得你注意的可能出现的问题. 屏幕尺寸多样化 尽管Web设计师经常处理由于不同的屏幕尺寸而产生各种问题,与处理电脑屏幕大小不一问题的方法相比,移动设备Web设计的处理方法有所不同.大多数Web设计师都能顺利解决由于台式电脑屏幕分辨率提高而出现的问题,

《HTML5移动Web开发实战》—— 导读

目录 第1章 移动Web设计趋势1.1 移动Web设计的挑战1.2 对移动Web设计的思考1.3 Sitepoint(设计团队)的移动Web设计作品 第2章 移动Web设计:要点和实践 第3章 如何建立一个移动网站 第4章 iPhone和iPad的Web应用发展:已经开启 第5章 如何创建你的第一个iPhone应用 第6章 iPhone应用开发的趋势 第7章 iPhone应用设计点评 第8章 iPhone应用开发的误区一:过度成熟的视觉效果 第9章 iPhone应用开发的误区二:忽视语言环境 第