没有合适的资源?快使用搜索试试~ 我知道了~
首页掌握D3.js实战:开发惊艳可视化
掌握D3.js实战:开发惊艳可视化
5星 · 超过95%的资源 需积分: 9 71 下载量 118 浏览量
更新于2024-07-21
3
收藏 13.09MB PDF 举报
"Manning.D3.js in Action" 是一本深入介绍和指导读者掌握D3.js的强大实用指南。D3.js 是一款JavaScript库,专为创建数据驱动的文档而设计,特别适用于创建交互式、动态和复杂的可视化图表。这本书由Elijah Meeks撰写,旨在帮助开发者提升在Web上呈现数据的视觉表现力,让复杂的数据变得更加易于理解。 书中详细探讨了D3.js的核心概念和技术,包括数据绑定、选择和操作DOM、创建SVG图形、动画、以及如何利用其强大的数据驱动功能来驱动网页上的可视化元素。读者将学习如何设计和实现自定义图表、地图、网络图等,并理解如何优化性能,确保在大规模数据集上的高效运行。 作者Elijah Meeks以其丰富的经验和实战案例,带领读者一步步探索D3.js的世界,无论是对于初次接触此领域的初学者,还是希望深化理解并提高技能的现有开发者,都是一个极好的学习资源。此外,Manning出版社还提供了针对团体购买的折扣优惠,以及联系方式(orders@manning.com)以便于读者获取更多信息或订购。 版权方面,该书受到严格的保护,未经Manning Publications Co. 的书面许可,任何复制、存储、传输或任何形式的电子、机械、影印等行为都必须获得授权。书中提到的制造商和卖家的产品名称可能是商标,这些标记通常被大写以表示所有权声明。 为了确保书籍的质量和耐久性,Manning Publications始终坚持使用酸性纸张,尽力保护环境并延长图书的使用寿命。通过阅读"Manning.D3.js in Action",读者不仅能掌握这门技术,还能了解到现代前端开发中的最佳实践和行业标准。
资源详情
资源推荐
ABOUT THIS BOOK
xv
The next five chapters use
D3
in the ways we typically think of. Chapter 4 teaches
you how to create simple graphics from data, such as line charts, axes, and boxplots.
Chapter 5 gives an in-depth exploration of various traditional data visualization lay-
outs like pie charts, tree layouts, and word clouds. Chapter 6 is devoted to network
visualization, which might seem exotic, but network visualization is being used more
and more in a variety of domains. Chapter 7 dives into the rich mapping capabilities
in
D3
, and includes leveraging Topo
JSON
to do interesting geodata manipulation in
the browser. Chapter 8 is devoted to manipulating traditional
HTML
elements, like
paragraphs and lists, to demonstrate that
D3
is not tied to
SVG
.
The last three chapters and chapter 12 (online only) cover topics that can be con-
sidered deep diving into
D3
. I’ve found that each has become an important part of my
own practice. This includes principles for wiring up your own data dashboard, creat-
ing your own
D3
layouts and components, optimizing data visualization for large data-
sets, and writing data visualization for mobile. Even if you don’t think you’ll ever be
using
D3
in these ways, each of these chapters still touches on key aspects of using
D3
.
How to use this book
If you’re just getting started with
D3
, I suggest going through chapters 1 through 4 in
order. Each chapter builds on the last and establishes the basic principles not only of
D3
but also of data visualization. After that, it depends on what you plan to use
D3
for. If
your data is mostly geographic, then you can jump to chapter 7, and similarly, if your
data is mostly network data, you can jump to chapter 6. If you’re doing traditional data
visualization, then I suggest going to chapter 5 and then on to chapter 9 to start think-
ing about dashboards, which are a key component of traditional data visualization.
If you’ve been using
D3
for a while and want to improve your skills, I suggest skim-
ming the first three chapters. The parts that I think might be of particular interest are
in chapter 3, and deal with color and loading external resources like
SVG
icons or
HTML
content. You might also want to review generators and components in chap-
ter 4 to fill in any gaps you might have dealing with these common, but often under-
examined, parts of
D3
. After that, it depends on what you see as your strengths and
what you see as your goals for using
D3
. If you want to maximize traditional data
visualization, take a look at chapter 5 to see the layouts, and then look at chapter 9
for dashboards. You’re probably familiar with most of the content there, but these
chapters deal with it more exhaustively than you likely have experienced. After that,
look at chapter 11 and see if there are any optimization techniques you might want
to bring into your data visualization, or look at chapter 8 and think about how you
might use the
D3
tricks you know to build
UI
elements and otherwise do traditional
web development.
Much of the value of this book comes in chapters 6 and 7, which go into great
detail about using
D3
for two major areas of data visualization: networks and maps.
Along those lines, the use of
HTML5
canvas in chapters 8 and 11 is an area that even
experienced
D3
developers might not be familiar with.
ABOUT THIS BOOK
xvi
Regardless of your level of experience with
D3
, I recommend you really spend
some time with chapter 10, which deals with the structure of layouts and components
while showing you how to build your own. Beginning to build modular, reusable com-
ponents and layouts will allow you to create not only effective data visualization, but
also an effective career in visualizing data.
Chapter 12 is available online only from the publisher’s website at www.manning
.com/
D3
.jsinAction and is a fun read that will expand your horizons.
Online graphics
Most of the graphics in this book were created in color and are meant to be viewed in
color. The eBook versions do include color graphics, but the print book is printed in
grayscale. To view the color graphics, please refer to the eBook versions in
PDF
, ePub,
and Kindle formats, which are available to pBook owners for free after they register
their print book at www.manning.com/
D3
.jsinAction.
About one third of the graphics in this book also have an online component. To
see the online graphic and the code that was used to generate it, please look for this
icon in the captions of certain figures:
.
In the eBook versions, clicking on the icon will take you to the interactive graphic
online. For print book readers, please go to the publisher’s website at www.manning
.com/
D3
.jsinAction where you will find the interactive graphics listed by figure num-
ber. By clicking on the
URL
s for those figures, you will be able to view the graphics
online on your computer or tablet as you read the print book.
Code conventions
Initial code examples in chapters are complete, with later code examples that extend
an initial example only showing the code that has changed. It’s best to use the source
code and online examples alongside the text. The line lengths of some of the exam-
ples exceed the page width, and in cases like these, the
➥
marker is used to indicate
that a line has been wrapped for formatting.
All source code in listings or in text is in a
fixed-width
font
like
this
to separate
it from ordinary text. Code annotations accompany many of the listings, highlighting
important concepts.
Source code downloads
The source code for the examples in this book is available online from the pub-
lisher’s website at www.manning.com/
D3
.jsinAction, and a list of all interactive ver-
sions is hosted on GitHub and can be found at emeeks.github.io/d3ia/.
Software requirements
D3
.js requires a browser to run, and you should have a local web server installed on
your computer to host your code.
xvii
about the cover illustration
The figure on the cover of
D3
.js in Action is captioned “Habit of a Moorish Pilgrim
Returning from Mecca in 1586.” The illustration is taken from Thomas Jefferys’ A Col-
lection of the Dresses of Different Nations, Ancient and Modern (four volumes), London,
published between 1757 and 1772. The title page states that these are hand-colored
copperplate engravings, heightened with gum arabic. Thomas Jefferys (1719–1771)
was called “Geographer to King George III.” He was an English cartographer who was
the leading map supplier of his day. He engraved and printed maps for government
and other official bodies and produced a wide range of commercial maps and atlases,
especially of North America. His work as a mapmaker sparked an interest in local
dress customs of the lands he surveyed and mapped, an interest that is brilliantly dis-
played in this four-volume collection.
Fascination with faraway lands and travel for pleasure were relatively new phenom-
ena in the late eighteenth century, and collections such as this one were popular,
introducing both the tourist as well as the armchair traveler to the inhabitants of
other countries. The diversity of the drawings in Jefferys’ volumes speaks vividly of the
uniqueness and individuality of the world’s nations some 200 years ago. Dress codes
have changed since then, and the diversity by region and country, so rich at the time,
has faded away. It is now often hard to tell the inhabitant of one continent from
another. Perhaps, trying to view it optimistically, we have traded a cultural and visual
diversity for a more varied personal life, or a more varied and interesting intellectual
and technical life.
ABOUT THE COVER ILLUSTRATION
xviii
At a time when it is hard to tell one computer book from another, Manning cele-
brates the inventiveness and initiative of the computer business with book covers
based on the rich diversity of regional life of two centuries ago, brought back to life by
Jeffreys’ pictures.
Part 1
D3.js fundamentals
T
he first three chapters introduce you to the fundamental aspects of
D3
and
get you started with creating graphical elements in
SVG
using data. Chapter 1
lays out how
D3
relates to the
DOM
,
HTML
,
CSS
, and JavaScript, and provides a
few examples of how to use
D3
to create elements on a web page. Chapter 2
focuses on loading, measuring, processing, and changing your data in prepara-
tion for data visualization using the various functions
D3
includes for data
manipulation. Chapter 3 turns toward design and explains how you can use
D3
color functions for more effective data visualization, as well as load external ele-
ments such as
HTML
for modal dialogs or icons in raster and vector formats. In
all, part 1 shows you how to load, process, and visually represent data in
SVG
without relying on built-in layouts or components, which is critical for using and
extending those layouts and components.
剩余353页未读,继续阅读
伪装狙击手
- 粉丝: 97
- 资源: 101
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 构建Cadence PSpice仿真模型库教程
- VMware 10.0安装指南:步骤详解与网络、文件共享解决方案
- 中国互联网20周年必读:影响行业的100本经典书籍
- SQL Server 2000 Analysis Services的经典MDX查询示例
- VC6.0 MFC操作Excel教程:亲测Win7下的应用与保存技巧
- 使用Python NetworkX处理网络图
- 科技驱动:计算机控制技术的革新与应用
- MF-1型机器人硬件与robobasic编程详解
- ADC性能指标解析:超越位数、SNR和谐波
- 通用示波器改造为逻辑分析仪:0-1字符显示与电路设计
- C++实现TCP控制台客户端
- SOA架构下ESB在卷烟厂的信息整合与决策支持
- 三维人脸识别:技术进展与应用解析
- 单张人脸图像的眼镜边框自动去除方法
- C语言绘制图形:余弦曲线与正弦函数示例
- Matlab 文件操作入门:fopen、fclose、fprintf、fscanf 等函数使用详解
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功