Template for LaTeX-based Network Diagrams

• Blogpost

Getting started

• One-liner for building the diagram:

  docker run --rm -it -v "$(pwd):/workdir" danteev/texlive latexmk -pdf network_diagram_with_images.tex

• The diagram relies on tcolorboxes inside a tikzpicture. Icons are from fontawesome, using the fontawesome5 package.
• New hosts can be added quickly (just copy-paste what's there, and use find-replace to ensure node identifiers are unique). Positioning hosts and drawing edges between them needs to be done manually, which typically eats up the most time. :)

License

CC BY 4.0

Image credit

• e-Book Reader: Webysther, CC BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Webysther_20170725034326_-_Kindle_Paperwhite_2%C2%B0_gera%C3%A7%C3%A3o_com_4GB.png

• Laptop: Intel Free Press, CC BY-SA 2.0 https://creativecommons.org/licenses/by-sa/2.0, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Lenovo_ThinkPad_X1_Ultrabook_(Nov_16,_2012).png

• Modem: Evan-Amos, Public domain, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Linksys-Wireless-G-Router.jpg

• Printer: David Vignoni / ICON KING (LGPL http://www.gnu.org/licenses/lgpl.html or LGPL http://www.gnu.org/licenses/lgpl.html), via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Nuvola_devices_print_printer.png

• Raspberry Pi: Gareth Halfacree from Bradford, UK, CC BY-SA 2.0 https://creativecommons.org/licenses/by-sa/2.0, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Raspberry_Pi_3_B%2B_(26931245278).png

• Video Game Console: Evan-Amos, modified by Gunnar.offel, Public domain, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Nintendo-Switch-wJoyCons-BlRd-Standing-FL.png

• Docker: dotCloud, Inc., Apache License 2.0 http://www.apache.org/licenses/LICENSE-2.0, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Docker_(container_engine)_logo.svg

• Home Assistant: Jeremy Geltman, CC BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Home_Assistant_Logo.svg

• pi-hole: fair use according to https://pi-hole.net/trademark-rules-and-brand-guidelines/

• WireGuard: CoreUI, CC BY 4.0 https://creativecommons.org/licenses/by/4.0, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Cib-wireguard_(CoreUI_Icons_v1.0.0).svg

• WordPress: ™/®WordPress, GPL http://www.gnu.org/licenses/gpl.html, via Wikimedia Commons, https://commons.wikimedia.org/wiki/File:Wordpress-Logo.svg