React 是 2021 年网络上最流行的前端开发框架之一。它是一个免费的开源前端 JS 库，用于为单页应用程序 (SPA) 构建交互式用户界面。

（它的日益流行是因为它可以由对 HTML 和 JavaScript 有基本了解的用户使用！）

但不仅如此，React 数据可视化还凭借其独特的特性（例如虚拟 DOM 和 JSX）变得高效。可视化大量数据可能是一项乏味的任务！

最重要的是，处理数据集可能既耗时又令人沮丧。与所有流行的 JavaScript 前端框架（如 React、Angular 和 Vue）兼容的图表解决方案可以使工作更轻松、更快捷。

为此，我们的 LightningChart 团队已经维护了一个 LightningChart JS <-> React 项目模板很长时间了。 

在过去的几年里，我们已经在各种开发者论坛上听到了很多声音，似乎很多人仍然没有意识到 React 中高性能数据可视化的现代可能性！

因此，我们决定创建一个小型示例存储库，展示一个简单的用户界面，其中包含一个嵌入式热图图表。

有趣的是，您可以在此帖子中看到此应用程序的运行情况！

默认情况下，此热图图表有 100 万个数据点 - 但是，如您所见，加载是即时的。

此外，我们在 LightningChart 最近举办了一场对不同热图图表提供商和开源工具的公开性能比较。 结果甚至让我们感到惊讶 - 我们的热图图表比普通 JS 图表库（是的，商业和开源）效率高 1000 倍以上。

此外，此 React 应用程序用户界面允许您通过修改行数和列数来探索不同的热图大小。 所以继续看看你能得到多远（但是，如果你超过 5000 万个数据点左右，你的浏览器可能会耗尽内存并崩溃，它也可能需要一段时间来生成随机 测试数据）。

您可以在我们的 GitHub 存储库库中找到此应用程序的源代码，这对于在 React 应用程序中嵌入图表来说是一个很好的开始！

为什么要将 LightningChart 嵌入到您的应用程序中？

以下是您可能想要尝试将 LightningCharts 嵌入应用程序的一些原因：

• 我们已经设计了我们的图表，以最小的网站压力运行，同时支持以前看不见的数据可视化应用程序，例如具有数百个高分辨率（1 kHz 及更高）数据源的实时图表。

• 我们支持 Web 图表中最流行的图表类型和数据可视化功能。

• 这是免费的！对于尝试我们的图表或将它们用于非商业应用程序的每个人，我们提供完全免费的社区许可证，无需凭据、无需注册和许可软件安装！

• 最后但并非最不重要的，这很容易！我们目前有12个数据可视化框架开发模板，可以让您在不同的框架和平台上进行开发，涵盖浏览器数据可视化、服务端渲染、跨平台桌面应用等各种需求！

• 您可以轻松地将我们的图表插入您现有的或新的用户界面。

• 流式传输具有数百万甚至数十亿数据点的静态和实时数据源。