Редактор Graphviz
Пишите код DOT и рендерите диаграммы Graphviz в реальном времени в браузере. Все 7 движков раскладки, указание строк с ошибками, масштабируемый предпросмотр, скачивание SVG и экспорт PNG. Полностью локально через WebAssembly - без загрузки на сервер.
Что такое Graphviz и язык DOT?
Graphviz — классический открытый набор инструментов визуализации графов. DOT — его текстовый язык описания узлов, рёбер и атрибутов; Graphviz автоматически вычисляет читаемую раскладку.
Нужен ли интернет для рендеринга?
Только для однократной первичной загрузки движка раскладки. Дальше рендеринг выполняется локально в браузере через WebAssembly — диаграммы и код не покидают устройство.
Какие движки раскладки поддерживаются?
Все семь: dot (иерархический), neato и fdp (силовые), circo (круговой), twopi (радиальный), osage (кластерное дерево) и patchwork (трюмап). Переключайте в выпадающем списке «Раскладка».
Как понять ошибку синтаксиса?
Если в DOT-коде проблема, панель ошибок показывает сообщение движка с номером строки, где разбор не удался; последняя удачная отрисовка остаётся видимой.
Можно ли экспортировать результат?
Да. Скачайте чёткий векторный SVG-файл или экспортируйте PNG в двойном разрешении с фоном под текущую тему.
Масштабируется ли предпросмотр больших графов?
Да. Колесо мыши над предпросмотром или кнопки зума, перетаскивание для панорамирования и кнопка «Вписать» для сброса вида.
Есть ли готовые примеры?
В списке «Примеры» — блок-схема, конечный автомат, оргдиаграмма, сеть neato и радиальное дерево twopi; каждый загружает готовый к правке DOT-код.
Мой DOT-код куда-то отправляется или сохраняется?
Нет. Ничего не отправляется на серверы и не сохраняется; редактор читает только то, что вы вводите в текущей сессии страницы.
Какой размер графа поддерживается?
Графы в несколько сотен узлов рендерятся практически мгновенно. Очень большие графы (тысячи узлов) тоже работают, но рендер пропорционально дольше.
Результат совпадает с консольным Graphviz?
В комплекте те же библиотеки Graphviz (версия 16), поэтому раскладки и SVG эквивалентны локальному запуску команды dot при том же вводе и опциях.
Как использовать Редактор Graphviz
Этот редактор отрисовывает диаграммы Graphviz прямо в вашем браузере. Пишите DOT-код слева и наблюдайте, как SVG-предпросмотр обновляется по мере набора — на настоящих библиотеках Graphviz, скомпилированных в WebAssembly, поэтому ваши графы никогда не покидают компьютер.
- Введите или вставьте DOT-код в редакторе исходника. Предпросмотр отрисовывается автоматически примерно через 300 мс после остановки набора.
- Смените движок раскладки (dot, neato, fdp, circo, twopi, osage, patchwork), чтобы изменить расположение графа.
- Загрузите стартовый шаблон из выпадающего списка «Примеры» — блок-схему, конечный автомат, оргструктуру, сеть или радиальное дерево — и отредактируйте его.
- Используйте колесо мыши или кнопки масштаба для изучения больших графов, перетаскивайте для панорамирования и нажмите «Вписать» для сброса. Скачайте результат как SVG или экспортируйте PNG 2x.
Если появится синтаксическая ошибка, панель ошибок покажет точную строку, где остановился парсер DOT — исправьте её, и предпросмотр мгновенно восстановится без потери кода.
Похожие инструменты
- Редактор Mermaid Создавайте блок-схемы, диаграммы последовательности, диаграммы Ганта и другие прямо из текста в редакторе Mermaid. Рендеринг, масштабирование и экспорт в SVG или PNG в браузере.
- Песочница кода Онлайн-песочница HTML, CSS и JavaScript с живым предпросмотром, редактором с номерами строк и перехваченной консолью. Мгновенно тестируйте фрагменты и скачивайте результат в один HTML-файл — полностью в браузере.
- Конструктор диаграмм Создавайте столбчатые, линейные, с областями, круговые и кольцевые диаграммы из вставленных данных CSV или TSV. Живой предпросмотр, палитры, управление заголовком и легендой плюс экспорт PNG 2x — всё в браузере.
- Проверка хеша Вычисляйте и проверяйте хеши MD5, SHA-1, SHA-256, SHA-512 локально
- Калькулятор Chmod Бесплатный онлайн-калькулятор chmod для визуализации и вычисления прав доступа Linux с помощью флажков. Мгновенное преобразование между числовой (755, 644) и символической нотацией (rwxr-xr-x). Поддержка специальных прав: setuid, setgid, sticky bit.
- Таблица ASCII Полная справочная таблица кодировки ASCII с десятичными, шестнадцатеричными, восьмеричными, двоичными кодами, HTML-сущностями и описаниями символов. Мгновенный поиск и фильтрация.
- Hex-просмотрщик Просмотр содержимого файлов в шестнадцатеричном формате с поиском, навигацией по смещению и виртуальной прокруткой
- Поиск MIME-типов Мгновенно находите MIME-типы по расширению файла или ищите расширения по MIME-типу. Бесплатный онлайн-справочник с более чем 1000 записями.