visualization相关内容

定向图 - 节点级CSS样式

我发现这个优秀的示例和示例代码用于绘制有向图 - http://bl.ocks.org / cjrd / 6863459 但是,graph-creator.css文件为所有节点定义了一个全局样式。如果我想为所有其他节点的某些“特殊”节点分配不同的样式(我希望它们是不同的形状,不同的颜色,如果可能的话还有不同的透明度)。我将如何修改此代码以添加这些节点特定的效果? 解决方案 为了实现目标, ..
发布时间:2017-03-10 22:32:44 前端开发

更新可视化背后的数据

我有一个树布局。如此JSBin http://jsbin.com/AbOmAZE/11/ 在与节点相关联的文本上的点击事件,我想要更新可视化背后的数据(我需要更新树背后的数据布局,因为它用作接口)。我已经实现了重绘和点击事件,但是我不知道如何更新数据,只是从知道点击函数返回的当前选择。 node.append(“text”) .text(function(d){return d. ..
发布时间:2017-03-10 22:21:05 前端开发

使用Chord Diagram可视化通过交通数据

我有玩家之间的传球数据,这里的数据,第一次列和第一行表示玩家人数。 我想要显示此数据,例如 Uber骑。我认为它是用来自Bostock的和弦图构建的。 由于我几乎没有JavaScript的经验,我只是不知道从哪里开始。 如何实现这样的东西? 解决方案 这是我获得的数据 我只是用你的数组替换矩阵数组 [2,3,1,0,0,2,0,6,5,2,5,0,3], [ ..

d3聚类力布局,聚类中心之间的距离

(我是d3js新手) 我使用d3.layout.force可视化一个被分成簇的节点图形,像这样(即使在我的版本中,每个集群的节点保持引力焦点设置为其集群的中心): http://bl.ocks.org/mbostock/1747543 我想要 我为每个集群中心在初始阶段设置了随机点: for(var i = 0; i var baseX = 3 var bas ..
发布时间:2017-03-10 22:10:08 前端开发

D3.js:用鼠标滚轮缩放x轴和数据

我搜索其他相关问题,但是通过我是D3的新手,或者作为编码器生锈,我不能想出来。 我有一个图形,我想通过滚动鼠标滚轮只能在a轴和数据放大。现在,我使整个图形放大鼠标滚轮的滚动,而不是只显示x轴。 编辑:这是我的最终目标,放大/缩小限制(一次只有一件事): http:// mbostock。 github.com/d3/talk/20111018/#15 看起来像这个例子中的代码: ..
发布时间:2017-03-10 21:32:39 前端开发

如何添加d3(javascript)到vaadin应用程序?

晚上好, 我目前正试图将d3的可视化功能添加到我的vaadin应用程序。如果您不知道d3是什么,以下是一个快速链接: http://d3js.org/ p> 但我遇到了一些问题: “d3.v2.js”javascript文件/库,这是必要的开发与d3?我试图将它添加到一个自己的主题(WebContent / VAADIN / themes / myOwnTheme / ..),但 ..
发布时间:2017-03-10 20:32:21 Java开发

在G元素中选择路径并更改样式

基本上,我试图让所有的路径,除了一个被徘徊在灰色,而被选择的一个保持它的原始颜色。我已经能够把所有其他路径灰色,但我有麻烦的“select.this”功能,实际访问我想改变风格的路径。看起来我实际上设法下到g组中的路径元素,但我面临在控制台中的错误 Uncaught TypeError:object'style'of object#不是函数 相关 ..
发布时间:2017-03-10 20:26:43 JavaScript

如何拉取数据从mysql数据库和可视化与D3.JS?

我在 MySQL 中有一个数据库,我想在 D3.JS 中可视化。为了做到这一点,首先我要 parse 中的数据 JSON 格式,然后写一个基本代码拉数据,并用 D3.JS 可视化。我环顾四周,但因为我是 D3.JS 的新手,找不到我想要的。 如何实现?任何帮助或线索赞赏。 解决方案 以下是一个php脚本,您应该能够将其保存为文件说你叫它'getdata.php')可以从您的HTML文 ..
发布时间:2017-03-10 20:18:24 数据库

如何生成图表/图表(如Google Analytics(分析)的访问者流量)?

我想要产生与最近的Google Analytics(分析)「访客流程」类似的图表。这些也称为冲积图。 我可以使用网络或非网络解决方案,只要我可以自己运行。 我想要显示的资料如下: ,我有x1单元,在时间t2分成n1部分 ,n1部分拆分(或合并)为n2部分,x2单元 我想显示拆分/合并发生的位置。 我的数据目前由DiGraph代表 NetworkX ,但这可能是不相关 ..
发布时间:2017-03-10 20:04:01 Python

D3.js强制布局 - 仅显示图形的一部分

早上好, 刚开始的真棒d3js库... 只有具有力定向布局的图的一部分。这个想法是将一个节点声明为“中心”,并显示距离该中心节点两个(例如)距离内的所有节点,中心节点的邻居和邻居的邻居。如果用户点击显示的节点之一,则它变成“新的”中心节点并且显示不同的“子图”。我不知道是否有一个关于实现这种子图布局的示例,如果某种类型的“节点距离”算法已经在d3js中实现。 非常感谢 ma ..
发布时间:2017-03-10 19:40:38 前端开发

如何在D3.js中的强制有向图中的一行中添加文本并渲染该文本?

我想学习如何使用D3.js中的force.layout功能,并且一直在构建一个“强制定向径向图“。 我已经能够成功地附加和渲染节点的文本(例如节点名称),但我似乎不能获取要从线条(或其他人可能称为链接或边缘)呈现的文本(例如关系名称)。 有人知道我在哪里可以找到教学的好例子如何这样做或有代码片段可以纠正我做了什么? 感谢您提供任何帮助。非常感谢。 我的最好, Fran ..
发布时间:2017-03-10 19:24:05 JavaScript

绘制大圆路径

我试图绘制一些基于路径/连接的地图,但我无法弄清楚如何。 我看到很多可能性的一个基于点的指标犯罪热点在伦敦等googleVis,ggmap等),但我找不到两个基于点的指标(城市之间的移民,火车路线等)太多的例子有一个例子与包 geosphere ,但它似乎不适用于 R 3.0.2 。 像这样 D3示例,也想自定义厚度,颜色等。 PS:我不认为 rCharts 可以做 解决方 ..
发布时间:2017-03-10 18:49:34 JavaScript

使用D3绘制简单的时间轴

这正是我要完成的工作: 在此示例中,我有一个开始日期(2011年6月1日),结束日期(2012年7月1日) 每个活动都与日历的一天相关(虽然可能在一天内有多个活动)。 此资料是从MySQL DB撷取。 任何帮助或建议将非常感谢。 解决方案 我最近不得不做类似的事情。我最后写了一个d3插件,可以处理这种情况下,其他几个人。 https://github.com/jia ..
发布时间:2017-03-10 18:40:39 前端开发

使用Crossfilter和D3重绘直方图

我正在调整 Crossfilter 库,以显示我一直收集的一些tweet 奥运会。我试图以两种方式扩展初始示例: 我想要的不是基于原始数据集显示排期列表 在不同的数据源之间切换,并重新加载直方图和表。 我有部分(1)按计划工作。但是,第(2)部分给我一些麻烦。我正在更改数据集,通过选择一个新的“运动”来显示或选择一个新的汇总算法。当切换其中的任何一个时,我相信我应该首先删除以前创建和 ..
发布时间:2017-03-10 18:37:20 前端开发

如何访问与D3 SVG对象相关的DOM元素?

我试图通过尝试使用他们的基本气泡图。第一个任务:弄清楚如何拖动一个气泡,并在它被拖动时成为最顶层的对象。 (问题是得到D3的对象模型映射到DOM,但我会到那里...) 要拖动它,我们可以简单地调用d3的拖动行为使用他们提供的代码: var drag = d3.behavior.drag() .on(“dragstart” ,dragstart) .on(“drag”,dragmo ..
发布时间:2017-03-10 18:12:33 JavaScript

d3.js圆包装沿线

我得到一个数据集,其中每个样本的大小(0-1000)和值(1-5级)。我想要沿线(域轴)显示不同大小的圆圈的数据,很像: http://www.nytimes.com/interactive/2013/05/25/sunday-review/corporate-taxes.html?_r=1& (请注意,即使具有相同有效税率的圈子也不重叠) 示例数据: sample 1:s ..
发布时间:2017-03-10 18:12:10 JavaScript

是D3.js是Neo4j图形数据库数据实时可视化的正确选择

我是威斯康星州的CS研究生,我的小组正在尝试将实时投入到neo4j图表数据库中的特定网络流量可视化。 我已经阅读过许多不同的工具,如gephi,cytoscape,rickshaw(基于D3.js),其他一些工具和D3.js. 我们到目前为止还有D3.js,但想得到社群的意见。我们不能使用cytoscape因为neo4j,并且觉得D3.js将在半快速实时环境中与半大数据一起工作。 ..