6 个最佳 React 数据可视化库
1、victory
GitHub Stars: 9.2K
Victory是 React 应用程序中实现图形和图表的绝佳选择,我们可以获得很棒的功能,例如,画笔和缩放。
但是,获得不错的图表结果需要更多时间,并且建议仅在您从事个人项目时才使用此库,因为与其他项目相比,它更易于使用。
它带有数量有限的可视化工具,但是,它更易于使用,但在控制标签位置、宽度和高度时缺乏。
您还可以使用这个库在 React Native 中处理图表和图形,它也被认为是一个不错的选择,因为它不像其他库那样直接与 DOM 交互。
2、kepler.gl
GitHub Stars: 8.3K
Kepler是一个强大的大型数据集库,建立在deck.gl之上,它可以渲染数百万个点。作为一个 React 组件,它使用 Redux 来管理其状态和数据流,这为自定义任何其他 Redux 状态提供了灵活性。
要使用 kepler.gl,只需在 UI 中安装 kepler.gl React 组件,并在根 reducer 中安装 kepler.gl reducer。
该库推荐用于大型应用程序和个人项目,并且由 Uber 的开发人员维护得很好。
与其他数据可视化库相比,使用 kepler.gl 需要一些时间。
3、reaviz
GitHub Stars: 507
这个库在底层使用 D3js 进行计算,它提供了我们在应用程序中可能需要的所有基本图表。多种图表类型可用于大量自定义选项。在这个列表中,这个库对图表非常有效,与其他库相比,实时编辑数据也很容易。
4、fusioncharts
GitHub Stars: 8.8K
作为 React Native 开发人员,是我个人最喜欢的图表库之一,该库提供了所有基本功能以及触手可及的良好文档。
Fusioncharts 支持大量图表类型和地图,可轻松集成到任何技术堆栈。
如果您正在开发大型生产应用程序,那么我建议您使用这个库,因为即使在低性能设备上,图表也能呈现出魅力。
5、react-vis
GitHub Stars: 8.1K
React-vis由 Uber 开发人员构建的另一个很棒的库,具有一些很棒的功能,react-vis 使用简单且灵活,对 React 生态系统不熟悉的初学者可以轻松地开始在移动和 Web 应用程序上构建图表。
它非常简单,您不必非常擅长 React,因为您的第一次可视化不需要任何 React 库的深入知识。
它还提供了一组基本构建块,使入门更容易。例如,单独的 X 和 Y 组件提供了对图表布局的高级控制。
它支持 React 的生命周期,并且不会创建不必要的节点。
6、react-flow
GitHub Stars: 8.8K
一个非常有趣的库,您可以在其中在 React 应用程序中构建基于节点的图表。它易于使用,具有无缝缩放和平移功能以及单一的多项元素选择。
在使用基于节点的图时,您可以获得可定制的节点和边类型,即使在低性能设备上也能立即呈现。此外,它是用 TypeScript 编写的,并使用 cypress 进行了测试。
学习更多技能