问题标签 [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 投票
0 回答
384 浏览

javascript - dc.js 将 GeoChoroplethChart 拉伸到全屏

我正在尝试使用 d3.geoChoroplethChart 创建世界地图。我的问题是我无法将其拉伸到全屏。我正在设置图表的宽度,而 svg 正在接受设置,但底层的 g 元素没有。我假设它使用投影和设置的宽度来计算它的大小。

我正在使用的投影

这是图表代码

我从这里使用geoJSON http://geojson-maps.kyd.com.au/

我错过了什么吗?

0 投票
2 回答
283 浏览

postgresql - PostgreSQL Choropleth 分箱

对于具有六个 bin 的 choropleth 地图,我一直ntile()在 PostgreSQL 9.4 中使用将每个值放入其各自的组中。

结果:

但我最近遇到了 CartoDB ( https://github.com/CartoDB/cartodb-postgresql/blob/master/scripts-available/CDB_QuantileBins.sql ) 提供的一些分箱 SQL 函数,我想将此函数合并到我的应用程序中。我遇到的问题是 CartoDB 函数返回一个数组,此时我必须找到一种方法将每个值放入各自的 bin 中。是否有本机 SQL 方法来执行此操作,可能使用window函数,还是应该使用自定义函数来完成?

结果:

0 投票
1 回答
1391 浏览

r - Choropleth 邮政编码

我正在尝试在弗吉尼亚州的部分地区创建一个邮政编码的等值线,以显示一些公司数据。除了最后一行,我可以让所有东西都正常运行aes(fill = growth)。在那里,我收到一个错误:

错误:美学长度必须为 1,或与 dataProblems:growth 长度相同

这是我的数据:

我的代码:

0 投票
0 回答
320 浏览

d3.js - D3 choropleth 工具提示 - 更改默认“未定义”

我制作了一个工作 choropleth 世界地图,以显示哪些国家对某个过程做出了贡献(主要遵循这个有用的示例:https ://suffenus.wordpress.com/2014/01/07/making-interactive-maps-with-d3-对于总初学者/)。

我最终得到成对的值,例如:美国:10

如果一个国家没有参与或不在我的名单上,是否可以将工具提示从“未定义”更改为“0”(零)或“N/A”等?

与工具提示调用相关的代码部分在这里:

实际上,我什至不确定从哪里开始,但是如果我想出任何有用的东西,我会修改这个问题。

谢谢。

0 投票
1 回答
359 浏览

r - 如何在 R 函数 spplot 中编辑调色板栏?

我正在使用 R 包 GWmodel。在绘制 GWR 的输出时,我发现自己无法编辑 ssplot 函数中的侧栏。

我正在使用的几行代码(数据已经在包中)就足够了。您只需要安装 GWmodel 库:

结果如下:

在此处输入图像描述

正如您在 spplot 函数中看到的,参数 at 的值是 c(fivenum(gwr.res$SDF$Unempl)),它对应于 gwr 中的最小值、第 1 个四分位数、中位数、第 3 个四分位数、最大值。 res$SDF$Unnempl。查看图表,我们可以看到颜色将此划分为 4 个类(使用参数 cut = 4 at = c(fivenum(gwr.res$SDF$Unempl)))。

我想做的是用调色板编辑侧栏,并用 c(fivenum(gwr.res$SDF$Unempl)) 中的值添加替换 6,4,2,0,-2,它们是:

-2.427,-0.916,-0。6.706, -0.494, 7.566

0 投票
1 回答
100 浏览

javascript - d3 +传单路径填充问题

我正在使用 Leaflet 作为基础层和 d3 topojson 文件制作延时填充地图,以便我可以在某些国家/地区着色。我使用http://bost.ocks.org/mike/leaflet/开始,一切都很顺利,直到我尝试在俄罗斯联邦遮阴。它的陆地跨越不连续的瓷砖,当我尝试向我的#RUS 路径添加填充样式时,它的行为异常。示例在这里:http ://dataviz.du.edu/projects/scratch/study_abroad.html 示例将需要 1.5 秒才能完全渲染,它为 3 个国家着色,最后是俄罗斯联邦着色。

此示例使用我在其他纯 d3 项目中使用过的 topojson 文件,并且在这些上下文中填充了#RUS,而没有此问题。

任何人都可以帮忙吗?提前致谢。

0 投票
1 回答
5405 浏览

r - plotly choropleth map:显示国家名称

考虑以下 R 代码以在 plotly 中生成等值线图:

是否有一个内置选项可以在地图上显示国家名称?如果不是,那么编码这个的聪明方法是什么?

查看示例:https ://plot.ly/r/choropleth-maps/

plotly 的安装说明:https ://plot.ly/r/getting-started/

0 投票
0 回答
113 浏览

geolocation - 是否可以仅从一组长/纬度坐标创建等值线图?

我想在地图上可视化一些点。不幸的是,没有与每个相关联的一致地址。我使用 Google Fusion 表粗略了解了点的位置,并且对大多数点的大致位置相对满意(有时 Google 根据地标确定它们的位置,有时根据提供的交叉点,有时是街道地址等)。

那么,我的目标是创建一个城市(在本例中为纽约市)的等值线地图,显示每个街区的点数。是否可以通过以某种方式计算每个邻域内的点数来做到这一点?

我怀疑如果融合表给我一个合格的视觉效果,我也许可以以同样的方式使用谷歌的地理编码服务来计算每个区域的点数,然后用它来构建一个等值线(不是热图——我在进行某种程度的互动,比如每个社区的工具提示)。

有什么办法可以做到这一点,或者我有办法吗?

0 投票
1 回答
903 浏览

javascript - Leaflet - 从静态文件和 API 调用中获取数据以构建等值线图

我有 2 个带有 JSON 数据的数据源。一个是静态文件,包含这样的国家边界:

静态文件

一个包含该国家应该使用的填充颜色的密度信息,其中“计数”是我需要的值。这是一个 kimonolabs api,并通过 $AJAX 请求调用:

API 答案

对于地图,我正在遵循本指南:教程

包含 API 调用的 JS 文件

编辑

为此添加了一个 plunker:http ://plnkr.co/edit/98OiwqYBr7pP478tJAtl?p=preview

getColor(feature.properties.density)本质上是我的问题。Leaflet 正确绘制了国家边界层,但“密度”信息来自 ajax api 调用,不包含在 wordlboundaries 数组中。我如何告诉它查看 api 结果并使用正确国家的“计数”值来适当地为地图着色?如何稍后在另一个函数中访问 ajax 调用中的变量/我是否必须将其中的每个函数都放入 ajax 调用中?Country Border 文件包含世界所有国家,其中 api 请求不包含所有国家。感谢您的想法!

0 投票
1 回答
1087 浏览

r - 使用 ggplot2 按邻域绘制收入图

我有俄克拉荷马城不同部分的平均收入数据,我正在尝试创建该城市的等值线。这是数据。

我是 ggplot2 的新手,似乎无法让它正常工作。我可以使用 spplot 创建一个等值线,但我想用 ggplot 制作一个,这样我就可以将它与其他地图分层。

编辑:忘了包括我正在尝试创建一个以中等收入作为填充的等值线。mdat2 数据框中的收入中位数为 B19013_001。INTPTLON 向量是城市不同区域的经度坐标,INTPTLAT 是纬度坐标。 是我在 spolot 中创建的绘图示例。我正在尝试在 ggplot 中做类似的事情

以下是 mdat2 的前 10 个观察结果: