【D3.js in Action 3 精译】关于本书

2024-06-22 12:28
文章标签 js action 本书 d3 精译

本文主要是介绍【D3.js in Action 3 精译】关于本书,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

    • 本书读者
    • 本书结构与路线图
    • 本书代码
    • liveBook 在线论坛

D3.js 项目的传统开发步骤
D3.js 项目的传统开发步骤


本书读者

这本书适用于所有渴望在数据可视化工作中获得完全创意自由的人,从定制化的经典图表到创建独特的数据可视化布局,涵盖内容广泛,应有尽有。您可能拥有数据分析的相关背景,也可能是记者、设计师,甚至是数据可视化的发烧友。恭喜您考虑学习 D3.js !您很快就会意识到,这是在您的时间上一笔多么明智的投资。通过掌握 D3,您将解锁无与伦比的创意自由与创作潜能——这是当今无数数据可视化工具无法企及的高度。

本书结构与路线图

正如您所了解的,D3 活跃在前端开发工具的生态系统中:HTML、CSS 和 JavaScript。在深入阅读第二章之前,您需要确保了解这些工具的基础知识,并充分理解怎样将它们结合起来创建美观大气的交互式网页。您不必是这方面的行家里手,但具备一些基础知识将使您的 D3 学习体验更加流畅。如果您希望提升前端开发技能,我们推荐以下资源:

  • Maximilian Schwarzmüller 主讲的《2023 Web 开发训练营》(2023 Web Development Bootcamp,详见 http://mng.bz/WEe4)
  • Frontend Masters 网站出品的《Web 开发完全入门》(Complete Intro to Web Development,详见 http://mng.bz/8wyZ)

本书按照循序渐进的方式来组织内容。第一部分涵盖了诸如数据处理与简单图表创建等基础内容;第二部分则重点介绍了让项目具备可交互性与响应性的方法、提升项目可访问性的途径,以及将 D3 整合到 React、Svelte 等 JavaScript 框架的具体思路,以不断满足新的数字化需求;第三部分的每一章都涵盖了更高级的数据可视化内容:层次结构、网络及各类地图等等。最后,在第四部分,我们将邀您一道深入了解完全定制的可视化布局的创建过程,并探讨性能相关的话题,以及怎样将 D3 与 Canvas 结合使用。

如果您是 D3 的新手,我们建议您按顺序阅读第 1 ~ 7 章。这些前置章节将帮助您更好地构建 D3 的思维模型,确保在探讨更高级的主题之前,您的工具箱中已拥有全部的基础构件。D3 因学习曲线陡峭而声名狼藉,但只要按照这些章节提供的步骤学下去,D3 也可以变得非常直观。

如果您先前了解过 D3 并且熟悉这些基础知识,您也可以开启个性化的学习之旅。第 8 ~ 15 章专注于特定的概念及图表类型,当您手里的项目需要这些知识时,对应章节的内容或许值得一试。

对于书本前的所有读者,强烈建议大家不仅要阅读本书,更要躬身实践。每一章都包含了各自的数据可视化项目,旨在帮助您整合消化书中阐释的概念。将这些概念、想法付诸实践将会让整个世界因为您的努力而变得不同,也会让您的学习之旅更加便捷与顺畅。

对于每个项目和练习,您可以在本书的 GitHub 仓库(http://mng.bz/Xqjv)访问相应的初始代码文件和参考解决方案。附录 D 还提供了各章练习的参考答案。本书所有代码文件及代码片段均采用第 7 版的 D3 语法,这也是本书撰写时的最新版本。想要运行并编辑代码,您只需要一个代码编辑器和一个浏览器。代码编辑器我们推荐 VS Code;浏览器则推荐 Chrome 或 Firefox。

本书代码

本书包含许多源代码示例,有的是在带编号的代码清单中,有的是在正文里。所有源代码都采用了等宽字体(fixed-width font like this),以便跟普通文字区分开。有时源代码还会加粗,以突出显示某章节内容中与前一步的不同之处,例如给已有的一行代码加上新特性时。

在许多情况下,书中出现的源代码已经重新做了格式化处理;我们添加了换行并重新调整了缩进,以适应本书版面。由于在极少数情况下,这样做还不够,故而代码清单还会加入该行继续的标记(➥)。此外,如果正文中已经对代码做了解释,则会将代码清单中的注释内容删除。许多代码清单中出现的注释,旨在强调重要概念。

您可以从本书的线上版本 liveBook 中获取可执行的代码片段,网址为 https://livebook.manning.com/book/d3js-in-action-third-edition。本书示例的完整代码可从 Manning 官网 www.manning.com/books/d3js-in-action-third-edition 及 GitHub 仓库 http://mng.bz/Xqjv 进行下载。

liveBook 在线论坛

购买《D3.js 实战》第三版即可免费访问 liveBook —— Manning 出版社的在线阅读平台。利用 liveBook 独有的讨论功能,您可以在全书范围内或特定章节、段落上评论相关内容、轻松记笔记、咨询技术问题并参与回答,还可以从作者和其他用户那里获得帮助。访问线上论坛,请移步 https://livebook.manning.com/book/d3js-in-action-third-edition/discussion。您还可以访问 https://livebook.manning.com/discussion 了解更多关于 Manning 论坛和行为规范等内容。

Manning 向读者承诺提供一个交流平台,以供读者与读者之间、以及读者与作者之间进行有意义的对话。这并不意味着硬性要求作者一定要投入多少精力参与到交流讨论中,因为作者对论坛的贡献仍然是志愿行为(并且是免费的)。我们建议读者尝试向作者询问一些富有挑战的问题,以免作者不感兴趣。只要图书在印刷中,论坛和之前讨论的存档都可以在出版社的网站找到。

这篇关于【D3.js in Action 3 精译】关于本书的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1084285

相关文章

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1

VSCode中配置node.js的实现示例

《VSCode中配置node.js的实现示例》本文主要介绍了VSCode中配置node.js的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一.node.js下载安装教程二.配置npm三.配置环境变量四.VSCode配置五.心得一.no

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

Node.js net模块的使用示例

《Node.jsnet模块的使用示例》本文主要介绍了Node.jsnet模块的使用示例,net模块支持TCP通信,处理TCP连接和数据传输,具有一定的参考价值,感兴趣的可以了解一下... 目录简介引入 net 模块核心概念TCP (传输控制协议)Socket服务器TCP 服务器创建基本服务器服务器配置选项服

mac安装nvm(node.js)多版本管理实践步骤

《mac安装nvm(node.js)多版本管理实践步骤》:本文主要介绍mac安装nvm(node.js)多版本管理的相关资料,NVM是一个用于管理多个Node.js版本的命令行工具,它允许开发者在... 目录NVM功能简介MAC安装实践一、下载nvm二、安装nvm三、安装node.js总结NVM功能简介N

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点: