circle-pack

    3热度

    1回答

    嘿,我正在使用D3JS作为图表库,我非常有兴趣利用Bubble Chart中的酷炫功能。在主D3JS图表网站下面的气泡图是用来比较两组数据: Bubble Chart。 我想知道如果有人真的有任何想法如何创建这样的气泡图,我努力使它通过使用大小变量工作。 我真的很希望能够以比较两组数据,例如: 主机名(45955158)VS活性中心(21335629) 我使用的代码如下,我使用JSON来检索我的数

    4热度

    1回答

    我正在尝试创建一个D3.js packed circle diagram。 当我将数据嵌入HTML文件时,它工作正常。当我把数据放在外部文件中时,我什么都没有(空白的DOM,没有控制台信息)。 如果您取消注释var数据声明并注释掉d3.json(以及相应的右括号),它可以正常工作。 我可以在浏览器中看到“2013 Inf-2.json”文件,它看起来很合适(它通过jsonlint验证)。它包括从第

    3热度

    1回答

    新建D3 ...... 我试图复制一个simple example但是从MySQL我的数据。由于我将我的列重命名为“名称”和“大小”,它应该是一个简单的过渡。我认为该行/项目!d.children;限制了要处理的数据或者我的代码出现了错误。 我怎么能一个类添加到现有的以.json? 或 我需要删除哪些代码才能使现有的.json正常工作? <script src="http://d3js.org/d

    4热度

    2回答

    我想用沿着圆圈本身流动的文本在circle pack layout中标记一些圆圈。 这是一个实验jsfiddle: 正如你所看到的,有可能呈现沿圆,在其顶部居中的文本。虽然浏览器渲染弯曲的SVG文本是可怕的。但是,让我们说我们不关心它。 这里是另一个jsfiddle 我想放置在该曲线图中弯曲的标签,在这些条件下: 的圆圈代表一个省(仅深度== 1) (不列颠哥伦比亚省,艾伯塔省,等等) 该省所有儿

    0热度

    1回答

    我有一个FLask应用程序,在我的模板/文件夹中有一些html文件。我想一个不错的D3可视化添加到我的index.html,所以首先我试图复制/粘贴泡实例到一个名为我的模板/文件夹bubbles.html文件: http://bl.ocks.org/mbostock/4063269 我试图用Firefox打开bubbles.html,但只有白色空间,气泡应该在那里。这是奇怪的事情。当我将bubbl

    0热度

    1回答

    我正在使用d3圆形打包算法。它的设置是为了让内圈占据所有可用的空间。所以如果我有两个相同大小的圆圈,一个包含三个子圆圈,一个包含50个圆圈,三个圆圈显得非常大。 是否有一个简单的修改,我可以使脚本,使内圈不会超过一个特定的大小 - 也许漂浮在中心? 这里来源: https://github.com/mbostock/d3/blob/master/src/layout/pack.js

    3热度

    1回答

    我使用所提供的D3网站上可缩放的包布局:显示布局时,会显示http://mbostock.github.io/d3/talk/20111116/pack-hierarchy.html 圆的所有标签。 问题是,对于靠近在一起的小圆圈,标签重叠。我想知道是否有办法隐藏标签的重叠文字? 我已阅读关于“foreignobject”,但如果这是答案,我不知道如何以及在何处将它合并到代码中。

    3热度

    1回答

    我试图在d3.js中创建实时气泡图图表本身很简单,因为所显示的数据是非嵌套数组。它只是不同大小的泡泡。 与来自通过AJAX的MVC控制器取出初始数据的初始气泡图表创建这样的: var canvas = d3.select("#dynD3") .append("svg") .attr("width", 800) .attr("height", 500) .ap

    2热度

    2回答

    我想知道是否可以稍微更改d3.layout中的包装算法。也就是说,我想知道如果不是在触及父节点的位置放置一个具有最高值的子节点,可以将它放在中间。现在看起来好像所有的孩子都是通过螺旋进入父母身边的小孩。 我希望这不是太混乱。我会很乐意澄清什么是不明确的。

    2热度

    3回答

    通过以下张贴在http://bl.ocks.org/mbostock/4063269的例子开发一个D3气泡图: 我的数据集是具有一个分支,但许多儿童(见下文样品)。我所有的气泡都以相同的颜色显示。是否有可能修改逻辑,为同一分支中的每个孩子生成不同的颜色气泡?如果是这样,任何援助将不胜感激。 { "name": "mydata", "children": [ {"name": "tes