It often happens that over time, knowledge is forgotten. At best, you open your favorite manual and quickly remember everything. At worst, you have to re-immerse yourself in a seemingly familiar topic.

I have always believed that visualizing the information being studied allows you to understand it faster.

For these purposes, an interactive description of the iptables tables, hints along the chains, and visualization of the traffic flow, depending on its destination (transit, local), was made.

The description includes only the most popular actions and examples.You can deploy it at home, the code is posted on github: https://github.com/zersh01/iptables_interactive_scheme

Demo: https://zersh01.github.io/iptables_interactive_scheme/

Basic files:

-iptables.html - markup
-styles.css styles
-iptables.svg - the schema itself
-Iptables - folder for localizations
-start_python_http.sh - simple http server for quick testing

You can send your localization by adding a translation along the following path: Iptables/lang_name

The file names indicate the type of message that they are intended for:

*-data - for tooltips

*-descr - extended description under the diagram