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
0
votes
1 answer

D3js pack-layout visualization of generated json file does not work

A friend wrote a program in VBA, which generates a json data. I am trying to visualize that data via the pack-layout. We extracted the rules by what the json data is being created from the json data here: http://bl.ocks.org/mbostock/7607535 I went…
neocortex
  • 1
  • 1
0
votes
1 answer

D3 add zoom to circle pack

Is it possible to add zooming to a circle pack? Seems like it should be but mine is jumping all around the place when zoom is clicked. I've been attempting to solve this for a few days but with little success. I've been referencing Mike's Zoomable…
Colman McMahon
  • 175
  • 1
  • 17
0
votes
0 answers

Finding score of node based on average of child node scores for d3 packed circle viz

I'm trying to build a view based on the zoomable packed circle visualization per http://bl.ocks.org/mbostock/7607535 and I'm trying to have each container parent's color be based on the average of its child nodes' scores. In the above, I think I…
djqifs
  • 1
0
votes
1 answer

d3: svg image in zoom circle packing

UPDATE: New JSFIDDLE Scaling now working, ditched the defs and rect altogether and just appended the image. But still stuck on translate. The translating is still not working on zoom. I can set the translate to say -100 for both x and y to get the…
user4534236
0
votes
1 answer

Pack layout isn't binding to updated dataset properly

I have a pack layout chart that displays the firms and users for a web application. The chart has separate dataset symbolizing different periods of time. Example - All users Only users logged in within the last week Only users logged in within…
seth isernhagen
  • 54
  • 3
0
votes
0 answers

d3 zoomable packed-circle chart, how to trigger zoom into node from hyperlink?

I'm building a d3 zoomable packed circle chart. On the side of the screen I have a table listing the names of each of the nodes. They're linked up nicely so if you mouseover one, it adjusts the fill or background-color of the other. I'm trying to…
user2588094
  • 31
  • 2
  • 5
0
votes
1 answer

How to fill D3 SVG with image instead of colour with fill?

I would like to create something like the image below but instead of the circles I would like to use images of emoji's (the whatsapp emoticons etc.) The data I would like to extract from the JSON should look something like this: { 'url':…
Mae
  • 443
  • 2
  • 5
  • 22
0
votes
1 answer

Adding hyeperlinks to zoomable d3 circle pack

I've been trying to add clickable hyperlinks to a zoomable d3 circle pack based on this code: http://bl.ocks.org/nilanjenator/4950148, but I just can't get it to work. Ideally I'd link a link under the text label for the circle, but at this point a…
Tim Gottgetreu
  • 483
  • 1
  • 8
  • 21
0
votes
0 answers

Updating d3 circle pack layout with new Object

Still some problems with updating the circle pack layout: I would like to add an object to an already existing circle: This works fine for circles, which already have children. But not for leaf-circles. Although the adapted data1seems to be correct,…
shity
  • 15
  • 5
0
votes
0 answers

how to make zoomable circle packing collapsible d3

I want to make zoomable circle packing collapsible like this. My goal is limit number of nodes in circles. Nodes should be appearing when zooming deeper in cluster. There are two different layouts, so i don't know how to join these examples. I have…
zuro
  • 71
  • 2
  • 12
0
votes
1 answer

D3 circle packing diameter calculation

I am using the pack layout for packing different no of equal sized circles. I have a group of clusters to be visualized. So I am calling pack function for each cluster of circles. In all the d3 examples the diameter is either calculated with the…
beeCoder
  • 495
  • 6
  • 24
0
votes
1 answer

Embellishing D3 SVG circle pack diagram

My D3 circle pack looks like this: (also accesible via jsfiddle) However, I would like the diagram to look like this: (don't pay attention on labels, or circle pack placement, they are not essential for my case; I meant just co show "3d" looks of…
VividD
  • 10,456
  • 6
  • 64
  • 111
0
votes
0 answers

d3 Updating Subcircle Data Zoomable Pack Layout

After reading several tutorials, I have still some difficulties seeing on how to navigate between DOM and data in d3. For the following example, I would like to add the circle only to the selected circle: http://jsfiddle.net/stefanf/6Qm2z/13/'obj =…
shity
  • 15
  • 5
0
votes
1 answer

Specify a maximum size in d3 circle packer

I'm using the d3 circle packing algorithm. It's set up to make inner circles occupy all available space. So if I have two circles of equal size, one containing three sub circles, and one containing 50, the three appear very large. Is there a simple…
user888734
  • 3,797
  • 5
  • 36
  • 67
0
votes
1 answer

An html file doesn't run from within my templates folder

I have a FLask app with some html files on my templates/ folder. I wanted to add a nice D3 visualization to my index.html, so first I tried to copy/paste this bubbles example into a file called bubbles.html on my templates/…
Qbite
  • 219
  • 5
  • 14
1 2 3
…
12
13