问题标签 [choropleth]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1070 浏览

r - R /传单中的TopoJSON choropleth?

是否可以使用 R/leaflet 从其特征中为 choropleth 设置 TopoJSON 文件的样式?尝试了一些东西,我不确定这是否是不可能的leaflet包,或者我只是没有正确的语法,特别是访问属性以输入pal()函数。这是我所拥有的:

这会引发一个错误:

我还尝试使用 fromJSON() 将其转换为 R 对象 topojson 并添加样式元素,但是在我尝试使用 toJSON() 将其发送回之后,它不会加载。

不确定是否相关,但 topojson 是从按照此处的说明制作的 shapefile 创建的:

与 cl:

然后读入readLines().

最终试图把它扔进一个闪亮的应用程序中。这是我一直在关注的一些示例。

0 投票
1 回答
1327 浏览

d3.js - dc.js geochoropleth 地图缩放

我有一张地理地图。一切运行良好,但绘制的地图非常小。我检查了 GEOJSON 是否有错误,它工作正常。在 JS Box 中有一个正常工作的 Demo,它被注释掉以查看一个工作示例。

如何让我的地图放大以填充我的 svg?

http://codepen.io/MichaelArledge/pen/VeeVmY?editors=011

0 投票
3 回答
4693 浏览

r - 并排绘制 2 个 tmap 对象

例子:

我想并排绘制两个由此代码生成的tmap图。

plot1plot2作为单个独立地块正常工作: 在此处输入图像描述

问题:

我无法将两个图并排放置。我试过:

grid.arrange(plot1, plot2)通过一个错误Error in arrangeGrob(..., as.table = as.table, clip = clip, main = main, : input must be grob!。我认为这应该可以工作(使用gridExtra),因为tmap似乎基于grid graphics system.

par(mfrow=c(1,2))不起作用,因为它只显示一个情节(猜想这是相关的,因为tmap情节不遵循base graphics system)。

问题:

如何绘制对象plot1plot2并排(ncol=2)?

更新

关于建议的基于网格的解决方案,我得到重叠的图而不是两列排列的图。

在此处输入图像描述

0 投票
1 回答
96 浏览

google-visualization - 如何在 Google 可视化 choropleth 上获取美国各州

我正试图对美国各州的药物死亡率进行编排。但是,我无法让州边境出现,只有阿拉斯加和夏威夷,我似乎无法弄清楚为什么。不过,这有点新,所以希望有人能提供帮助!

这是我的代码:

谢谢!

0 投票
1 回答
345 浏览

r - Shiny 中的 rMaps:图例和标签未显示在闪亮应用程序中的美国 choropleth

图例和标签(州缩写)没有在闪亮的应用程序中显示在美国 choropleth 中。但是,当我在 RStudio 控制台中的 global.R 函数中运行代码时,标签和图例都显示得很好。请帮忙!

这是代码:

全局.R

服务器:

用户界面:

0 投票
1 回答
920 浏览

d3.js - 为 DC.JS Choropleth 图表着色

尝试为 DC.JS 等值线图着色。默认 colorAccessor 不起作用,我无法让事情正常工作。任何帮助都将是巨大的。我觉得一些自定义减少功能是必要的,但我不太确定如何或在哪里。

http://codepen.io/MichaelArledge/pen/vLKZzE?editors=001

0 投票
0 回答
141 浏览

r - 绘制等值线图 - ggmap 中的“美学错误”

每个人!

我正在尝试创建丹佛都会区的等值线图,按人口普查区显示不同的住房价值。当我尝试映射时,它给了我'Error: Aesthetics must be either length 1 or the same as the data (83658): x, y, group, fill'... 如何解决这个问题,以便我可以创建可视化地图?

我阅读了各种问题,但似乎没有一个可以帮助回答这个问题。建议将不胜感激。下面是 20 个(共 588 个)数据点的样本。

谢谢!

1.加载包

2.选择、定义、绘制初始地图

3.从shp文件导入多边形

4.创建初始人口普查区地图

5a. 导入丹佛房屋数据,将一个变量数值化,并与人口普查 shapefile 合并

6.创建等值线图

GEO.id GEO.id2 GEO.display-label YEAR HD01_VD01 HD02_VD01 1400000US08001007801 8001007801 Census Tract 78.01, Adams County, Colorado 2013 150300 40311 1400000US08001007802 8001007802 Census Tract 78.02, Adams County, Colorado 2013 114700 4570 1400000US08001007900 8001007900 Census Tract 79, Adams County, Colorado 2013 118600 8228 1400000US08001008000 8001008000 Census Tract 80, Adams County, Colorado 2013 139000 10440 1400000US08001008100 8001008100 Census Tract 81, Adams County, Colorado 2013 29800 105549 1400000US08001008200 8001008200 Census Tract 82, Adams County, Colorado 2013 145100 6189 1400000US08001008308 8001008308 Census Tract 83.08, Adams County , 科罗拉多州 2013 46300 67342 1400000US08001988700 8001988700 人口普查区 9887, 亚当斯县,Colorado 2013 - ** 1400000US08001008309 8001008309 Census Tract 83.09, Adams County, Colorado 2013 36600 18824 1400000US08001008353 8001008353 Census Tract 83.53, Adams County, Colorado 2013 134600 8921 1400000US08001008401 8001008401 Census Tract 84.01, Adams County, Colorado 2013 241300 43038 1400000US08001008402 8001008402 Census Tract 84.02, Adams County, Colorado 2013 215900 15189 1400000US08001008505 8001008505 Census Tract 85.05, Adams County, Colorado 2013 174100 6525 1400000US08001008506 8001008506 Census Tract 85.06, Adams County, Colorado 2013 157300 15556 1400000US08001008507 8001008507 Census Tract 85.07, Adams County, Colorado 2013 177800 5644 1400000US08001008508 8001008508 Census Tract 85.08,亚当斯县,Colorado 2013 188700 10424 1400000US08001008523 8001008523 Census Tract 85.23, Adams County, Colorado 2013 268500 29657 1400000US08001008524 8001008524 Census Tract 85.24, Adams County, Colorado 2013 231200 4994 1400000US08001008526 8001008526 Census Tract 85.26, Adams County, Colorado 2013 284900 14945

0 投票
1 回答
8899 浏览

python - 使用 folium 和 pandas 的 Choropleth 地图

我正在使用folium创建一组国家的等值线地图。我正在关注文档。然而。由于某种原因,地图没有显示任何阴影。我正在使用来自自然地球的世界 geojson(参见要点)。

我的数据框看起来像:

世界 geojson 看起来像:

choropleth 代码的相关部分如下:

但是,我没有得到任何等值线结果,只剩下如下的基本国家地图弦波输出

有什么我做错了吗?

[编辑]

我解决了这个问题。为了绘制choropleth我需要只保留那些geojson也在我的数据框中的键。

0 投票
0 回答
107 浏览

javascript - D3 中具有时间分量的 Choropleth 示例未显示数据

我有这个直接的例子,我想用我的数据和我的 topojson 代替。我加载了数据,但可视化无法正常工作。 数据加载正确

记录 dataRange() 给出了我的 -INFINITY,INFINITY,所以测距的某些东西不起作用,但我看不到它是什么。

那么错误在哪里呢?你可以在这里找到完整的数据(地图等)

编辑 2

要旨

0 投票
2 回答
1974 浏览

mapbox - 使用 MapBox GL 的数据驱动地图(带底图和快速的等值线)

tl;dr 版本:我们如何使用 MapBox GL 构建快速的等值线地图?

@RyanBaumann 发布了一个示例:参见https://ryanbaumann.squarespace.com/blog/2016/1/23/mapbox-gl-create-data-driven-styles

但是这个例子显示了直接在 javascript 中加载 GeoJSON 文件。关于如何处理大型 GeoJSON 文件的一个问题。假设您有一个 18M GeoJSON 文件。并且您想查看地图和数据驱动样式并高效地完成这一切。

例如,我加载了一个大的 GeoJSON 文件:

https://cityregister.firebaseapp.com/recentsaleslocal.geojson

在此地图框样式中:

https://api.mapbox.com/styles/v1/fedex1/cijrx09ej007o90lx1g1m5b0j.html?title=true&access_token=pk.eyJ1IjoiZmVkZXgxIiwiYSI6ImNpam5jZXZvczAwZnd0b201ajhybXE0OW8ifQ.IumX7VWjU#71UjEsKTN0406w/71UjEsKTN04b

它会立即加载,并且不会在加载时通​​过网络传输整个 18M。

但是当我使用 Ryan 展示的方法时,似乎我必须在加载时通​​过网络加载整个 18M 文件。这要慢得多,尤其是在慢速网络上。

我想知道有没有办法让数据驱动的样式和来自 mapbox 的底图都在同一张地图上?

这里有一些例子:

https://cityregister.firebaseapp.com/map.html(立即加载,有底图,全部驻留在 mapbox studio 服务器上。没有数据驱动的风格

https://cityregister.firebaseapp.com/testmapboxlayerchoropleth.html(加载速度很慢,有底图,mapbox 上的底图,另一台服务器上的 geojson。使用数据驱动风格 https://cityregister.firebaseapp.com/testmapboxlayerchoropleth.html(立即加载,没有底图,似乎都是 mapbox-gl 生成的,使用数据驱动的风格。

我的问题是如何获得 mapbox 的速度和数据驱动的样式以及带有街道的基本地图等。

谢谢。

上面的地图图片。

快速的纽约地图,但不是数据驱动的

快速的纽约地图,但不是数据驱动的


快速的纽约 choropleth 但没有底图

快速的纽约 choropleth 但没有底图


慢 choropleth 通过网络加载 18M

慢 choropleth 通过网络加载 18M