How to create node with image and label outside

Help
1

I want to create new node in graph like this. Can you help me, thanks a lot
Screen Shot 2021-11-15 at 15.01.23

2

use https://graphviz.org/docs/attrs/xlabel/ for the label outside, perhaps.

and maybe a node with shape=circle https://graphviz.org/doc/info/shapes.html and a flag emoji inside

3

Thanks @mark so much. How to place label on right of node? and place image in node?

4

I don’t know how to get the label on the right of the node. I think xlabel just puts the label wherever.

Here’s an example with an image in a node: https://stackoverflow.com/a/8077158/171898

If you want extreme control over what labels go exactly where, then probably you want an SVG image editor rather than Graphviz.

5

Try this - an html label with 2 cells. Image in the left cell & text in the right:

graph C{
 t [shape=plaintext,label=<
  <TABLE CELLSPACING="2" CELLPADDING="2" BORDER="0">
  <TR><TD><IMG SRC="image_dir/cow.png" /></TD><td>one two three</td></TR>
  </TABLE>
  >]
}

Giving:
compoundNode

2 Likes