[newline] D3 和数据可视化 | Fullstack D3 and Data Visualization

使用 D3 构建漂亮的数据可视化

Fullstack D3 书是 D3 的完整指南。通过显示每个步骤的数十个代码示例，您可以通过创建可视化来获得对数据的新见解。

了解如何使用 D3 快速将数据转化为洞察力

我们有数据。但它需要被人类理解。将此数据转换为可理解格式的最佳方法是将其塑造成数据可视化。

如果您需要创建自定义数据可视化，D3 是最好的工作工具。

借助 Fullstack D3 和数据可视化，您和您的团队将能够分享关键见解，在问题开始之前发现问题，并通过创建华丽的可视化来打动您的老板。

里面有什么

第 0 章：简介 什么时候想使用 D3.js？

有一系列库可以在 Web 上创建图表：一方面，您拥有易于使用的基本库，可以创建标准图表类型。

第 1 章：制作你的第一个图表
在本章中，我们制作一个折线图。折线图是一个很好的起点，因为它们很受欢迎，也因为它们的简单性。

第 2 章：制作散点图
在查看两个指标之间的关系时，散点图是一个不错的选择。在本章中，我们将展示如何创建散点图。

第 3 章：制作条形图
在本章中，我们将介绍如何创建直方图，这是一个条形图，显示一个指标的分布，指标值在 x 轴上，值的频率在 y 轴上。

第 4 章：动画和过渡
当我们更新图表时，我们可以将元素从旧位置动画到新位置。这些动画可以在视觉上令人兴奋，但更重要的是，它们具有功能优势。

第 5 章：交互
使用 JavaScript 创建图表的最大优势是能够响应用户输入。

第 6 章：制作地图
地图还特别擅长回答基于地理的问题。在本章中，我们将构建一个地图并学习如何在一个位置内绘制值。

第 7 章：数据可视化基础
既然我们已经熟悉了如何创建图表，我们应该缩小一点，讨论要创建什么图表。

第 8 章：常用图表
在本章中，我们将讨论常用的图表类型以及何时使用它们。

第 9 章：仪表板设计

仪表板是任何对动态数据有意义的 Web 界面，在本章中，我们将学习如何制作它。

第 10 章：高级可视化：边际直方图
首先，我们将专注于增强我们已经制作的图表：散点图。该图表将有多个目标，所有目标都在我们的天气数据集中探索每日温度范围。

第 11 章：高级可视化：径向天气图
我们在第 10 章中讨论了雷达图。对于这个项目，我们将构建一个更复杂的雷达图。

第 12 章：高级可视化：动画桑基图
在这个项目中，我们将模拟真实数据并创建一个动画图表来吸引我们的观众。

第 13 章：D3 和 React
在 React 中绘制图表的最佳方式是什么？事实证明，React 和 D3 之间的功能有相当多的重叠——我们将讨论如何将两者结合使用来创建超快的图表。

第 14 章：D3 和 Angular
在本章中，我们将展示如何使用 D3 和 Angular 创建优化的 SVG 图表。