如何设计类似于WHO冠状病毒病（COVID-19）仪表板的React组件？

Question

我想设计一个类似于的地图组件

WHO冠状病毒病（COVID-19）仪表板图组件。针对特定国家/地区，可以根据道具选择不同的地区。

WHO Coronavirus Disease (COVID-19) Dashboard

任何参考或指导将大有帮助。我不知道这样做。不要投票

Answer 1

首先，您将需要一个https://d3js.org/之类的图表库来启用绘制图形的功能。我发现D3js是所有库中最灵活的。

然后，您可以将数据库中的数据集成到库提供的绘图方法中

D3js图的示例：

1. https://observablehq.com/@d3/bubble-map
2. https://observablehq.com/@d3/spike-map

其他绘图库

1. Google图表：https://developers.google.com/chart/interactive/docs/gallery
2. 高位图表：https://www.highcharts.com/demo/maps
3. JS制图：https：//jscharting.com/examples/chart-types/geographic-map/
4. 密谋：https://plotly.com/javascript/