All Questions
39 questions
1
vote
1
answer
97
views
d3 chart won't centre in UIkit framework
I have designed a chart using d3.js and have embedded it in a div within a UIkit framework, however I can't get it to centre within the div.
I have tried putting the svg in a container and adjusting ...
- 13
0
votes
1
answer
431
views
d3.js Upgrading Force layout from v3 to v4
I am upgrading a d3 visualization that was built using d3 v3's force layout to d3 v4+. Here's the block of code that I'm trying to find the v4 equivalents.
var nodes = {
"Node1":{"name":"Node1","...
0
votes
1
answer
205
views
How do I make all my graphs show up on my html page?
I am arranging 4 graphs on one html page using d3.js. The problem is that though all my graphs in someway show up, they don't interact like they should be doing or they overlap the axis (like the line ...
- 5
0
votes
0
answers
275
views
How to do it better layout for d3.js like grid
I drew items with connections, but unfortunately it’s not quite successful to arrange them.
Now I have this picture:
I managed to arrange in groups but it is impossible to place interconnected ...
- 2,778
2
votes
1
answer
765
views
d3 treemap from array without hierarchy
I am trying to create a treemap layout but only with an array of number values. My code simply looks like this (example followed from here):
const data = [32, 16, 37, 56];
const treeMapLayout =...
- 834
0
votes
1
answer
190
views
d3.pack(): multiple parent circles each with a unique color
I anm new to d3 and I would like to create a d3.pack. I am looking for tutorial and example of codes, but all the ones I find have a single parent circle whereas, I would like several of them like on ...
- 6,205
2
votes
1
answer
7k
views
D3 Graph Layout - Tree Structure With multiple Parent
Let me start off with stating that I am completely new to D3 and Javascript. And with little bit of experimenting it I was trying to develop a Tree Like structure with the catch being, node can have ...
- 1,063
-1
votes
1
answer
370
views
where are stored data d3
I'm trying to read a flat file and to create a hierarchy with this flat document, to create zoomable circles.
My problem is that I can't read the position of my circle (value x and y of the variable). ...
- 449
1
vote
1
answer
501
views
d3.js - Collapsible Force Layout - setting variable colors to leaf nodes
I have been working with this template of d3.js - Collapsible Force Layout diagram: http://bl.ocks.org/mbostock/1093130
Is there any way the leaf nodes of different branches could have different ...
- 53
5
votes
1
answer
7k
views
Displaying a D3 tree with multiple parents
I currently have this graph implemented and I'm hoping to keep the structure and collapsibility while depicting a child node having multiple parents. Is there a way to do this? I looked into force ...
- 273
2
votes
1
answer
2k
views
D3 - Make children fill parent group
I am trying to make a simple rectangular structure for single-nested data in D3. I would like the result to look like the following image:
In other words, each group's items should be sized so that ...
- 542
1
vote
1
answer
141
views
Margin calculation with D3 JavaScript
I'm drawing couple of graphics on a webpage. Let's say I have 4 graphics (A-B-C-D). I would like to lay them out as follows:
A B
C D
But currently they appear like this:
A
B
C
D
I set the margin, ...
- 157
0
votes
1
answer
1k
views
d3.js packing bubble chart elements
I am trying to use the bubble chart example as a template to build a visualisation. I have my JSON as a flat-hierarchy, such that there is one element called children and that holds an array of ...
- 6,572
1
vote
0
answers
742
views
d3.js can't access previous data attrTween
I have a pie chart that is properly displaying. I mutate the underlying data (successfully) and then try too animate the pie chart slices to their new sizes. Without using any sort of tween or ...
- 171
0
votes
0
answers
168
views
D3 Force Layout / 2 magnets?
I have a central circle (C1) and have bunch of nodes on the left, marked with 'L' and bunch of them on the right, marked with 'R'.
I've been trying unsuccessfully implement the following behavior ( ...
- 831