问题标签 [datamaps]

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 回答
69 浏览

d3.js - compare class of path elements to a dataset

I am really new to d3 and I want to make a choropleth map with the d3 datamaps so if have to compare the classes of the pathways to my dataset. So far I did manage to get the path's

html

js code

Country is an array containing 177 elements one element in country has this form:

i want to see if the country code in the class (e.g. AFG) matches one in my dataset.

Country.class gives undefined

I am probably missing something really obvious

0 投票
1 回答
96 浏览

jquery - 未突出显示的状态

我想突出显示印度的一些州。当我执行我的代码时,它在控制台中没有显示错误,但状态没有突出显示。请帮助。

0 投票
1 回答
833 浏览

javascript - Datamap - 根据值更改颜色

我在这里遇到了一个数据图示例并尝试对其进行编辑。我需要根据值更改状态颜色,范围从深蓝色到浅蓝色。

眼下,

数据有,

但是是否会根据 userVisits 生成蓝色阴影?

0 投票
0 回答
1003 浏览

javascript - Datamaps 中的自定义地图

您好,我正在使用 d3 js 和数据地图,我想展示世界上少数几个国家。我已经检查了在线论坛的帮助,但没有得到明确的想法或回应。

源代码 :

它将显示所有国家/地区。但我想展示几个国家。我怎样才能通过那里的国家名单?我认为在 custom.json 或 topojson 的帮助下。我不知道。如果您有任何解决方案或指导,请告诉我。

0 投票
1 回答
674 浏览

javascript - D3.js 通过 SVG 在一个州上加载具有初始缩放的美国地图

我有一张使用 DataMaps https://github.com/markmarkoh/datamaps创建的 DJ.js 美国地图

我需要加载不同状态的初始缩放地图(我正在制作多张地图)。我只能找到滚动和单击缩放的文档,但从来没有找到带有状态缩写(datamaps-subunit)的初始加载。

我的默认配置是

我想我可能需要使用setProjection,但我不确定如何在状态中使用它。

0 投票
2 回答
280 浏览

javascript - Clojurescript 与数据图集成设置 svg 宽度和高度 0

我们正在从 clojurescript 渲染数据映射,它的行为很奇怪。数据映射具有从 clojurescript 传递的元素,但它正在以宽度和高度 = 0 呈现。

传入元素的代码是:

此处调用的 globe.js 具有如下渲染功能:

我们被困在这几天了。它在页面重新呈现时起作用,仅在第一次不起作用时。

此外,渲染函数正在获取具有正确宽度和高度的 div 元素,我们通过 console.log 检查

0 投票
1 回答
1695 浏览

javascript - 如何在 clojurescript 中包含外部 JavaScript 库

我们正在尝试在当前用 angularjs 编写的项目中引入 clojurescript。我们正在使用外部 javascript 库 - 数据映射。我们使用 :foreign-libs 编译器选项以下列方式获取依赖文件:

我们正面临一个错误,上面写着:“无法读取未定义的属性‘世界’”

我们将这个问题缩小到 datamaps 文件中的一个问题,我们认为这是因为在 foreign-libs 选项中我们提到了特定的 datamaps.js 文件,但是我们错过了 datamaps 文件夹中的其他文件,因此没有准确地编译整个库。

有没有办法将整个库包含为依赖项而不仅仅是单个文件?

0 投票
1 回答
767 浏览

d3.js - 数据地图 - 虚线动画弧

帮助,

我正在使用数据地图创建世界地图,并且我有从点到点的实线弧。它们是动画的,因此它们被绘制在页面上。但是,尽我所能,我无法找到一种方法使弧线变为虚线,以便动画看起来像虚线在一个点到另一个点的方向上移动。无论如何,我找不到这样的例子,我想给出运动的错觉,数据沿着弧线从一个点连续流动到另一个点。这在数据图中甚至可能吗?那里有例子吗?我必须在谷歌上搜索错误的东西,因为我缺少答案。

0 投票
0 回答
480 浏览

javascript - Datamaps JS 定期从 json 文件中动态获取数据

我希望能够创建一个动态威胁图来显示网络攻击。我能够创建地图并直接显示所有坐标,但我如何动态地实现它?

  1. 如何从包含 json 数据的文件中动态获取
  2. 使用哪个服务在地图上动态绘制弧线
  3. 我应该使用 socket.io 进行实时编程以便同时将数据输入数据库吗?

我正在尝试实现这样的目标:https ://threatmap.checkpoint.com/ThreatPortal/livemap.html

任何帮助表示赞赏。谢谢!

0 投票
1 回答
115 浏览

javascript - D3 datamaps 数据结构(多年,所有国家)

我需要有关如何正确设置数据结构的帮助。我正在尝试使用 D3 来制作数据图和散点图(使用链接视图)。我使用的数据集如下所示:

预期寿命(出生时):

国家代码:

用于医疗保健的 GDP 百分比:

我尝试了什么 (1/2) 按照老师的建议,我最终编写了以下代码:

使用它,数据结构如下所示:

但是,我发现 D3.datamaps 可以工作,

我需要以下结构:

我尝试了什么(2/2)

但是最后一段代码只是给了我:

我只得到 1995-2016 年的字典,全都是南苏丹的值。更奇怪的是,南苏丹不是国家代码列表中的最后一个变量。

完整数据集:

https://github.com/JappaB/DataProcessing/tree/master/Homework/week-6