vlambda博客
学习文章列表

6 个最佳 React 数据可视化库

英文 | https://javascript.plainenglish.io/6-best-react-data-visualization-libraries-fc155b573168
翻译 | 杨小爱

1、victory

GitHub Stars: 9.2K

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

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

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

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

2、kepler.gl

GitHub Stars: 8.3K

6 个最佳 React 数据可视化库

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

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

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

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

3、reaviz

GitHub Stars: 507

6 个最佳 React 数据可视化库

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

4、fusioncharts

GitHub Stars: 8.8K

6 个最佳 React 数据可视化库

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

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

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

5、react-vis

GitHub Stars: 8.1K

6 个最佳 React 数据可视化库

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

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

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

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

6、react-flow

GitHub Stars: 8.8K

6 个最佳 React 数据可视化库

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

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


学习更多技能

6 个最佳 React 数据可视化库

6 个最佳 React 数据可视化库