Graphviz szerkesztő
Írjon DOT kódot, és rajzolja a Graphviz ábrákat élőben a böngészőben. Mind a 7 elrendezési motor, szintaxishibák sorjelzése, nagyítható előnézet, SVG-letöltés és PNG-export. Teljesen helyben WebAssembly-vel - feltöltés nélkül.
Mi az a Graphviz és a DOT nyelv?
A Graphviz a gráfok megjelenítésének klasszikus nyílt forráskódú eszközkészlete. A DOT a csúcsok, élek és attribútumok leírására szolgáló szöveges nyelve; a Graphviz automatikusan számít olvasható elrendezést.
Kell internet a kirajzoláshoz?
Csak az elrendezési motor egyszeri első letöltéséhez. Ezután a kirajzolás WebAssembly-vel, a böngészőben fut helyben — az ábrák és a kód soha nem hagyja el az eszközt.
Mely elrendezési motorok támogatottak?
Mind a hét: dot (hierarchikus), neato és fdp (erő-alapú), circo (körkörös), twopi (radiális), osage (fürtfa) és patchwork (treemap). Az Elrendezés legyűjtőben váltható.
Hogyan értem meg, mit jelent egy szintaxishiba?
Ha a DOT kód hibás, a hibapanel megmutatja a motor üzenetét az érintett sorszámával, miközben az utolsó érvényes kirajzolás látható marad.
Exportálhatom az eredményt?
Igen. Letöltheti az éles vektoros SVG fájlt, vagy exportálhat 2x felbontású PNG-t az aktuális témához illeszkedő háttérrel.
Nagy gráfoknál lehet nagyítani az előnézetben?
Igen. Használja az egér görgőjét az előnézet fölött vagy a nagyító gombokat, húzással mozgathat, az Illesztés gomb pedig visszaállítja a nézetet.
Vannak kezdőpéldák?
A Példák legyűjtő folyamatábrát, állapotgépet, szervezeti ábrát, neato hálózatot és twopi radiális fát tartalmaz — mindegyik azonnal szerkeszthető DOT kódot tölt be.
A DOT kódom feltöltődik vagy tárolódik?
Nem. Semmi nem kerül szerverre és semmi nem tárolódik; a szerkesztő csak azt olvassa, amit az aktuális oldal-munkamenetben begépel.
Mekkora gráfot bír el?
Néhány száz csúcsos gráf szinte azonnal kirajzolódik. Nagyon nagy gráfok (ezer csúcs felett) is működnek, de a kirajzolás arányosan több időt vesz.
Ugyanaz az eredménye, mint a parancssori Graphviznek?
Ugyanazokat a Graphviz könyvtárakat (16-os verzió) tartalmazza, ezért az elrendezések és az SVG megegyeznek a dot parancs helyi futtatásával azonos bemenettel és beállításokkal.
A(z) Graphviz szerkesztő használata
Ez a szerkesztő Graphviz-diagramokat renderel közvetlenül a böngészőjében. Írja a DOT-kódot balra, és nézze, hogyan frissül az SVG-előnézet gépelés közben — a WebAssembly-ra fordított valódi Graphviz-könyvtárak hajtják, így a gráfjai sosem hagyják el a számítógépét.
- Írja vagy illessze be a DOT-kódot a forrásszerkesztőbe. Az előnézet a gépelés abbahagyása után kb. 300 ms-mal automatikusan megrajzolódik.
- Váltsa a layout-motort (dot, neato, fdp, circo, twopi, osage, patchwork), és megváltozik a gráf elrendezése.
- Töltsön be kezdősablont a Példák legördülőből — folyamatábra, állapotgép, szervezeti ábra, hálózat vagy radiális fa —, majd szerkessze.
- Nagy grafok vizsgálatához használja az egérgörgőt vagy a nagyítógombokat, húzással mozdítsa a nézetet, és a Illesztés gombbal állítson vissza. Az eredményt SVG-ként töltheti le, vagy 2x PNG-t exportálhat.
Ha szintaxishiba jelenik meg, a hibapanel megmutatja a pontos sort, ahol a DOT-elemző megállt — javítsa meg azt a sort, és az előnézet azonnal helyreáll, kódja elvesztése nélkül.
Kapcsolódó eszközök
- Mermaid szerkesztő Hozzon létre folyamatábrákat, szekvenciadiagramokat, Gantt-diagramokat és többet szövegből a Mermaid szerkesztőben. Rendereljen, zoomoljon és exportáljon SVG-be vagy PNG-be a böngészőjében.
- Kód-játszótér Online HTML, CSS és JavaScript játszótér élő előnézettel, sorszámozott szerkesztővel és rögzített konzollal. Teszteld a kódrészleteket azonnal, és töltsd le az eredményt egyetlen HTML fájlként - teljesen a böngésződben.
- Diagramkészítő Oszlop-, vonal-, terület-, kör- és fánkdiagramok készítése beillesztett CSV- vagy TSV-adatokból. Élő előnézet, színpaletták, cím- és jelmagyarázat-vezérlés, plusz 2x PNG-export - minden a böngésződben.
- Hash-ellenőrző MD5, SHA-1, SHA-256, SHA-512 fájl hash-ek helyi kiszámítása és ellenőrzése
- Chmod-számológép Ingyenes online chmod-számológép a Linux fájljogosultságok vizualizálásához és számításához jelölőnégyzetekkel. Azonnali átváltás numerikus (755, 644) és szimbolikus jelölés (rwxr-xr-x) között. Támogatja a különleges jogosultságokat mint setuid, setgid, sticky bit.
- ASCII Táblázat Teljes ASCII karakterkódolási referencia tizes, tizenhatos, nyolcas, kettes számrendszerbeli kódokkal, HTML entitásokkal és karakterleírásokkal. Azonnali keresés és szűrés.
- Hex megjelenítő Fájltartalom megtekintése hex dump formátumban kereséssel, offset navigációval és virtuális görgetéssel
- MIME Típus Kereső Azonnal találjon MIME típusokat fájlkiterjesztés alapján, vagy keressen kiterjesztéseket MIME típus szerint. Ingyenes online referencia 1000+ bejegyzéssel.