使用 React 和 D3 创建条形图

Create A Bar Chart with React and D3

D3（即数据驱动文档）是网络数据可视化的事实上的标准。它是一个非常强大的库，为您提供构建您梦想的可视化所需的所有工具。

D3 不是预定义图表的集合。相反，它是一组强大的实用程序，可用于提取和转换数据、将数据映射到屏幕值，并最终操纵 DOM 来渲染视觉效果。

在使用 React 时，D3 操纵 DOM 的愿望与 React 将 UI 渲染为状态函数的目标相矛盾。那么我们该如何处理呢？简而言之，我们使用 D3 来处理我们想要渲染输出的所有内容，然后将所有数据交给 React 进行渲染。

在本课程中，我们将从头开始并为一些示例数据构建 SVG 条形图。我们将依靠 D3 的工具，然后将数据交给 React 进行渲染。