javascript - d3.js 中的地理图表

标签 javascript d3.js

我正在寻找一些指导或示例,了解如何在 d3.js 中制作地理图表。 我需要类似 this one 的东西在谷歌图表中,并转向 d3.js 因为我需要一些定制。到目前为止,我找到的最接近的 d3.js 样本是 this但是那里的代码很长,我希望找到更简单的东西。

最佳答案

您在寻找等值线图吗?这是一个 recent example in 28 lines of code .

此示例使用默认投影 d3.geo.albersUsa ,这是美国包括阿拉斯加、夏威夷和波多黎各的综合预测。如果你想改变可见区域,你可能还想改变投影; d3.geo.albers适用于分区统计图,因为它是等面积的。 albers 投影可让您设置 origin这样您就可以专注于全局的特定部分,并且所有投影都允许您指定 scaletranslate在屏幕上定位 map 。

如果你想显示一张世界地图,我也会看一下正在进行的开发 extended projections plugin .这增加了许多有用的 map 投影,特别是对于世界地图,例如 Winkel Tripel . D3 的下一个版本还将包括一些令人兴奋的新功能,例如任何投影的三维旋转(包括经线切割;尝试 dragging this example )、adaptive resampling和改进的剪裁。

至于为等值线着色,您当然可以通过将“填充”样式重新定义为数据的函数来为地理特征着色。

关于javascript - d3.js 中的地理图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12648032/

相关文章:

javascript - d3js过渡步骤函数

javascript - 将缩放行为添加到自定义 map 点

class - D3.js 检查节点是否有类

javascript - 为什么 Bootstrap 日期选择器在这里不起作用?

javascript - 如何在 StackedAreChart 中使用 nvd3.js 制作 xAxis 每小时刻度(如 0,1,2,...,23)?

javascript - 如何为 D3 子弹图内联数据

javascript - 需要添加触摸事件吗?

javascript - 如何将数据 block 发送到 AWS

javascript - 如何检测后退按钮

javascript - AngularJS 中的字符串比较