Визуализация и интерактивное описание таблиц iptables
Часто бывает, что по прошествии времени, знания подзабываются. В лучшем случае открываешь любимый мануал и быстро всё вспоминаешь. В худшем, приходится заново погружаться в казалось бы уже знакомую тему.
Всегда считал, что визуализация изучаемой информации позволяет быстрее её понять.
Для этих целей было сделано интерактивное описание таблиц iptables, подсказки по цепочкам, и визуализация прохождения трафика, в зависимости от его назначения (транзитный, локальный).
В описание вошли только, наиболее популярные действия и примеры.
![](https://habrastorage.org/getpro/habr/upload_files/44f/d1f/2d4/44fd1f2d496e7d3a068cf22f9b651ee4.gif)
Сама схема состоит всего из 3 файлов:
iptables.html — разметка (html + js)
styles.css — стили
iptables.svg — непосредственно схема и описание таблиц
Её легко разместить на своём веб-сервере, либо если нет желания этого делать, но есть python - можно использовать его модуль http, и запустить локально (localhost:8000):
python3 -m http.server
Исходный код на github
Буду рад обратной связи и пожеланиям по улучшению!