circle-pack相关内容
我已经用 d3.svg.diagonal() 渲染了边来实现了下图.但是,当我尝试用 d3.svg.line() 替换对角线时,它似乎没有提取目标和源数据.我错过了什么?我对 d3.svg.line 有什么不明白的地方吗? 以下是我所指的代码,后面是完整的代码: var line = d3.svg.line().x(function(d) { 返回 d.lx; }).y(function(
..
我正在编写具有不同半径的非重叠随机圆的代码.我得到了应得的,但是我检查重叠或非重叠的“if"语句排除了许多圆.所以,我得到的圈数较少.代码如下: 导入pygame将 numpy 导入为 nppygame.init()显示宽度 = 800显示高度 = 500黑色 = [0, 0, 0]白色 = [255, 255, 255]红色 = [255, 0, 0]display_surface = pyg
..
我试图用Shapely用Python编写一个程序,该程序接收形状文件(现在为国会区),并用圆圈“打包".最终目标是获得圆的中心点和半径.我想用最少的圆圈覆盖最大的区域. 到目前为止,我在Google上发现的所有资源都是关于在标准几何对象(例如正方形/圆形/三角形等)中进行圆形填充的.所以,我的直觉是尝试将这些形状变成三角形或其他形状,然后应用一些简单的形状的现有算法. 如果形状具有许多
..
我正在使用 https://observablehq.com/@d3/zoomable-circle -packing 作为示例,尝试以角度进行 d3 和圆形包装。我拥有的数据似乎是分层数据,我将按照显示的代码进行操作。但是,我的 d3.hierarchy()给我奇怪的结果。由于某些原因,所有 dx , dy 和 r 都是负面的。我不知道为什么。我仍在阅读一些指南和书籍,试图了解是否可以弄清 d3
..
我正在尝试使用d3.js制作圆形包装图.问题在于节点在x和y属性中具有NaN值,因此所有圆都具有 transform =" translate(NaN,NaN)" Json数据: var data = { "name": "flare", "children": [ { "name": "analytics", "child
..
'd3-circle-text'插件在静态圆形包装上效果很好(非常感谢musically-ut为是否可以使圆形文本随圆形缩放? (如果该插件不可缩放,那没关系.我将尝试另一种标记方法.) 这是我正在处理的代码部分: ////////////Circle text var circleText = d3.circleText() .radius(f
..
此圈组布局示例( http://bl.ocks.org/4063269 )是对于我正在进行的项目来说是完美的,但它会相对于彼此调整所有圆圈的大小: 是否有一种简单的方法为每个圆圈指定固定半径? 我已经搜索了源代码,示例,google和stackoverflow,似乎找不到任何有用的东西。 确切的圆圈的大小对我很重要。 解决方案 这是可能的,而且很简单。第一个答案是准确的,
..
如何利用 D3 圈组布局来获得与此类似的图表: (即使有更长的椭圆)? 此图表样式的关键应用是标签放置更容易。 这是 jsfiddle 演示了我为其他目的制作的圆形包,但我想这对任何人来说都可能是有用的起点想要试验和测试涉及省略号的潜在解决方案。 根据@Mariatta的回答,我得到这个jsfiddle : 但我希望我能保留亲子视觉连接。 在第二次尝试中,我得到
..
我试图围绕d3的包装布局( http://bl.ocks.org/4063530) )。 我的基本布局有效,但我想用新数据更新它。即收集新数据,将其绑定到当前layout.pack并相应更新(更新/退出/输入)。 我的尝试在这里( http://jsfiddle.net/emepyc/n4xk8/14/ : var bPack = function(vis){ var pac
..
更新:新的JSFIDDLE 缩放现在正在工作,完全抛弃defs和rect并且只是附加了图片。但仍然坚持翻译。 翻译仍无法进行缩放。我可以将转换设置为-100表示x和y,以使非缩放位置正确。但是,当缩放时,它当然仍然将其翻译为-100而不是将其保持在适当位置所需的更大值。 似乎需要在缩放部分中的代码朝向底部。一直在搞乱当前注释掉的部分,但到目前为止还没有运气。 // .att
..
我需要为气泡/圆形图表创建图例。我在圆圈内显示值。我需要的名字作为传说。对于一个实例,在下面提供的数据中,如果值是60,我需要在图例中的名称“Petrol”。 代码段: var diameter = 200, format = d3.format(“,d”), color = [“#7b6888”,“#ccc”,“#aaa”,“#6b486b”]; var bubble
..
我想创建类似下面的图片,而不是圈子,我想使用表情符号的图片(whatsapp表情符号等) 我想提取的数据从JSON应该看起来像这样: { 'url':'see-no-evil.png ', 'hits':456 }, { 'url':'speak-no-evil.png', 'hits':425 $表情符号应该随机出现在画布上,并且具有最多的“hits”的表情符号“应该显示最大和
..
我尝试使用 http://mbostock.github.com/d3/ex/ bubble.html ,但颜色已更改。 我想知道如何在d3.layout.pack中设置颜色。 解决方案 在您提到的示例中,圆圈颜色定义如下: .style “,function(d){return fill(d.packageName);}); 这里, d 在此示例
..
我试图在圈子包布局中标记某些圈子,其中文本沿着圈子本身流动。 以下是一个实验性 jsfiddle : > 正如你所看到的,可以沿着圆圈渲染文本,以其顶部为中心。虽然浏览器渲染弯曲的SVG文本是可怕的。 这里是另一个 jsfiddle 我想在此图形上放置曲线标签,在这些条件下: 圆形代表省份(只有depth == 1)(不列颠哥伦比亚省,阿尔伯塔省等) 所有儿童
..
我使用的是D3网站上提供的Zoomable Pack版式: http://mbostock.github.io/d3/talk/20111116/pack-hierarchy.html 显示布局时会显示所有圆形标签。 p> 问题是,对于靠近在一起的小圆圈,标签重叠。我想知道是否有一种方法隐藏标签的重叠文本? 我已经阅读了关于“foreignobject”,但如果这是答案,我
..
我在这里撞我的头。我想在结构中显示叶节点的工具提示,例如可缩放包布局。叶节点是棕色的。如果我使用工具提示的标准代码: vis.selectAll(“circle”) .data .enter() .append(“svg:circle”) .attr(“class”,function(d){ return d.children?“parent”: “child”; }) .
..
按照 http://bl.ocks.org/发布的示例制作d3气泡图表mbostock / 4063269 : 我的数据集有一个分支,但有很多子代(见下面的示例)。所有我的气泡都以相同的颜色显示。是否可以修改逻辑以为同一分支中的每个孩子生成不同的颜色气泡?如果是这样,任何援助将不胜感激。 { “name”:“mydata”, “children”:[ {“name”:“test1”
..
让我们假设这是我的饼图数据和饼图布局 var data = [2,3,4,5] var arc = d3.svg.arc() .outerRadius(50) .innerRadius(0) p> var pie = d3.layout.pie() .sort(null) .value(function(d){return d;});
..
以下是 jsfiddle : 这真的很好如果你有2个政党,你想在几个表决单位或类似的结构化数据上显示选举结果。 但是,我需要直观地表示这个:( 5个政党而不是2个)(请忽略除“座位”以外的所有原始图片;只有“座位”可视化) 我想在每个强制布局节点内有圈子。 例如,应该有一个称为BC的气球,其中包含四个较小的圆形,面积与21,12,2,1(比例为一个政党在卑诗省 - 不列颠哥
..
我尝试使用json中接收的数据动态更新d3圆圈包布局。每秒我调用d3.json()来获取新的json。而不是更新现有的可视化,我的实现只是创建一个新的下一个。我想动态更新现有布局...
..