Edytor Graphviz
Pisz kod DOT i renderuj diagramy Graphviz na żywo w przeglądarce. Wszystkie 7 silników układu, linie błędów składni, skalowalny podgląd, pobieranie SVG i eksport PNG. W pełni lokalnie dzięki WebAssembly - bez wysyłania.
Czym są Graphviz i język DOT?
Graphviz to klasyczny otwarty zestaw narzędzi do wizualizacji grafów. DOT to jego tekstowy język opisu węzłów, krawędzi i atrybutów; Graphviz automatycznie oblicza czytelny układ.
Czy do renderowania potrzebny jest internet?
Tylko na jednorazowy pierwszy pobór silnika układu. Potem renderowanie działa lokalnie w przeglądarce dzięki WebAssembly — diagramy i kod nigdy nie opuszczają urządzenia.
Które silniki układu są obsługiwane?
Wszystkie siedem: dot (hierarchiczny), neato i fdp (siłowe), circo (kołowy), twopi (promienisty), osage (drzewo klastrów) i patchwork (treemap). Przełączaj w liście Układ.
Jak zrozumieć błąd składni?
Gdy kod DOT ma problem, panel błędu pokazuje komunikat silnika z numerem linii, w której parsowanie padło; ostatni poprawny render pozostaje widoczny.
Czy mogę wyeksportować wynik?
Tak. Pobierz ostry wektorowy plik SVG albo wyeksportuj PNG w rozdzielczości 2x z tłem dopasowanym do aktualnego motywu.
Czy podgląd obsługuje zoom dla dużych grafów?
Tak. Kółko myszy nad podglądem lub przyciski zoom, przeciąganie przesuwa widok, a Dopasuj resetuje go.
Czy są gotowe przykłady?
Lista Przykłady zawiera schemat blokowy, automat stanów, organigram, sieć neato i promieniste drzewo twopi — każdy wczytuje gotowy do edycji kod DOT.
Czy mój kod DOT jest wysyłany lub zapisywany?
Nie. Nic nie jest wysyłane na serwery i nic nie jest zapisywane; edytor czyta tylko to, co wpiszesz w bieżącej sesji strony.
Jak duże grafy obsłuży?
Grafy z kilkuset węzłami renderują się niemal natychmiast. Bardzo duże (tysiące węzłów) też działają, ale renderowanie trwa odpowiednio dłużej.
Czy wynik odpowiada Graphviz z linii poleceń?
Zawiera te same biblioteki Graphviz (wersja 16), więc układy i SVG są równoważne lokalnemu uruchomieniu polecenia dot dla tych samych danych i opcji.
Jak korzystać z Edytor Graphviz
Ten edytor renderuje diagramy Graphviz bezpośrednio w Twojej przeglądarce. Pisz kod DOT po lewej i patrz, jak podgląd SVG aktualizuje się podczas pisania — napędzany prawdziwymi bibliotekami Graphviz skompilowanymi do WebAssembly, więc Twoje grafy nigdy nie opuszczają komputera.
- Wpisz lub wklej kod DOT do edytora źródła. Podgląd renderuje się automatycznie około 300 ms po zaprzestaniu pisania.
- Zmień silnik układu (dot, neato, fdp, circo, twopi, osage, patchwork), aby odmienić sposób rozmieszczenia grafu.
- Wczytaj szablon startowy z listy Przykłady — schemat blokowy, automat stanów, schemat organizacyjny, sieć lub drzewo radialne — i go edytuj.
- Użyj kółka myszy lub przycisków powiększenia do oglądania dużych grafów, przeciągaj, aby przesuwać, i wciśnij Dopasuj, by zresetować. Pobierz wynik jako SVG lub wyeksportuj PNG 2x.
Jeśli pojawi się błąd składni, panel błędów pokazuje dokładny wiersz, na którym zatrzymał się parser DOT — popraw ten wiersz, a podgląd natychmiast wróci do normy bez utraty kodu.
Powiązane narzędzia
- Edytor Mermaid Twórz schematy blokowe, diagramy sekwencji, wykresy Gantta i więcej z tekstu w edytorze Mermaid. Renderuj, zoomuj i eksportuj do SVG lub PNG w przeglądarce.
- Plac zabaw dla kodu Online plac zabaw HTML, CSS i JavaScript z podglądem na żywo, edytorem z numerami linii i przechwyconą konsolą. Testuj fragmenty natychmiast i pobierz wynik jako jeden plik HTML - w całości w przeglądarce.
- Kreator wykresów Twórz wykresy kolumnowe, liniowe, obszarowe, kołowe i pierścieniowe z wklejonych danych CSV lub TSV. Podgląd na żywo, palety kolorów, sterowanie tytułem i legendą oraz eksport PNG 2x - wszystko w przeglądarce.
- Sprawdzanie Hash Obliczaj i weryfikuj hashe MD5, SHA-1, SHA-256, SHA-512 lokalnie
- Kalkulator Chmod Darmowy kalkulator chmod online do wizualizacji i obliczania uprawnień plików Linux za pomocą pól wyboru. Natychmiastowa konwersja między notacją liczbową (755, 644) a symboliczną (rwxr-xr-x). Obsługuje specjalne uprawnienia jak setuid, setgid, sticky bit.
- Tabela ASCII Kompletna referencja kodowania znaków ASCII z kodami dziesiętnymi, szesnastkowymi, ósemkowymi, binarnymi, encjami HTML i opisami znaków. Natychmiastowe wyszukiwanie i filtrowanie.
- Przeglądarka Hex Przeglądaj zawartość plików w formacie hex dump z wyszukiwaniem, nawigacją offsetu i wirtualnym przewijaniem
- Wyszukiwarka Typów MIME Błyskawicznie znajdź typy MIME po rozszerzeniu pliku lub wyszukaj rozszerzenia po typie MIME. Darmowa referencja online z ponad 1000 wpisami.