# Change font attributes within a (node) label's text?

**URL:** https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779
**Category:** Help
**Created:** [August 22, 2021, 4:24pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779 "2021-08-22T16:24:34Z")
**Posts on this page:** 16
**Page:** 1

<div class="post-metadata">

### Author: ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)
#### Post date: [August 22, 2021, 4:24pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/1 "2021-08-22T16:24:34Z")

</div>

Using dot:  
MyMessageBox [label = “WARNING\nThis may be the most boring graph you’ve ever seen.”

I’d like “WARNING” in red, with the rest of the label text in black. And might possibly want to change fonts at that point, or some other.

How, if at all, can dot produce this effect?

---

<div class="post-metadata">

### Author: ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)
#### Post date: [August 22, 2021, 5:19pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/2 "2021-08-22T17:19:43Z")

</div>

HTML-like labels ([Node Shapes | Graphviz](https://graphviz.org/doc/info/shapes.html#html)) allow this. You do not need any of the \<TABLE stuff, just look at **label** , **text** and **textitem**.  
Like so:

```auto
digraph H {
  a [label=<<FONT COLOR="RED" POINT-SIZE="24.0" FACE="ambrosia">line4</FONT> and then more stuff>]
  b [label=simple]
  c
  a->b->c
}

```

Giving:  
 ![htmlText](https://global.discourse-cdn.com/graphviz/original/1X/72749305fb7ff68a914934488db59c1b5199a7b4.png)

---

<div class="post-metadata">

### Author: ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)
#### Post date: [August 22, 2021, 7:28pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/3 "2021-08-22T19:28:23Z")

</div>

Steve: I pasted your sample into WebGraphViz on my browser, then clicked Generate Graph!. The result was:

**Warning: Not built with libexpat. Table formatting is not available in label of node a.**  
 ![image](https://global.discourse-cdn.com/graphviz/original/1X/80f4aa9ece82247883cc5ccd48e1a5b3049aeb43.png)  
I don’t know if that image shows…I’m new around here and may have mucked this up…  
At any rate, the upper bubble just said a : it didn’t have any of your formatting.

I did some more experimenting in another diagram, taking a box with a label and replacing the " . . ." with \< . . . \>, as specified in the html-label documentation. (There were no special characters inside the label.) Various things went wrong, but I don’t think it would be enlightening to describe them.

Finally, I inserted you “a” line of text into my own diagram. It just added an a with an elllipse aroud it to a spot in the diagram, and gave the same warning that you got.

I’ll be grateful for any suggestions about what the next step should be.

Thanks for your help with this.

–Kirk

> [@steveroush](#):
>
> ```auto
> digraph H {
> a [label=<<FONT COLOR="RED" POINT-SIZE="24.0" FACE="ambrosia">line4</FONT> and then more stuff>]
> b [label=simple]
> c
> a->b->c
> }
> 
> ```

---

<div class="post-metadata">

### Author: ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)
#### Post date: [August 22, 2021, 9:45pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/4 "2021-08-22T21:45:20Z")

</div>

If WebGraphViz can’t produce HTML-like labels, and if a multi-color label is important to you, I suggest you install the Graphviz package on your computer or try one of the other interactive packages listed here: [External Resources | Graphviz](https://graphviz.org/resources/)

---

<div class="post-metadata">

### Author: ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)
#### Post date: [August 23, 2021, 2:22am UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/5 "2021-08-23T02:22:37Z")

</div>

Thanks… I had seen only viz.js, not the others listed. I actually tried installing one of the current Windows versions before falling back on WebGraphviz: but the installation gave peculiar results and I couldn’t get the program to run.

Since I haven’t found anybody who’s associated with WebGraphviz, I’ll probably have to try an alternative. Fingers crossed.

---

<div class="post-metadata">

### Author: ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)
#### Post date: [August 23, 2021, 3:33am UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/6 "2021-08-23T03:33:00Z")

</div>

I normally use Graphviz on a Linux system, but I just

- downloaded and installed stable\_windows\_10\_cmake\_Release\_x64\_graphviz-install-2.48.0-win64.exe form here [Download | Graphviz](https://graphviz.org/download/)
- “opened” it to inslall it
- added it to PATH during the installation
- brought up a Windows “cmd” screen
- and used this command to successfully run dot and create an SVG output file:  
`dot -Tsvg unix.gv >O.svg`

I hope this helps

---

<div class="post-metadata">

### Author: ![schmoo2k](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/schmoo2k/32/29_2.png) [@schmoo2k](https://forum.graphviz.org/u/schmoo2k)
#### Post date: [August 23, 2021, 6:02am UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/7 "2021-08-23T06:02:09Z")

</div>

> [@steveroush](#):
>
> ```auto
> digraph H {
> a [label=<<FONT COLOR="RED" POINT-SIZE="24.0" FACE="ambrosia">line4</FONT> and then more stuff>]
> b [label=simple]
> c
> a->b->c
> }
> 
> ```

WebGraphViz actually uses “Viz.js” under the covers which is an old and archived project.  
`@hpcc-js/wasm` - [GitHub - hpcc-systems/hpcc-js-wasm: HPCC-Systems Web-Assembly (JavaScript)](https://github.com/hpcc-systems/hpcc-js-wasm) is similar (but maintained and up to date), you can see a test of the above here: [HTML attributes in GraphViz / Gordon Smith / Observable (observablehq.com)](https://observablehq.com/@gordonsmith/html-attributes-in-graphviz)

---

<div class="post-metadata">

### Author: ![magjac](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/magjac/32/16_2.png) [@magjac](https://forum.graphviz.org/u/magjac)
#### Post date: [August 23, 2021, 7:01pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/8 "2021-08-23T19:01:35Z")

</div>

You can try the [Grapviz Visual Editor](http://magjac.com/graphviz-visual-editor/?dot=digraph%20H%20%7B%0A%20%20a%20%5Blabel%3D%3C%3CFONT%20COLOR%3D%22RED%22%20POINT-SIZE%3D%2224.0%22%20FACE%3D%22ambrosia%22%3Eline4%3C%2FFONT%3E%20and%20then%20more%20stuff%3E%5D%0A%20%20b%20%5Blabel%3Dsimple%5D%0A%20%20c%0A%20%20a-%3Eb-%3Ec%0A%7D%0A) which is based on `@hpcc-js/wasm` that Gordon mentioned and thanks to that supports HTML-like attributes.

You might still have the usual problems with web fonts. The link above does not look good with Firefox on my Ubuntu 21.04, but here’s [an example without font specififcation](http://magjac.com/graphviz-visual-editor/?dot=digraph%20H%20%7B%0A%20%20a%20%5Blabel%3D%3C%3CFONT%20COLOR%3D%22RED%22%20POINT-SIZE%3D%2224.0%22%3Eline4%3C%2FFONT%3E%20and%20then%20more%20stuff%3E%5D%0A%20%20b%20%5Blabel%3Dsimple%5D%0A%20%20c%0A%20%20a-%3Eb-%3Ec%0A%7D%0A) that looks good.

---

<div class="post-metadata">

### Author: ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)
#### Post date: [August 23, 2021, 9:43pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/9 "2021-08-23T21:43:11Z")

</div>

Nice to know, thanks

---

<div class="post-metadata">

### Author: ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)
#### Post date: [August 24, 2021, 2:31am UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/10 "2021-08-24T02:31:59Z")

</div>

Thanks for the link. The tool looks great: very slick editing of both text and graphs. I’ve pasted 5 test dot files into the tool in turn, and it automatically generated all their graphs correctly.

However, one of the test graphs was about 2/3 off of the drawing canvas (to the left); but when I backed up to the previous file and then re-advanced to the problem one, it presented properly. I mention that on the off chance that it’s related to the following problem:

When I paste my own dot file (177 lines) into the Graphviz Visual Editor, there is no visible change to the 34" display. even after an hour or more. The same dot file generates a graph in a second or two on WebGraphviz.

Have you any pointers on what I might be doing wrong?

---

<div class="post-metadata">

### Author: ![magjac](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/magjac/32/16_2.png) [@magjac](https://forum.graphviz.org/u/magjac)
#### Post date: [August 24, 2021, 3:58am UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/11 "2021-08-24T03:58:47Z")

</div>

Please share the problematic DOT source code and I will have a look at it.

---

<div class="post-metadata">

### Author: ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)
#### Post date: [August 24, 2021, 12:50pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/12 "2021-08-24T12:50:40Z")

</div>

Here’s my code. Thanks for your help.

(Attachment Sample Graphviz for Magnus Jacobsson.txt is missing)

---

<div class="post-metadata">

### Author: ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)
#### Post date: [August 24, 2021, 12:58pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/13 "2021-08-24T12:58:16Z")

</div>

I tried to send DOT code (with extension txt) but it bounced because of the invalid extension: the system wants jpg, jpeg, png, gif, svg

The message suggested I contact a staff member, and you were the first one listed. Should I just switch to one of the 5 even though it would be inaccurate or is there a better way?

---

<div class="post-metadata">

### Author: ![magjac](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/magjac/32/16_2.png) [@magjac](https://forum.graphviz.org/u/magjac)
#### Post date: [August 24, 2021, 1:05pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/14 "2021-08-24T13:05:13Z")

</div>

You can email it to me. I’ve sent my email address in a private message.

---

<div class="post-metadata">

### Author: ![kirkh](https://avatars.discourse-cdn.com/v4/letter/k/71c47a/32.png) [@kirkh](https://forum.graphviz.org/u/kirkh)
#### Post date: [August 24, 2021, 11:01pm UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/15 "2021-08-24T23:01:39Z")

</div>

Just to let you know I’m not ignoring your note (if it matters). Thanks for letting me know what worked for you. My concern is that even if I do get GraphViz running on my Windows system, I’ll lack the font/face information that the documentation indicates is required in order to take control over text appearance. So now that I have Graphviz Visual Editor and thus HTML–your tip on that was critical–Windows is some way down the todo list.

---

<div class="post-metadata">

### Author: ![magjac](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/magjac/32/16_2.png) [@magjac](https://forum.graphviz.org/u/magjac)
#### Post date: [August 26, 2021, 5:24am UTC](https://forum.graphviz.org/t/change-font-attributes-within-a-node-labels-text/779/16 "2021-08-26T05:24:08Z")

</div>

After two minor fixes to the DOT source we ended up with [this graph](http://magjac.com/graphviz-visual-editor/?dot=digraph%20%7B%0Alabelfloat%3Dtrue%0Aranksep%20%3D%201%0A%2F%2Fnodesep%20%3D%20.1%0Arankdir%20%3D%20LR%0A%0Anode%20%20%5Bshape%3Dbox%2Cwidth%3D1.8%5D%0A%22OCF-001%22%20%20%20%5Blabel%20%3D%20%22OCF-001%5Cn--opc%20ua%20c%2Fs%22%5D%20%20%0A%22OCF-002%22%20%20%20%5Blabel%20%3D%20%22OCF-002%5Cn--opc%20ua%20pubsub%22%5D%0A%22OCF-F-001%22%20%5Blabel%20%3D%20%22OCF-F-001%5Cn--security%20server%22%5D%0A%22OCF-F-002%22%20%5Blabel%20%3D%20%22OCF-F-002%5Cn--security%20client%22%5D%0A%22OCF-F-003%22%20%5Blabel%20%3D%20%22OCF-F-003%5Cn--client%22%5D%0A%22OCF-F-004%22%20%5Blabel%20%3D%20%22OCF-F-004%5Cn--alarm%20server%22%5D%0A%22OCF-F-005%22%20%5Blabel%20%3D%20%22OCF-F-005%5Cn--alarm%20client%22%5D%0A%22OCF-F-006%22%20%5Blabel%20%3D%20%22OCF-F-006%5Cn--subscriber%22%5D%0A%22NET-001%22%20%20%20%5Blabel%20%3D%20%22NET-001%5Cn--single%20e2e%22%5D%0A%22NET-002%22%20%20%20%5Blabel%20%3D%20%22NET-002%5Cn--single%20p2p%22%5D%0A%22NET-003%22%20%20%20%5Blabel%20%3D%20%22NET-003%5Cn--prp%20e2e%22%5D%0A%22NET-004%22%20%20%20%5Blabel%20%3D%20%22NET-004%5Cn--prp%20p2p%22%5D%0A%22NET-005%22%20%20%20%5Blabel%20%3D%20%22NET-005%5Cn--hsr%20e2e%22%5D%0A%22NET-006%22%20%20%20%5Blabel%20%3D%20%22NET-006%5Cn--hsr%20p2p%22%5D%0A%22NET-F-011%22%20%5Blabel%20%3D%20%22NET-F-011%5Cn--media%20indep%20timesync%22%5D%20%20%5Bwidth%3D2%5D%0A%22NET-F-012%22%20%5Blabel%20%3D%20%22NET-F-012%5Cn--ethernet%20timesync%22%5D%20%20%20%20%20%5Bwidth%3D2%5D%0A%22NET-F-013%22%20%5Blabel%20%3D%20%22NET-F-013%5Cn--adv%20ethernet%20timesync%22%5D%20%5Bwidth%3D2%5D%0A%22GDS-001%22%20%20%20%5Blabel%20%3D%20%22GDS-001%5Cn--global%20discov%20svr%22%5D%0A%22OSM-001%22%20%20%20%5Blabel%20%3D%20%22OSM-001%5Cn--redfish%22%5D%0A%22OSM-002%22%20%20%20%5Blabel%20%3D%20%22OSM-002%5Cn--redfish%20bmc%22%5D%0A%22OSM-003%22%20%20%20%5Blabel%20%3D%20%22OSM-003%5Cn--redfish%20dcn%22%5D%0A%22OBC-F-101%22%20%5Blabel%20%3D%20%22OBC-F-101%5Cn--package%20file%22%5D%0A%22OBC-201%22%20%20%20%5Blabel%20%3D%20%22OBC-201%5Cn--basic%20imex%22%5D%0A%22OBC-202%22%20%20%20%5Blabel%20%3D%20%22OBC-202%5Cn--io%20server%22%5D%0A%22OBC-203%22%20%20%20%5Blabel%20%3D%20%22OBC-203%5Cn--fb%20compute%20server%22%5D%0A%22OBC-F-201%22%20%5Blabel%20%3D%20%22OBC-F-201%5Cn--base%20fb%22%5D%20%20%0A%22ALM-001%22%20%20%20%5Blabel%20%3D%20%22ALM-001%5Cn--alm%20svr%20cfg%3A%20exc%22%5D%20%20%20%20%20%20%20%20%5Bwidth%3D2%5D%0A%22ALM-002%22%20%20%20%5Blabel%20%3D%20%22ALM-002%5Cn--alm%20svr%20cfg%3A%20non-exc%22%5D%20%20%20%20%5Bwidth%3D2%5D%0A%22ALM-003%22%20%20%20%5Blabel%20%3D%20%22ALM-003%5Cn--alm%20svr%20exec%3A%20exc%22%5D%20%20%20%20%20%20%20%5Bwidth%3D2%5D%0A%22ALM-004%22%20%20%20%5Blabel%20%3D%20%22ALM-004%5Cn--alm%20svr%20exec%3A%20non-exc%22%5D%20%20%20%5Bwidth%3D2%5D%0A%22OFB-001%22%20%20%20%5Blabel%20%3D%20%22OFB-001%5Cn--ref%20fb%27s%2061131%22%5D%0A%22OFB-002%22%20%20%20%5Blabel%20%3D%20%22OFB-002%5Cn--ref%20fb%27s%20imex%22%5D%0A%22OFB-003%22%20%20%20%5Blabel%20%3D%20%22OFB-003%5Cn--ref%20fb%27s%2061499%22%5D%0A%22CTL-501%22%20%20%20%5Blabel%20%3D%20%22CTL-501%5Cn--imex%20aml%20iface%22%5D%0A%22CTL-511%22%20%20%20%5Blabel%20%3D%20%22CTL-511%5Cn--opc%2061499%20server%22%5D%0A%22CTL-601%22%20%20%20%5Blabel%20%3D%20%22CTL-601%5Cn--imex%20cfg%20tool%22%5D%0A%22CTL-602%22%20%20%20%5Blabel%20%3D%20%22CTL-602%5Cn--61131%20exec%20engine%22%5D%0A%22DCP-001%22%20%20%20%5Blabel%20%3D%20%22DCP-001%5Cn--distrib%20ctl%20platform%22%5D%0A%0Aedge%20%20%20%5Bcolor%3Dgray70%2Carrowhead%3Dopen%2Cstyle%3Ddashed%2Clabelfontcolor%3Dgray55%5D%0A%0A%22OCF-001%22%3Ane%20-%3E%20%22OCF-F-001%22%3Aw%20%5Btaillabel%3D%22%3Cmay%20need%3E%22%5D%20%5Blabelangle%3D25%5D%5Blabeldistance%3D1%5D%20%0A%22OCF-001%22%3Ae%20%20-%3E%20%22OCF-F-002%22%3Aw%20%0A%22OCF-001%22%3Ae%20%20-%3E%20%22OCF-F-004%22%3Aw%20%0A%22OCF-001%22%3Ae%20%20-%3E%20%22OCF-F-005%22%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2030%5D%5Blabeldistance%3D2.5%5D%20%0A%22OCF-002%22%3Ae%20%20-%3E%20%22OCF-001%22%20%20%3Aw%20%20%20%0A%22OCF-002%22%20%20%20%20-%3E%20%22OCF-F-006%22%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D340%5D%5Blabeldistance%3D2.5%5D%0A%0A%22NET-001%22%20%20%20%20-%3E%20%22NET-F-011%22%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%5Blabelangle%3D25%5D%5Blabeldistance%3D2.5%5D%0A%22NET-002%22%20%20%20%20-%3E%20%22NET-F-012%22%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%5Blabelangle%3D25%5D%5Blabeldistance%3D2.5%5D%0A%22NET-003%22%3Ae%20%20-%3E%20%22NET-F-013%22%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%5Blabelangle%3D25%5D%5Blabeldistance%3D2.5%5D%0A%22NET-004%22%3Ae%20%20-%3E%20%22NET-F-013%22%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%5Blabelangle%3D25%5D%5Blabeldistance%3D2.5%5D%0A%22NET-005%22%3Ae%20%20-%3E%20%22NET-F-013%22%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%5Blabelangle%3D25%5D%5Blabeldistance%3D2.5%5D%0A%22NET-006%22%3Ae%20%20-%3E%20%22NET-F-013%22%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%5Blabelangle%3D25%5D%5Blabeldistance%3D2.5%5D%0A%0A%22OSM-001%22%0A%22OSM-002%22%0A%22OSM-003%22%0A%0A%22OBC-201%22%3Ae%20%20-%3E%20%22OBC-F-101%22%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2025%5D%5Blabeldistance%3D2.5%5D%0A%22OBC-202%22%20%20%20%20-%3E%20%22OCF-001%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cmay%20need%3E%22%5D%20%5Blabelangle%3D315%5D%5Blabeldistance%3D.8%5D%0A%22OBC-203%22%3Ae%20%20-%3E%20%22OBC-F-201%22%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D45%5D%5Blabeldistance%3D-3%5D%20%20%0A%22OBC-203%22%3Ase%20-%3E%20%22OCF-001%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D330%5D%5Blabeldistance%3D1.4%5D%20%0A%22OBC-203%22%3As%20%20-%3E%20%22OCF-002%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cmay%20need%3E%22%5D%20%5Blabelangle%3D330%5D%5Blabeldistance%3D1.2%5D%0A%0A%22ALM-001%22%3Ae%20%20-%3E%20%22OBC-201%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%20%205%5D%5Blabeldistance%3D3.5%5D%0A%22ALM-002%22%3Ae%20%20-%3E%20%22OBC-201%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%20%205%5D%5Blabeldistance%3D3.5%5D%0A%22ALM-003%22%3Ae%20%20-%3E%20%22OCF-001%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2015%5D%5Blabeldistance%3D3.5%5D%0A%22ALM-003%22%3Ase%20-%3E%20%22OCF-002%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cmay%20need%3E%22%5D%20%5Blabelangle%3D%2045%5D%5Blabeldistance%3D4.5%5D%0A%22ALM-004%22%3Ae%20%20-%3E%20%22OCF-001%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2015%5D%5Blabeldistance%3D3.5%5D%0A%22ALM-004%22%3Ase%20-%3E%20%22OCF-002%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cmay%20need%3E%22%5D%20%5Blabelangle%3D%2025%5D%5Blabeldistance%3D4.5%5D%0A%0A%22OFB-001%22%3Ae%20%20-%3E%20%22OBC-F-201%22%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2015%5D%5Blabeldistance%3D2.5%5D%0A%22OFB-002%22%3Ae%20%20-%3E%20%22OBC-201%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2015%5D%5Blabeldistance%3D2.5%5D%0A%22OFB-003%22%3Ae%20%20-%3E%20%22OBC-F-201%22%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2015%5D%5Blabeldistance%3D2.5%5D%0A%0A%22CTL-501%22%20%20%20%20-%3E%20%22OFB-002%22%20%20%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2012%5D%5Blabeldistance%3D4.2%5D%0A%22CTL-511%22%20%20%20%20-%3E%20%22OFB-003%22%20%20%20%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2012%5D%5Blabeldistance%3D4.2%5D%0A%0A%22CTL-601%22%3Ae%20%20-%3E%20%22OFB-002%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%205%5D%5Blabeldistance%3D4.2%5D%0A%0A%22CTL-602%22%3Ae%20%20-%3E%20%22OBC-203%22%20%20%3Aw%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%20%20%20%20%5Blabelangle%3D%2020%5D%5Blabeldistance%3D4.2%5D%0A%22CTL-602%22%3Ae%20%20-%3E%20%22OCF-F-003%22%20%20%0A%22CTL-602%22%3Ae%20%20-%3E%20%22OFB-001%22%20%20%20%0A%0A%22DCP-001%22%0A%0A%22At%20least%201%20NET%22%20%20%20%5Bstyle%3Ddashed%2Cshape%3Dnote%2Cwidth%3D1.4%5D%20%20%0A%22At%20least%201%20OSM%22%20%20%20%5Bstyle%3Ddashed%2Cshape%3Dnote%2Cwidth%3D1.4%5D%20%20%20%0A%0A%22At%20least%201%20NET%22%20-%3E%20%7B%22NET-001%22%20%22NET-002%22%20%22NET-003%22%20%22NET-004%22%20%22NET-005%22%20%22NET-006%22%7D%20%20%20%0A%22At%20least%201%20OSM%22%20-%3E%20%7B%22OSM-001%22%20%22OSM-002%22%20%22OSM-003%22%7D%20%20%0A%0Agraph%20%5Bcolor%3Droyalblue%2Cfontcolor%3Dsteelblue3%5D%0Asubgraph%20cluster_4all%20%7B%0A%20%20%20%20%20label%20%3D%20%22PART%204%20...%20O-PAS%20CONNECTIVITY%20FRAMEWORK%22%20%20%0A%20%20%20%20%20subgraph%20cluster_4OCF%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20label%20%3D%20%22PART%204%20...%20OCF%22%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22OCF-001%22%20%22OCF-002%22%20%22OCF-F-001%22%20%5Bstyle%3Dfilled%5D%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22OCF-F-002%22%20%5Bstyle%3Dfilled%5D%20%22OCF-F-003%22%20%5Bstyle%3Dfilled%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%22OCF-F-004%22%20%5Bstyle%3Dfilled%5D%20%22OCF-F-005%22%20%5Bstyle%3Dfilled%5D%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22OCF-F-006%22%20%5Bstyle%3Dfilled%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20subgraph%20cluster_4NET%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20label%20%3D%20%22Part%204...%20O-PAS%20NETWORK%20STACK%22%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22NET-001%22%20%22NET-002%22%20%22NET-003%22%20%22NET-004%22%20%22NET-005%22%20%22NET-006%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%22NET-F-011%22%20%5Bstyle%3Dfilled%5D%20%22NET-F-012%22%20%5Bstyle%3Dfilled%5D%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22NET-F-013%22%20%5Bstyle%3Dfilled%5D%0A%20%20%20%20%20%20%7D%20%20%20%20%20%20%0A%20%20%20%20%20%20subgraph%20cluster_4GDS%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20label%20%3D%20%22PART%204%20...%20GDS%22%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22GDS-001%22%0A%20%20%20%20%20%20%7D%0A%7D%0Asubgraph%20cluster_5%20%7B%0A%20%20%20%20%20%20label%20%3D%20%22PART%205%20...%20SYSTEMS%20MANAGEMENT%22%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%22OSM-001%22%20%22OSM-002%22%20%22OSM-003%22%20%0A%7D%0Asubgraph%20cluster_6_1%20%7B%0A%20%20%20%20%20%20label%20%3D%20%22PART%206.1%20...%20OVIEW%22%20%0A%20%20%20%20%20%20%22OBC-F-101%22%20%5Bstyle%3Dfilled%5D%20%0A%7D%0Asubgraph%20cluster_6_2%20%7B%0A%20%20%20%20%20%20label%20%3D%20%22PART%206.2%20...%20BASIC%20CONFIG%22%20%0A%20%20%20%20%20%20%22OBC-201%22%20%22OBC-202%22%20%22OBC-203%22%20%20%0A%20%20%20%20%20%20%22OBC-F-201%22%20%5Bstyle%3Dfilled%5D%0A%7D%0Asubgraph%20cluster_6_3%20%7B%0A%20%20%20%20%20%20label%20%3D%20%22PART%206.3%20...%20ALARMS%22%20%0A%20%20%20%20%20%20%22ALM-001%22%20%22ALM-002%22%20%22ALM-003%22%20%22ALM-004%22%0A%7D%0Asubgraph%20cluster_6_4%20%7B%0A%20%20%20%20%20%20label%20%3D%20%22Part%206.4%20...%20REF%20FUNCTION%20BLOCKS%22%0A%20%20%20%20%20%20%22OFB-001%22%20%22OFB-002%22%20%22OFB-003%22%0A%7D%0Asubgraph%20cluster_6_5%20%7B%0A%20%20%20%20label%20%3D%20%22PART%206.5%20...%20IEC%2061499%20%20%20%20%22%20%20%20%0A%20%20%20%20%22CTL-501%22%20%22CTL-511%22%20%0A%20%20%20%20%0A%7D%0Asubgraph%20cluster_6_6%20%7B%0A%20%20%20%20%20label%20%3D%20%22PART%206.6%20...%20IEC%2061131-3%20%22%20%20%20%0A%20%20%20%20%20%22CTL-601%22%20%22CTL-602%22%0A%7D%0Asubgraph%20cluster_7%20%7B%0A%20%20%20%20%20label%20%3D%20%22PART%207%20...%20DISTRIBUTED%20CONTROL%20PLATFORM%22%20%0A%20%20%20%20%20%22DCP-001%22%0A%20%20%20%20%20%22DCP-001%22%3Ae%20-%3E%20%22At%20least%201%20NET%22%20%20%5Btaillabel%3D%22%3Cneeds%3E%22%5D%5Blabelangle%3D15%5D%5Blabeldistance%20%3D%203%5D%20%0A%20%20%20%20%20%22DCP-001%22%3Ae%20-%3E%20%22At%20least%201%20OSM%22%20%20%20%0A%7D%20%0A%0A%7D%0A).