使用React构建与激动人心的数据集交互的界面
使用React构建数据集交互界面
数据教程
使用Web开发创建更动态的数据可视化体验
除了我的全职工作是一家小型机器学习公司的首席执行官之外，我的业余爱好是创建漂亮的数据可视化。
我通常使用Matplotlib来实现，但这次我想创建一个更交互式的体验。
由于我喜欢Web开发和设计，我决定为世界银行的人口估计和预测数据集创建一个React应用程序。
这是一个非常有趣的数据集，你可以查看从1960年到2022年的所有国家和地区的人口金字塔，还包括到2050年的预测。它采用了知识共享署名4.0许可。
这也是一个非常适合交互界面的数据集，人们可以快速更改年份和地区。
在本文中，我将分享我的工作见解和所学到的知识。
如果你想测试解决方案，可以在这里找到它：https://datawonder.io/population-pyramids
让我们开始吧。
第1部分：准备数据
我想创建一个简单而快速的后端，用于为前端提供数据，而无需进行任何耗时的预处理。
相反，我的想法是提前处理所有数据，并在应用程序启动时将其全部加载到内存中。
世界银行的数据始终有一组指标，而我想要的指标具有以下格式：
人口年龄<年龄组>，<性别>
有17个年龄组，范围从0-4岁到80+岁。每个指标都有一个独立的列，对应每年的数据，就像下面的pandas数据帧中所示。
由于我清楚地知道需要数据的哪些部分，并且不想进行任何过滤或其他操作…
