Stack Overflow
Stack Overflow

Questions tagged [d3-graphviz]

15 questions
8
votes
3 answers

Scale and Center D3-Graphviz Graph

What is the best way to scale and center a graph using d3-graphviz? I was hopeful that I could use scale(0.5) but this leaves the resulting graph uncentered. I could probably go in with an .attributer() and manually adjust the and elements…
tgordon18
  • 1,562
  • 1
  • 19
  • 31
4
votes
1 answer

Using d3-graphviz results in can't read property '__graphviz__' of null

I'm just trying to get a DOT diagram to render. I have followed the documentation (https://github.com/magjac/d3-graphviz) to add the package and use it but when I try to run the application and access the DOT diagram, nothing renders and the the…
SEB
  • 43
  • 2
3
votes
1 answer

Need to shift link of child node to parent once parent collapsed in d3 graph

Here is the screen that I want to achieve with d3 js. On clicking of circle that are having child circle can be toggled (collapsed/expand). I have tried with below snippet. Only thing I am not able to achieve is once parent circle collapses I need…
ranjeet kumar
  • 251
  • 2
  • 10
2
votes
0 answers

What should I do to load my images with D3-Graphviz and Flask?

I am trying to load my files that I have defined on a JavaScript file (with D3-Graphviz) to a Flask server. Here is my current server structure: static --images --File.png --Actor.png --System.png --Service.png …
Hoang Cuong Nguyen
  • 329
  • 2
  • 11
2
votes
1 answer

Need to connect two nodes of different circle packed layout in d3 and pack layout collapse/expand

I want to connect node inside one big circle to node inside another big circle or sometimes to another bigger circle itself. Is there a way to achieve the same ? I am able to connect nodes inside the same circle. Below is the sample code that I have…
ranjeet kumar
  • 251
  • 2
  • 10
2
votes
1 answer

Need to connect two nodes of different circle packed layout in d3

I want to connect node inside one big circle to node inside another big circle or sometimes to another bigger circle itself. Is there a way to achieve the same ? I am able to connect nodes inside the same circle. Below is the sample code that I have…
ranjeet kumar
  • 251
  • 2
  • 10
1
vote
0 answers

What is the right type for Graphviz renderer instance

I am wondering about the right type for the graphviz renderer when programming in Typescript. I have so far defined it as this: type Graphviz = d3.Graphviz This is the interface for the creation of…
Wizard of Kneup
  • 1,863
  • 1
  • 18
  • 35
1
vote
0 answers

Need to fix position of one outer circle in circle pack layout d3

Here is the screen that I want to achieve with d3 js. Can we fix position for Only Circle C (may be at top left) and other circle should not impacted by its position (I mean it should follow the current positioning logic). The screen is not update…
ranjeet kumar
  • 251
  • 2
  • 10
1
vote
0 answers

d3-graphviz zoom in and render/focus on 1 node and it is descendant, hide others

With d3-graphviz and a DAG, how can we render an interactive map, such that when users click on a node, only that node and its descendants and/or ancenstors is visible, while irrelevant nodes are hidden?
TruongSinh
  • 4,662
  • 32
  • 52
0
votes
1 answer

How can I draw SVG diagrams that dynamically resize to fit the width of their HTML container, but with fixed-sized text?

Suppose you've drawn a diagram in some GUI illustration app. You export the diagram to SVG and insert it as a left-aligned block image in an HTML page. You deliberately scale the diagram so that the size of the text in the diagram matches the 16px…
Graham Hannington
  • 1,749
  • 16
  • 18
0
votes
0 answers

Make d3 svg the same size as grid container

I have a graph that I created from a dot using d3-graphviz in a react app. The documentation says that the SVG size determines the area in which the graph can be panned and zoomed. I want to make the svg the same size of the grid that contains it,…
Newbie Dev
  • 69
  • 6
0
votes
0 answers

How to load a GV file in d3-graphviz?

I am trying to visualise a GV file with D3-Graphviz library. I have called the GV file directly in my code:
Hoang Cuong Nguyen
  • 329
  • 2
  • 11
0
votes
1 answer

Error (Build with -s ASSERTIONS=1 for more info) in latest version of graphviz

I'm facing the below error after upgrading d3-graphviz dependency version from 2.6.1 to 4.1.1 while rendering the graph using d3 and Graphviz. I didn't encounter this error with version 2.6.1. Can someone please help me in resolving this…
Vinay Cheguri
  • 55
  • 7
0
votes
1 answer

Create node in graphviz using polygon as icon and text label

Is there any way to create a node in Graphviz that looks like the below? (Placing a hexagon and text side by side inside the node instead of just placing text inside box)
Vinay Cheguri
  • 55
  • 7
0
votes
1 answer

Project cannot locate imported d3-graphviz module

The project is located at https://github.com/eric-g-97477/blog-ember-d3 which is a fork of this project. The output of npm list is: $ npm list …
Eric G
  • 340
  • 1
  • 12