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.
Questions tagged [circle-pack]
187 questions
3
votes
0 answers
random shape instead of circle in pack layout in d3js
Is it possible to change the shape of the circle to some random shape in d3 pack layout
http://bl.ocks.org/mbostock/4063530
I need to change the shape of circles to polygon.
user1891424
- 31
- 1
3
votes
1 answer
Circle packs as nodes of a D3 force layout
Here is jsfiddle:
This is really good if you have, let's say, 2 political parties, and you want to present election results across several voting units, or similarly structured data.
However, I need to visually represents this: (5 political parties…
VividD
- 10,456
- 6
- 64
- 111
3
votes
1 answer
Circle-packing diagram - transition between two set of values
I have a diagram very similar to circle packing
At some point, a user wants to see some different data. Obviously, a different diagram can be displayed immediately, but transition would be much better from perception and cognition point of view.…
VividD
- 10,456
- 6
- 64
- 111
3
votes
2 answers
Controlling order of circles in D3 circle pack layout algorithm
I was wondering if it's possible to slightly change packing algorithm in d3.layout. Namely, I'd like to know if instead of putting a child node with highest value at the position where it touches parent node one can put it in the middle of it. Right…
Kaster
- 357
- 4
- 16
3
votes
2 answers
Different colors for each circle - D3 circle pack
I have done the bubble chart. But I'm not getting different colors for each bubble. How could I do that? How could I give different colors for each circle? And the circle data with the highest value should always come at the center surrounded by…
Preethi
- 371
- 2
- 6
- 20
3
votes
0 answers
Fill circle with other circles completely in D3 circle pack
Good ...
I am using this example from the following url (http://bl.ocks.org/mbostock/7607535
):
My problem is that when inserting many circles, the main circle is not filled correctly as a kind of exaltation is created, my boss wants princial fills…
user3008158
- 31
- 2
3
votes
0 answers
Packing circles in d3 with variable padding/overlap
I'm trying to use the D3 circle pack layout that allows variable overlap/jamming in order to confine the circles to a set radii. The existing D3 circle pack layout will of course scale the outer circle to encompass the inner items but I need that…
AlanM
- 41
- 2
3
votes
1 answer
Mysql to JSON to D3js no Visual... "class" identification error
New to D3...
I am trying to replicate a simple example but with my data from mysql. Since I renamed my columns to "name" and "size" it should be an easy transition. I believe the line/item !d.children; is restricting the data to be processed or my…
Understood
- 363
- 1
- 3
- 14
3
votes
1 answer
Realtime D3 bubble chart (circle pack)
I'm trying to create a realtime bubble chart in d3.js The chart itself is simple as the data displayed is a non-nested array. It's just bubbles of different size.
The initial bubble chart with initial data fetched from an MVC controller via ajax is…
peter
- 2,103
- 7
- 25
- 51
3
votes
1 answer
How to Hide Overlapping Text of Labels in D3 Zoomable Pack Layout?
I am using the Zoomable Pack Layout provided on the D3 website: http://mbostock.github.io/d3/talk/20111116/pack-hierarchy.html
All labels of the circles are displayed when the layout is displayed.
The problem is that for small circles which are…
sim1
- 457
- 1
- 7
- 26
3
votes
1 answer
How to center root node circle in a d3.layout.pack graph?
I am refactoring the d3.layout.pack graph example here into a reusable module. However, the root node is no longer in the center - I couldn't find the culprit.
Here is a jsfiddle demo of the app:
d3.visio.clustering = function module(){
var width…
Mohamed Ali JAMAOUI
- 14,275
- 14
- 73
- 117
3
votes
1 answer
How to use pack.sort() function in D3 circle pack?
I am trying to understand D3 and use it to make a word cloud... Here is the code that uses D3 circle pack for that purpose:
var diameter = 560,
format = d3.format(",d"),
color = d3.scale.category20c();
var bubble = d3.layout.pack()
.sort()
…
Saurabh Sinha
- 1,772
- 4
- 27
- 54
3
votes
1 answer
D3 - accessing nested data for the purpose of creating a navigation tree
So I have been using d3's zoom circle(http://mbostock.github.com/d3/talk/20111116/pack-hierarchy.html):
The data is passed to the d3 script as a json array with a few different levels of arrays and objects.
object = {
class: "show",
name:…
Nick DeStefano
- 65
- 7
3
votes
1 answer
d3.pack() transitions update
I am trying to apply a transition over a d3.pack().
Please check http://bl.ocks.org/3263043
I want to symbolize by a new paremeter, but when applying transitions,
the new circles and its parents don't keep the structural 'harmony' anymore (some…
user1249791
- 1,241
- 4
- 14
- 33
3
votes
1 answer
A few simple questions about d3.layout.pack()
Please take a look to this simple jsfiddle: http://jsfiddle.net/perikut/9qUVW/2/ (sorry if using Firefox, I don't know why it doesn't look good...)
In our object can we use another word than 'children' to indicate where extract data from? (all…
user1249791
- 1,241
- 4
- 14
- 33