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
4
votes
2 answers
d3 circle pack: setting circle colors
I try to use http://mbostock.github.com/d3/ex/bubble.html
but with changed colors.
I would like to find out how the colors are set in d3.layout.pack.
Joanne
- 41
- 1
- 3
3
votes
1 answer
Defining initial coordinates for nodes with children in a D3JS animation
I have SVG nodes that I defined as elements that contain one and one inside them.
Here's an examples HTML:
Croatia
(...)
I am…
Fred Rocha
- 450
- 3
- 16
3
votes
1 answer
Create bubble chart similar to d3.js force layout using ggplot2
Is it possible to make a bubble chart similar to this one using R, preferably ggplot2?
Given that there are three categories in this example, the properties are
all circles attract one another (to clump circles together)
collision detection (to…
markus
- 25,843
- 5
- 39
- 58
3
votes
1 answer
Need different colors on different circles CirclepackeR in JS using D3
I am using circlepackeR also d3.js. I need to color each leaf node with a color from the array hexa. This array will have the same number of values as of how many leaf nodes we would have. I have not posted the whole flare data function but only one…
Prabhanjan
- 155
- 2
- 10
3
votes
1 answer
Grouping plot generated in packcircle function by color groups
I'd like to create a plot similar to this, where each point represents a unique data point of a specific type (eg. red group or blue group), and the points of each group form a circular shape.
I have so far gotten this far, using the packcircles…
octopuslegs11
- 53
- 6
3
votes
1 answer
Controlled circle packing with Python
I'm trying to port to Python the "Controlled Circle Packing with Processing" algorithm that I found here:
http://www.codeplastic.com/2017/09/09/controlled-circle-packing-with-processing/?replytocom=22#respond
For now my goal is just to make it work,…
JPFrancoia
- 4,866
- 10
- 43
- 73
3
votes
1 answer
Circle Packing in R - Data structure
I try to replicate this circle packing example in R: Visualizing hierarchical data with circle packing in ggplot2? on my own data, but I bumped into a problem that I could not comprehend.
The data is:
Religion <- c("Christianity 1", "Christianity…
My Khe
- 43
- 4
3
votes
1 answer
How to make labels appear only when the chart is zoomed in
I have a circle packing diagram as an svg created in inkscape. Now I want to implement a zooming in and out function with JavaScript and that the labels of the smaller circles only appear when I zoom in, and fade out as I zoom out. Is there a…
Imo
- 1,455
- 4
- 28
- 53
3
votes
1 answer
'd3-circle-text' on zoomable circle-pack
The 'd3-circle-text' plug-in works great on a static circle-pack (many thanks to musically-ut for contributing https://github.com/musically-ut/d3-circle-text). However, on a zoomable circle-pack, labels fly about the place (in the fiddle, they stay…
Colman McMahon
- 175
- 1
- 17
3
votes
2 answers
NaN x and y values in Pack Layout nodes using d3.js
I'm trying to make a circle packing chart using d3.js. The problem is that nodes have NaN values in the x and y properties, so all the circles have transform="translate(NaN,NaN)"
Json Data:
var data = {
"name": "flare",
"children": [
…
jobmo
- 835
- 1
- 9
- 19
3
votes
2 answers
How to achieve that bubbles are only clickable if completly zoomed d3js
I have a little problem here:
I'm working with this example (http://bl.ocks.org/mbostock/7607535) and I modified the
flare.json file like this:
{
"name": "flare",
"children": [
{
"name": "Kommunikation und Umwelt",
"children": [
{
"name":…
Sebastian Kawa
- 115
- 2
- 12
3
votes
1 answer
How to remove the outer circle in D3 bubble chart
I am trying to get rid of the outer circle of the bubble chart. But actually now I am at my wit's end... It seems there is few tutorial online on how to plot bubble chart using csv Data. Please check out my working PLUNK and help me out.
PLUNK:…
Emily
- 45
- 4
3
votes
1 answer
How to insert pie charts in Pack Layout in d3.js?
Hello All instead of simple Circles, i want to add pie charts in my Pack layout.
Lets Suppose this is my pie chart data and pie layout
var data=[2,3,4,5]
var arc = d3.svg.arc()
.outerRadius(50)
.innerRadius(0);
var pie = d3.layout.pie()
…
Aditeya Pandey
- 661
- 2
- 6
- 13
3
votes
0 answers
javascript or css library for animated tiles
I have a series of pictures, which I would like to display on a webpage simulating the effect that these pictures are floating in space. Each of these pictures would take turn popping up into a larger size. Are there any javascript or css libraries…
jamesw1234
- 338
- 4
- 18
3
votes
1 answer
Adding elements to a D3 circle pack nodes
I am trying to make a zoomable circle packing chart. I'd like each child circle to contain a smaller chart which would always have the same structure (i.e. 4 columns, only the heights of the bars would change).
I have tried adding a simple rect to…
Spearfisher
- 8,445
- 19
- 70
- 124