Stack Overflow
Stack Overflow

Questions tagged [bundle-layout]

A visualization technique designed specifically to display adjacency relations on top of a tree structure.

This is the first paper on bundle layout.

D3 visualization library implements bundle layout this way.

An example visualization created with D3 bundle layout:

Example Visualization

37 questions
2
votes
2 answers

Python: converting a list of tuples to a list of dicts

I'm trying to mess with this D3 visualization: (its code is here) However, I'm having trouble trying to get my data in the correct format. The data (for reference) has to be in the format: [ {"name":"something 1","size":number 1,"imports":["thing…
user3288886
  • 19
  • 4
2
votes
0 answers

Coordinate Issue (Hierarchial Edge Bundles) in d3.js

I'm new to d3 and I'm just playing around with the hierarchical edge bundle visualization which can be found here. I'm trying to add further elements to the visualization and therefore I need the coordinates of every node (that means the coordinates…
DeepBlue
  • 149
  • 1
  • 12
1
vote
1 answer

Legend colors do not always correspond to the values

This is the fiddle. For some reason, the colors of some groups do not match the value of size. For instance, I checked "name":"flare.analytics.cluster.AgglomerativeCluster","size"‌​:3938. In the drawing it's marked in "pink-red" color which…
Dinosaurius
  • 8,306
  • 19
  • 64
  • 113
1
vote
1 answer

Understanding of Hierarchical Edge Bundling json dataset construction

I would like to understand how to construct the dataset to visualize via hierarchical edge bundling. Here is my test dataset [ …
user3050590
  • 1,656
  • 4
  • 21
  • 40
1
vote
0 answers

Produce a bundle layout with a csv file

I'm trying to produce a bundle layout and I managed to do it. However, I'd like to be able to use a simple CSV field instead of json. I've tried to replace the d3.json by the d3.csv function but I can't make it work. Any idea? My code:…
ncalaelen
  • 37
  • 3
1
vote
1 answer

unable to display a tooltip on the bundle layout

I'm trying to reproduce this (bundle layout): http://bl.ocks.org/mbostock/7607999 and it's fine. However, I'd like to add a tooltip on each link when I hover a node (the tooltip would explain why items are linked together). I have absolutely no…
ncalaelen
  • 37
  • 3
1
vote
0 answers

How do you implement edge bundling without an explicitly stated root?

I am currently trying to implement edge bundling for a .json file that contains countries and their trade partners. However, I'm having trouble understanding how to create the hierarchy out the data I currently have as Mike Bostock does here: Here…
user3783615
  • 81
  • 1
  • 1
  • 3
1
vote
0 answers

hierarchical edge bundling or radial convergence diagram

I wish to visualize data alike the sample @ https://gist.github.com/mbostock/1044242. However, I would like to do so from the values drawn from an SQL DB. The DB currently holds sample data related to the Olympics, derived from…
miiike test
  • 103
  • 6
1
vote
0 answers

D3 Hierarchical Edge Bundling - initial link colors

I use hierarchical edge bundling. It works fine. But I want to specify colors of links from json source. How can I do it? In documentation links are just strings, I cann't provide any additional properties.
Mikhail Polykovskii
  • 2,333
  • 1
  • 16
  • 13
1
vote
1 answer

Hierarchical edge bundling 2 way - link colour

This is a followup on this question: D3 Dynamic hierarchical edge bundling - 2 way import The original problem was resolved and is shown in http://jsfiddle.net/w2rfwokx/1/ i.e there is an orange link in case node 1 and node 2 both import each other.…
Ratnakar Vellanki
  • 219
  • 1
  • 2
  • 13
1
vote
0 answers

How to create a d3 force directed graph from bundle-layout data instead of node-links

I'm attempting to make a force directed graph similar to this (http://bl.ocks.org/mbostock/4062045) using d3, but my data currently is not well formatted for the node/links/source/target structure used in most force directed graphs. I came across…
codonnell
  • 33
  • 1
  • 6
1
vote
1 answer

Replace current svg with new svg deleting older DOM elements as well

My D3 layout gets dynamically update based on button click. When i try and click on button to update the SVG, it always creates a new SVG below older svg. As and when i click on button, it keeps on adding new SVG below older SVG. What I want is it…
Neil
  • 1,715
  • 6
  • 30
  • 45
1
vote
1 answer

Error reading JSON file in Bundle layout in D3.js

I am trying to create a bundle layout using D3.js. I am following code at this location: I got sample json file from here. It works fine. Now when I try to use my json file, it gives me following error: Uncaught TypeError: Cannot read property…
Neil
  • 1,715
  • 6
  • 30
  • 45
1
vote
1 answer

Search functionality for D3 bundle layout

I'm a noob and trying to implement a search method for a diagram. The diagram is a chord diagram and was mostly adapted from here: http://bl.ocks.org/mbostock/1044242 And the search function was taken from…
FairyDuster
  • 145
  • 3
  • 13
1
vote
0 answers

Walkthrough of constituent parts of D3 Hierarchical Edge Bundling example

I would love to understand and recreate a similar version of this object: http://mbostock.github.io/d3/talk/20111116/bundle.html This is an example - but I cannot workout how it works or where the code for it lies? Can somebody either break the…
RenegadeAndy
  • 5,440
  • 18
  • 70
  • 130
1
2
3