Sunburst diagrams are a kind of tree diagram, in which each layer is represented as a ring around a center, and nodes are represented as arcs within such layers. They are typically used to visualize hierarchical data.
Questions tagged [sunburst-diagram]
336 questions
0
votes
1 answer
How to fasten the d3 zoomable sunburst transitions?
I have created a zoomable sunburst with the reference from the following website. http://bl.ocks.org/mbostock/4348373
The problem is I have a lot of arcs in the final level i.e the outermost ring (nearly 2000 arcs) and this is slowing the sunburst…
Claw
- 25
- 6
0
votes
2 answers
sortKeys not working with d3.nest()
I'd like to sort the outer ring of my d3 sunburst by year not by value, so it's in chronological order. Here is my code:
d3.csv("etds.csv", function(error, dataset) {
var hierarchy = {
key: "ETD",
values:…
mutanthumb
- 161
- 1
- 13
0
votes
1 answer
D3 sunburst with updated data: multiple transitions still snap, not smooth
This question builds on Lars Kotthoff's very helpful answer to the problem of transitioning with a D3 sunburst diagram that is based on different JSON data: d3 - sunburst - transition given updated data -- trying to animate, not snap
I've tried the…
MrFu
- 113
- 4
0
votes
1 answer
D3JS Sunburst not updating text
I'm trying to display a sunburst with text. I used the code from a sunburst example and tried to add text to it (worked), but when it updates, my text disappears. I can only get it to display all text or text when loaded then no text. So when it…
Ken Bonny
- 729
- 1
- 9
- 29
0
votes
1 answer
D3 Sunburst: Determine Leaf Color by Data and have its Parents Inherit that Color
So I am fairly new to D3 visualizations and have run into a roadblock in my learning. I have a pretty basic sunburst set up running off data that determines if a test had a "Failure" or "Success". This Failure or Success is represented as the…
kWest
- 1
- 2
0
votes
1 answer
how to get silbling elements in sunburst
I am new to d3.js, I am creating a visualization based on surburst. Can somebody let me know how I can get siblings elements external element in d3.js.
Nagendra Busam
- 235
- 1
- 5
- 19
0
votes
1 answer
Capturing/Saving the current state of d3.js Sunburst Chart
I am a newbie to d3.js . I am working in d3.js zoomable sunburst chart http://bl.ocks.org/mbostock/4348373. When the user zoom into a particular arc and I need to capture this state of the sunburst diagram . When the user comes back to the sunburst…
Sakthi Gurunathan
- 95
- 10
0
votes
0 answers
D3 sunburst circle to half-circle? (Starting at 180 degrees)
Based on this "sunburst example":
http://bl.ocks.org/mbostock/4348373
How do I make it always be a half-circle starting at 180 degrees with an end angle at 360 degrees?
dani
- 4,880
- 8
- 55
- 95
0
votes
0 answers
How to set the number of rings in a sunburst?
I am trying to create a sunburst that has only 2-3 levels. I stumbled upon this question How to hide outer ring in zoomable sunburst , but in this example (http://protembla.com/wheel.html) if I hide "who is working on the tasks." and then I select…
Crina
- 71
- 2
0
votes
1 answer
D3.js Sunburst Incorrect Arc Scales
I have a Zoomable Sunburst diagram exhibiting strange problems with arc sizing.
http://colinwhite.net/Sunburst/
I would expect the size the arcs to be proportional to number of children (shown in the tool tip). Yet, I have parent arcs with few…
Colin
- 930
- 3
- 19
- 42
0
votes
1 answer
D3.js Zoomable Sunburst not Zooming
I have a static 3 level Sunburst diagram -
http://colinwhite.net/Sunburst/
My data is being nested with this function
http://colinwhite.net/Sunburst/js/treeRemapper.js
My approach is based on this example -
http://bl.ocks.org/mbostock/4348373
For…
Colin
- 930
- 3
- 19
- 42
0
votes
0 answers
Reversing SVG text on bottom of a radial?
http://jsfiddle.net/ttr85xuj/
Text past a certain degree should be mirrored...I'm positive it's a translate attribute, but honestly I think I may have to redo the way I'm appending the text & textPath, maybe the svg:path before it. When I apply…
iksose
- 229
- 1
- 8
0
votes
0 answers
Improving D3 Sequence sunburst to have zooming technique
I have a normal sequence sunburst jsfiddle as you can it is working normally.
I am trying to improve this sunburst to get a zooming technique.
with the following code I can et one step zooming,
var path = vis.data([json]).selectAll("path")
…
Karim
- 41
- 4
0
votes
1 answer
Change hover over of d3.js sunburst chart so that name of segment is appended rather than %
I'm trying to adjust this example http://bl.ocks.org/kerryrodden/7090426:
So that the #explanation div in the middle of the chart gives the name of the segment that is hovered over instead of the %.
Heres the script
function mouseover(d) {
…
user3806523
- 59
- 2
- 6
0
votes
1 answer
D3: mouseover text changes within an area in sunburst
I have a sunburst code here: http://plnkr.co/edit/EG0MzWEPB242g7VdSQQd?p=preview
When I click the orange area that corresponds to "from tumor cell" (see the caption below in the diagram), I get focussed diagram centered on "from tumor cells".
When…
user1140126
- 2,621
- 7
- 29
- 34