You can use **pos** attribute ([https://www.graphviz.org/doc/info/attrs.html#d:pos][1]), e.g.:


    xxx [
    	label = xxx
    	pos = &quot;0,0!&quot;
    ]
    
    yyy [
    	label = yyy
    	pos = &quot;10,10!&quot;
    ]

You will also have to specify `neato` or `fdp` layout engine, so that `dot` command-line would be (for fdp):

    dot -Kfdp -n -Tpng -o sample.png sample.dot


  [1]: https://www.graphviz.org/doc/info/attrs.html#d:pos

Here is an example I found:
[https://observablehq.com/@magjac/placing-graphviz-nodes-in-fixed-positions][1]

Essentially the position attribute &quot;pos&quot; can be specified for a node.  Only works with neato or fdp layout engines, not dot.

The `!` indicates that the position is an input and should not be altered.

  [1]: https://observablehq.com/@magjac/placing-graphviz-nodes-in-fixed-positions

I couldn&#39;t get the `-n` flag work with `dot -Kfdp`.

I was however able to get it working with neato using the following command:

`neato sample.dot -n -Tpng -o sample.png`

In a method I am debugging, I am spawning a new thread. I need to debug the execution of this new thread rather than the parent thread. How can I do this in eclipse?

Debugging multiple threads in eclipse

Why should I use REST if I can get my job done with only post and get requests?

Why we should use REST?

I am trying to force position of nodes. I have x and y coordinates of my nodes and its also directed graph. I can use the rank=same to handle row (y coordinate), but can&#39;t figure out how I can handle column (x coordinate). 

How to force node position (x and y) in graphviz

<p>I am trying to force position of nodes. I have x and y coordinates of my nodes and its also directed graph. I can use the rank=same to handle row (y coordinate), but can't figure out how I can handle column (x coordinate).</p>


&gt; **Possible Duplicate:**  
&gt; [jQuery - Check if element is visible after scroling](https://stackoverflow.com/questions/487073/jquery-check-if-element-is-visible-after-scroling)  

&lt;!-- End of automatically inserted text --&gt;

I&#39;m trying to determine if an element is visible on screen. In order to to this, I&#39;m trying to find the element&#39;s vertical position using offsetTop, but the value returned is not correct. In this case, the element is not visible unless you scroll down. But despite of this, offsetTop returns a value of 618 when my screen height is 703, so according to offsetTop the element should be visible.

The code I&#39;m using looks like this:
    
    function posY(obj)
    {
      var curtop = 0;
    
      if( obj.offsetParent )
      {
        while(1)
        {
          curtop += obj.offsetTop;
    
          if( !obj.offsetParent )
          {
            break;
          }
     
          obj = obj.offsetParent;
        }
      } else if( obj.y )
      	{
         curtop += obj.y;
        }
    
      return curtop;
    }

Thank you in advance!


Check if element is visible on screen

I&#39;m 90% sure there is a built in function that does this.

I need to find the position of a character in an alphabet. So the character &quot;b&quot; is position 1 (counting from 0), etc. Does anyone know what the function is called?

Thanks in advance!


EDIT: What i&#39;m trying to do is to send all the characters X amount of &quot;steps&quot; back in the alpha bet, so if i have a string with &quot;hi&quot; it would be &quot;gh&quot; if i sent it back one step. There might be a better way of doing it, any tips?

Get character position in alphabet

How can I position my loading indicator in the center of the screen. Currently I&#39;m using a little placeholder and it seems to work fine. However, when I scroll down, the loading indicator stays right in that predefined position. How can I make it follow the scrolling so that it always sits on top??

    #busy
    {
    	position: absolute;
    	left: 50%;
    	top: 35%;
    	display: none;
    	background: transparent url(&quot;../images/loading-big.gif&quot;);
    	z-index: 1000;
    	height: 31px;
    	width: 31px;
    }
    
    #busy-holder
    {
    	background: transparent;
    	width: 100%;
    	height: 100%;		 
    }

CSS: Position loading indicator in the center of the screen

I have in my page a button which when clicked displays a `div` (popup style) in the middle of my screen.

I am using the following CSS to center the `div` in the middle of the screen:

    .PopupPanel
    {
    	border: solid 1px black;
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	background-color: white;
    	z-index: 100;
    
    	height: 400px;
    	margin-top: -200px;
    
    	width: 600px;
    	margin-left: -300px;
    }

This CSS works fine as long as the page is not scrolled down.

But, if I place the button at the bottom of my page, when it is clicked, the `div` is displayed at the top, and the user has to scroll up to view the contents of the `div`.

I would like to know how to display the `div` in the middle of the screen, even when the page has been scrolled.

Center a &#39;div&#39; in the middle of the screen, even when the page is scrolled up or down?

I am trying to fix a `div` so it always sticks to the top of the screen, using:

    position: fixed;
    top: 0px;
    right: 0px;

However, the `div` is inside a centered container. When I use `position:fixed` it fixes the `div` relative to the browser window, such as it&#39;s up against the right side of the browser. Instead, it should be fixed relative to the container.

I know that `position:absolute` can be used to fix an element relative to the `div`, but when you scroll down the page the element vanishes and doesn&#39;t stick to the top as with `position:fixed`.

Is there a hack or workaround to achieve this?


Fixed position but relative to container

I tried to find a graph data structure to reuse in C# without any success. Of course, I can borrow from data structure books but I want it to be more commercially practical(?) Also I would appreciate if you can tell me what the best way of implementing a graph is. Thanks 

Is there any graph data structure implemented for C#

I am working on an implementation of Dijkstra&#39;s Algorithm to retrieve the shortest path between interconnected nodes on a network of routes. I have the implementation working. It returns all the shortest paths to all the nodes when I pass the start node into the algorithm.

My question: 
How does one go about retrieving all possible paths from Node A to, say, Node G or even all possible paths from Node A and back to Node A?


Find all paths between two graph nodes

The basic algorithm for BFS:

    set start vertex to visited
    
    load it into queue
        
    while queue not empty
        
       for each edge incident to vertex
                  
            if its not visited
                
                load into queue
                      
                mark vertex


So I would think the time complexity would be:  

    v1 + (incident edges) + v2 + (incident edges) + .... + vn + (incident edges) 


where `v` is vertex `1` to `n`


Firstly, is what I&#39;ve said correct?  Secondly, how is this `O(N + E)`, and intuition as to why would be really nice.  Thanks


Why is the time complexity of both DFS and BFS O( V + E )

I read it is ideal to represent sparse graphs by adjacency lists and dense graphs by an adjacency matrix. But I would like to understand the main difference between sparse and dense graphs. 

What is the distinction between sparse and dense graphs?

What does **`relaxation of an edge`** mean in the context of graph theory ? I came across this while studying up on Dijkstra&#39;s algorithm for single source shortest path.

Relaxation of an edge in Dijkstra&#39;s algorithm

Is anyone aware of a pure, Javascript based implementation of the directional flow diagrams that GraphViz is capable of generating? I am NOT interested in pretty visuals output, but the computations to figure out the maximum depth of each node, along with the layout of bezier lines that are optimized to minimize the number of intersecting edges when you are dealing with a graph rather than a tree of information.  I would like to run this code both within a browser; I am aware that I could easily embed Graphviz into my Node server as an extension, or even `popen()` it and stream over graph information in the `.dot` format.

For reference, here is a typical GraphViz output. Note how elements are stacked and spaced out to allow the connecting lines to travel between nodes, without intersecting (very often) or passing through nodes.

![enter image description here][1]


  [1]: http://i.stack.imgur.com/5ZlBN.png

Pure JavaScript Graphviz equivalent 

So far I tried this line but dot keeps pushing it aside making room for my nodes (pushes it to the right):

    _diagram_info [shape=&quot;plaintext&quot;, label=&quot;My Diagram\l&quot;, fontsize=13]

Is there a way to center the label by pos, using dot?

How do you center a title for a diagram output to SVG using dot?

I&#39;m trying to create a graph with two subgraphs in dot. The code is as follows:

    digraph G {
            subgraph step1 {
                    style=filled;
                    node [label=&quot;Compiler&quot;] step1_Compiler;
                    node [label=&quot;Maschine&quot;] step1_Maschine;
                    color=lightgrey;
            }
    
            subgraph step2 {
                    style=filled;
                    color=lightgrey;
                    node [label=&quot;Interpretierer&quot;] step2_Interpretierer;
                    node [label=&quot;Maschine&quot;] step2_Maschine;
                    label=&quot;Virtuelle Maschine&quot;;
            }
    
            &quot;Programm (Java)&quot; -&gt; step1_Compiler;
            step1_Compiler -&gt; step1_Maschine;
            step1_Maschine -&gt; &quot;Bytecode&quot;;
            &quot;Bytecode&quot; -&gt; step2_Interpretierer;
            step2_Interpretierer -&gt; step2_Maschine;
            step2_Maschine -&gt; &quot;Ergebnis&quot;;
    }

The result I am getting looks like the following:


![Result of above code][1]

I expected to see a box around both subgraphs. What am I missing here?

  [1]: http://i.stack.imgur.com/2xbz0.png

Graphviz subgraph doesn&#39;t get visualized

I am trying to draw a graph with Graphviz.

I wish to draw a dotted line around a set of vertices, symbolizing that they are a part of a bigger entity.

Say for example, if I have three vertices as eggs, chicken and ham, I should be able to draw a dotted line around all three of them, and label that border as food.

Drawing a border around a set of vertices in Graphviz

I want to use **[Graphviz][1]** + **[Doxygen][2]** to generate a class diagram based on C++ code. This works already as Doxygen comes with a native DOT support; but is it possible, to produce a **UML-like output** with the corresponding access modificators (public, private etc.), return and parameter types of the class methods, similar to the diagram below?

I&#39;m aware of thread https://stackoverflow.com/questions/4755913/how-to-use-doxygen-to-create-uml-class-diagrams-from-c-source, but it doesn&#39;t answer the question, though.

![enter image description here][3]


  [1]: http://www.graphviz.org/
  [2]: http://www.doxygen.nl/
  [3]: http://i.stack.imgur.com/NuPoo.png

Graphviz + Doxygen to generate UML class diagrams

Does anyone know how to put newline in the label of the node? \n is not working - instead some new nodes appear.

Newline in node label in dot (graphviz) language

I&#39;ve made a tree in the dot language, similar to the one [here][1].

Is there any way I could get the tree to expand to the right, instead of downwards (so the root node is on the left and children go along to the right).


  [1]: https://graphviz.gitlab.io/_pages/Gallery/directed/unix.html

Horizontal Trees in Graphviz

In my Graphviz graph (written in DOT), I want each node to have a label, but in addition to that, I want some nodes to have a small caption denoting some other unique value for that node. For example, if this were for a history diagram, a node&#39;s label might be something like &quot;Birth of George Washington&quot; and the caption might read &quot;See also: American Revolution.&quot;

This is fairly flexible, so the caption doesn&#39;t necessarily need to be inside the node, but I do need some other way of putting text that clearly isn&#39;t part of the label (e.g. is a different size, possibly a different color) and is in a different location but is still clearly a part of the node.

Is there any way to do this?

Graphviz: Putting a Caption on a Node In Addition to a Label

I want to render several trees simultaneously and place all root nodes and all leaf nodes on the same level.

Here&#39;s an example of what I&#39;m trying to do. Root nodes A and X are on the same level, and so are leaf nodes B, D, and Z.

 ![Graph I want][1]


I unsuccessfully tried putting roots in one rank and leaves in another as follows:

    digraph G { 
    rankdir = TB;
    subgraph {
    A -&gt; B
    A -&gt; C
    C -&gt; D
    X -&gt; Y
    rank = same; A; X;
    rank = same; B; D; Y;
    } /* closing subgraph */
    }

And got this outcome where everything is on the same rank.
![enter image description here][2]

Any suggestions about what I should be trying? I&#39;ve already got roots and leaves identified.



  [1]: http://i.stack.imgur.com/rrIVk.png
  [2]: http://i.stack.imgur.com/laKxP.png

Content Type	Original Author	Original Content on Stackoverflow
Question	user664947	View Question on Stackoverflow
Solution 1 - Position	Andrey	View Answer on Stackoverflow
Solution 2 - Position	JP Thomas	View Answer on Stackoverflow
Solution 3 - Position	Jaakko	View Answer on Stackoverflow

How to force node position (x and y) in graphviz

Position Problem Overview

Position Solutions

Solution 1 - Position

Solution 2 - Position

Solution 3 - Position

Why we should use REST?

Debugging multiple threads in eclipse

Attributions