Stack Overflow
Stack Overflow

Questions tagged [circle-pack]

In geometry, circle packing is the study of the arrangement of circles (of equal or varying sizes) on a given surface such that no overlapping occurs and so that all circles touch another.

187 questions
6
votes
2 answers

d3js Making last circle a hyperlink

Okay... I am using the Zoomable Circle Packing from http://bl.ocks.org/mbostock/7607535 I opened the flare.json file and started messing with it and was able to manipulate it successfully. It looks like this: flare.json { "name":…
Sebastian Kawa
  • 115
  • 2
  • 12
6
votes
1 answer

Circle packing within force graph nodes in D3?

I have a Force Directed Graph that I've generated with D3 and within each node (which are represented as large circles) I'd like to pack in a bunch of smaller circles using D3's Circle Packing. Is it possible to use both of these layouts in one…
guidoism
  • 7,820
  • 8
  • 41
  • 59
5
votes
1 answer

d3.layout.pack stacks circles when sort is ascending

I have a dataset such that when sorted in ascending order the circles end up 'stacked' but appear properly distributed when using null or descending sort order. Complete example is here: http://jsfiddle.net/SXLHx/3/. Anyone have a…
user1052313
  • 113
  • 2
  • 7
5
votes
2 answers

Text along circles in a D3 circle pack layout

I am trying to label some circles in a circle pack layout with text that flows along the circle itself. Here is one experimental jsfiddle: As you can see, it is possible to render text along the circle, centered at its top. Though browser's…
VividD
  • 10,456
  • 6
  • 64
  • 111
5
votes
1 answer

Stacked D3JS Bubble Chart

Hey I'm using D3JS as a chart library and I'm really interested in exploiting the cool features in the Bubble Chart. On the main D3JS chart site the following Bubble Chart is used to compare two sets of data: Bubble Chart. I was wondering if…
user0129e021939232
  • 6,205
  • 24
  • 87
  • 140
5
votes
2 answers

D3js filter selection

I am creating an interactive bubble chart of fortune 500 data. I am trying to reduce a selection but can't figure out why it's not working as I expect. var bubble = d3.layout.pack() ... d3.json("js/data/fortune2009.json", function(json) { …
swenedo
  • 3,074
  • 8
  • 30
  • 49
4
votes
1 answer

Packing an irregular polygon with different sized circles

I'm trying to write a program in Python with Shapely that takes in shape files (right now congressional districts) and "packs" them with circles. The end goal is to have the center points and radii of the circles. I'd like to cover the maximum area…
davis_grubin
  • 45
  • 5
4
votes
1 answer

D3 update circle-pack data new nodes overlap existing nodes

I'm following the General Update Pattern but having an issue with regards to layering. Using a circle-pack layout, I pack the new data, update, enter and exit the circle elements. However, when new elements enter, they overlap the updated circles.…
punkrockpolly
  • 9,270
  • 6
  • 36
  • 37
4
votes
0 answers

Fix position of some circles in d3 pack layout

I have a graph that uses d3.js' pack layout. As I add and remove some nodes from the dataset, I need the items that remain in the set to keep the same position. Is that possible? Edit: I'm using pack layout. In the answer to the other question the…
santisan
  • 149
  • 1
  • 11
4
votes
1 answer

How to Update bubble chart in d3.js?

I managed to create a bubble chart which works fine when it is a single dataset. But something goes wrong if I need to update it with other datasets. Please help me with my update function at http://jsfiddle.net/9jL64/. function…
user3668155
  • 53
  • 1
  • 3
4
votes
1 answer

D3.js can't load json file

I am trying to create a D3.js packed circle diagram. When I embed the data in the HTML file, it works fine. When I put the data in an external file, I get nothing (blank DOM, no console msgs). If you uncomment the var data declaration and comment…
Colin
  • 930
  • 3
  • 19
  • 42
4
votes
0 answers

force directed nodes with circle packing

I want to create a Circle Packing for each node on a force directed layout. I am searching for an example, but I can't find any. I am new to D3 and infovis. I have tried a few layouts, but I have no idea how to achieve this.
user2457956
  • 203
  • 2
  • 6
4
votes
1 answer

D3 circle pack: html in text attribute

The code below works fine in that I can output a text string into the bubbles. But how do I output HTML markup into the bubble text label? You can see my HTML markup in the first "name" attribute. This div is very simple in this example, but it will…
Rory
  • 1,442
  • 4
  • 21
  • 38
4
votes
2 answers

d3.js pack layout circles are overlapping

I have a problem with d3.js pack layout. The circles are overlapping, and I don't have any idea why... I used code from this example: http://mbostock.github.com/d3/talk/20111116/pack-hierarchy.html And that is my…
krystian
  • 53
  • 1
  • 6
4
votes
1 answer

Updating D3 circle pack layout

I'm trying to dynamically update a d3 circle pack layout with data I receive in json. Every second I call d3.json() to get the new json. Instead of updating the existing visualization, my implementation just creates a new one under the old one. I…
capkutay
  • 183
  • 2
  • 11
1
2
3
…
12 13