【问题标题】:using cartogram.js for visualizing information in a global map使用 Cartogram.js 在全局地图中可视化信息
【发布时间】:2013-09-09 21:17:43
【问题描述】:

我正在尝试修改此示例 http://prag.ma/code/d3-cartogram/ 以显示 2002 年、2005 年和 2010 年世界各地的肥胖信息。这是可视化:http://datauy.github.io/obesity-cartogram 带有指向同一页面中代码的链接。

我要解决的问题是,形状并没有像原始示例中的 alberusa 投影那样扭曲。颜色似乎映射得很好,但由于某种原因我无法扭曲地图。我尝试更改比例并查看 Cartogram.js 代码,但我没有看到任何可能的问题。如果我将数据更改为具有更大的差异,那么我会看到颜色差异,但没有任何形状。

有什么线索吗?谢谢!

【问题讨论】:

  • 如果您使用 albers USA 投影,它是否有效?
  • 也许这就是问题所在。我认为您可以使用阿尔伯斯投影整个世界而不仅仅是美国。我尝试了 equirectangular 投影,但我遇到了同样的问题。 github.com/datauy/obesity-cartogram/blob/master/index.html 中的代码使用的是等角投影。您对在这种情况下使用其他投影有什么建议吗?
  • 它应该适用于任何投影,这就是我问的原因。
  • 这里有一个世界地图制图示例,它改编自相同的代码th-mayer.de/cartogram 它使用墨卡托投影,尽管我也认为它应该适用于任何投影。您可以尝试使用该示例中的 shapefile。

标签: javascript d3.js visualization cartography cartogram


【解决方案1】:

问题是由于斐济和俄罗斯的项目范围跨越边缘并返回左侧边界。当 cartogram.js 计算完成时,路径中有一个负值,这会导致问题。我正在尝试自己解决它,并会尽快更新。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-12
    • 2016-05-02
    • 1970-01-01
    • 2016-01-30
    • 1970-01-01
    相关资源
    最近更新 更多