在 ReactJS UI 中显示数据可视化（图表和统计数据）

Question

我在ReactJS中有一个表单，提交后，表单数据会发布到Django后端。

我的要求是，我需要对提交的表单数据进行数据分析和可视化，并且数据已经存在于之前提交的数据中。

我可以在 Django Rest Framework 中构建数据可视化吗？或者我可以在 Pandas 库中进行数据分析和可视化吗？但不确定如何构建 API，以便在表单提交后将这些数据可视化显示给 ReactJS ui。

或者谷歌或Azure云提供api用于在云端构建数据可视化并将其公开为api？

请让我知道，如果有任何示例或参考 github 项目，将会有所帮助。

Answer 1

您能否构建一个在后端使用 DRF 并在前端使用 React 的数据可视化应用程序？

是的。我将简要描述一下流程。

简易模式（在服务器上进行数据计算）：

1. 在 React 中提交表单。
2. 数据在 DRF 中处理。
3. 您在请求处理中进行所有计算。是的，您可以使用任何 ML/数据科学库。但是，所有计算都应该很快，并且不应该使用大量资源。
4. 您将分析结果作为 JSON 返回。
5. 在 React 端，您从服务器获得响应。您可以将结果显示为图表（数据可视化）。

第 4 点从服务器返回的响应可能已经为图表库准备了 JSON。

对于图表，我可以推荐 Plotly：https://plotly.com/javascript/react/ 您也可以在 Jupyter notebook 中使用 plotly 来创建分析原型。

困难模式： 您的数据分析部分需要大量时间并且需要计算资源。然后你应该使用一些后台处理库（例如 Celery）。这有点复杂。你应该在 React 端进行长轮询。

顺便说一句，我正在处理Django+React tutorials how to build real SaaS applications from scratch。希望以后能写出与您的用例类似的内容。

如果您还有其他问题，请随时提问。我很乐意提供帮助！