9、使用 Recoil 和 D3 创建可视化图表及世界地图

使用 Recoil 和 D3 创建可视化图表及世界地图

1. 使用 Recoil 创建直方图

要使用 Recoil 创建直方图，需创建 HistogramWidget 自定义组件，涉及以下三个文件：
- Graph.tsx ：组件文件
- Graph.scss ：样式文件
- Graph.test.tsx ：Jest 测试文件

使用 CRA MHL 的模板可快速生成这些文件，运行以下命令：

$ npx generate-react-cli component HistogramWidget --type=recoil

输出结果如下：

Stylesheet "HistogramWidget.scss" was created successfully at src/components/Graph/HistogramWidget.scss
Test "HistogramWidget.test.tsx" was created successfully at src/components/Graph/HistogramWidget.test.tsx
Component "HistogramWidget.tsx" was created successfully at src/components/Graph/HistogramWidget.tsx

Histo