A network diagram
is a visual representation of a computer or telecommunications network. It illustrates the arrangement and interconnections
of network components, including servers, routers, switches, hubs, and devices. Network diagrams are invaluable tools for network engineers and administrators to understand, set up, and troubleshoot networks
. They are also essential for visualizing the structure and flow of data
in a network, ensuring optimal performance and security.
, developed by Takeshi Komiya
, provides a streamlined platform to swiftly sketch network diagrams
. We extend our gratitude to Takeshi for this innovative tool
Given its intuitive syntax, nwdiag
has been seamlessly integrated into PlantUML
. The examples showcased here are inspired by the ones documented by Takeshi
Define a network
Define some elements or servers on a network
Define group inside network definitions
Define group outside of network definitions
Define several groups on same network
Example with 2 group
Example with 3 groups
For network or network's component, you can add or change:
- addresses (separated by comma
For a group, you can add or change:
You can use all sprites
(icons) from the Standard Library
or any other library.
Use the notation
to use a sprite,
to make a new line, or any other Creole
You can also use the icons from OpenIconic
in network or node descriptions.
Use the notation
to make an icon,
to multiply the size by a factor
to make a newline:
You can use same nodes on different networks (more than two networks); nwdiag
use in this case 'jump line'
Peer networks are simple connections between two nodes, for which we don't use a horizontal "busbar" network
Group on first
Group on second
Group on third
[Ref. Issue#408 and QA-12655]
[Ref. QA-11303 and Common commands]
With shadow (by default)
You can change the width of the networks, especially in order to have the same full width for only some or all networks.
Here are some examples, with all the possibilities:
- all the network (with same full width)
You can define other internal networks (TCP/IP, USB, SERIAL,...).
Without style (by default)
You can use style
to change rendering of elements.
- Overlap of label for folder
- Hexagon shape is missing