6 个最佳 React 数据可视化库

英文 | https://javascript.plainenglish.io/6-best-react-data-visualization-libraries-fc155b573168

翻译 | 杨小爱

1、victory

GitHub Stars: 9.2K

地址：https://github.com/FormidableLabs/victory

Victory是 React 应用程序中实现图形和图表的绝佳选择，我们可以获得很棒的功能，例如，画笔和缩放。

但是，获得不错的图表结果需要更多时间，并且建议仅在您从事个人项目时才使用此库，因为与其他项目相比，它更易于使用。

它带有数量有限的可视化工具，但是，它更易于使用，但在控制标签位置、宽度和高度时缺乏。

您还可以使用这个库在 React Native 中处理图表和图形，它也被认为是一个不错的选择，因为它不像其他库那样直接与 DOM 交互。

2、kepler.gl

GitHub Stars: 8.3K

地址：https://github.com/keplergl/kepler.gl

Kepler是一个强大的大型数据集库，建立在deck.gl之上，它可以渲染数百万个点。作为一个 React 组件，它使用 Redux 来管理其状态和数据流，这为自定义任何其他 Redux 状态提供了灵活性。

要使用 kepler.gl，只需在 UI 中安装 kepler.gl React 组件，并在根 reducer 中安装 kepler.gl reducer。

该库推荐用于大型应用程序和个人项目，并且由 Uber 的开发人员维护得很好。

与其他数据可视化库相比，使用 kepler.gl 需要一些时间。

3、reaviz

GitHub Stars: 507

地址：https://github.com/reaviz/reaviz

这个库在底层使用 D3js 进行计算，它提供了我们在应用程序中可能需要的所有基本图表。多种图表类型可用于大量自定义选项。在这个列表中，这个库对图表非常有效，与其他库相比，实时编辑数据也很容易。

4、fusioncharts

GitHub Stars: 8.8K

地址：https://github.com/fusioncharts

作为 React Native 开发人员，是我个人最喜欢的图表库之一，该库提供了所有基本功能以及触手可及的良好文档。

Fusioncharts 支持大量图表类型和地图，可轻松集成到任何技术堆栈。

如果您正在开发大型生产应用程序，那么我建议您使用这个库，因为即使在低性能设备上，图表也能呈现出魅力。

5、react-vis

GitHub Stars: 8.1K

地址：https://github.com/uber/react-vis

React-vis由 Uber 开发人员构建的另一个很棒的库，具有一些很棒的功能，react-vis 使用简单且灵活，对 React 生态系统不熟悉的初学者可以轻松地开始在移动和 Web 应用程序上构建图表。

它非常简单，您不必非常擅长 React，因为您的第一次可视化不需要任何 React 库的深入知识。

它还提供了一组基本构建块，使入门更容易。例如，单独的 X 和 Y 组件提供了对图表布局的高级控制。

它支持 React 的生命周期，并且不会创建不必要的节点。

6、react-flow

GitHub Stars: 8.8K

地址：https://github.com/wbkd/react-flow

一个非常有趣的库，您可以在其中在 React 应用程序中构建基于节点的图表。它易于使用，具有无缝缩放和平移功能以及单一的多项元素选择。

在使用基于节点的图时，您可以获得可定制的节点和边类型，即使在低性能设备上也能立即呈现。此外，它是用 TypeScript 编写的，并使用 cypress 进行了测试。

学习更多技能

请点击下方公众号