D3:按美国各个州绘制热图
d3: draw heat map by US individual state
我正在使用这个GeoJSON http://eric.clst.org/wupl/Stuff/gz_2010_us_050_00_5m.json
.由于它提供了有关美国县的数据,因此当我绘制路径时,美国被划分为县。但是,有没有办法只按状态绘制路径?然后,当用户单击某个州时,地图将放大并显示该州的热图。
这是我写的画路径:
d3.json("http://eric.clst.org/wupl/Stuff/gz_2010_us_050_00_5m.json", function(data) {
svg.selectAll("path")
.data(data.features)
.enter()
.append("path")
.attr("d", path)
.style("stroke", "black")
.style("stroke-width", "1");
.style("fill", "orange");
});
我真的很感激任何建议。谢谢!
似乎您拥有的 geojson 是按县划分的,解决此问题的简单方法是寻找各州的 geojson,无论如何,这里有一个链接可能会对您有所帮助。并且还包含各州的地理。D3 中的地理映射
相关文章:
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 有没有一个javascript图形绘制库可以进行气球树布局
- 使用相同的数据集绘制各种符号
- 使用onclick绘制SVG路径
- 在谷歌地图上绘制位置数据库
- 用chart.js绘制条形图
- “可绘制地图”设置地图选项“纬度-经度”
- 多维数据集网格未在指定的分区中绘制
- 使用谷歌图表在x轴上绘制日期
- 使用fabric.js从矩形区域获取对象,并将该区域绘制到画布上
- 如何在React Native中绘制图形
- 画布中绘制的矩形区域的弹出工具提示
- 如何在OpenLayers中获取动态绘制的多边形的坐标
- 画布:逐像素绘制图像并请求动画帧计时
- D3从嵌套的JSON中绘制第二个圆环图
- 如何用d3.js绘制折线图
- D3:按美国各个州绘制热图
- ASP.NET 或Javascript库,用于在美国地图上以颜色绘制自定义零件
- d3 -如何调整从完整的美国clipPath绘制的单个州地图的大小
- 为什么这9个美国城市在D3地图上没有对应它们的实际位置,而我用Albers美国投影来绘制它们