Graphviz-editori
Kirjoita DOT-koodia ja renderöi Graphviz-kaavioita suoratoistona selaimessa. Kaikki 7 asettelumoottoria, syntaksivirherivit, zoomattava esikatselu, SVG-lataus ja PNG-vienti. Täysin paikallisesti WebAssemblylla - ei lähetystä.
Mitä ovat Graphviz ja DOT-kieli?
Graphviz on klassinen avoimen lähdekoodin graafien visualisointityökalu. DOT on sen tekstikieli solmujen, kaarten ja attribuuttien kuvaukseen; Graphviz laskee automaattisesti luettavan asettelun.
Tarvitaanko internetiä renderöintiin?
Vain asettelumoottorin kertaluontoiseen ensilataukseen. Sen jälkeen renderöinti toimii paikallisesti selaimessa WebAssemblyn kautta — kaaviot ja koodi eivät koskaan lähde laitteelta.
Mitä asettelumoottoreita tuetaan?
Kaikkia seitsemää: dot (hierarkkinen), neato ja fdp (voimapohjaiset), circo (ympyrä), twopi (säteittäinen), osage (klusteripuu) ja patchwork (treemap). Vaihda Asettelu-valikosta.
Miten ymmärrän mitä syntaksivirhe tarkoittaa?
Kun DOT-koodissa on ongelma, virhepaneeli näyttää moottorin viestin ja rivinumeron, jossa jäsennys epäonnistui; viimeinen kelvollinen renderöinti pysyy näkyvissä.
Voinko viedä tuloksen?
Kyllä. Lataa terävä vektorimuotoinen SVG-tiedosto tai vie 2x-tarkkuudellinen PNG taustalla, joka vastaa nykyistä teemaa.
Skaalautuuko esikatselu suurille graafeille?
Kyllä. Käytä hiiren rullaa esikatselun päällä tai zoom-painikkeita, vedä siirtääksesi ja paina Sovita nollataksesi näkymän.
Onko valmiita esimerkkejä?
Esimerkit-valikossa on vuokaavio, tilakone, organisaatiokaavio, neato-verkko ja säteittäinen twopi-puu — kukin lataa valmiin muokattavan DOT-koodin.
Lähetetäänkö tai tallennetaanko DOT-koodiani?
Ei. Mitään ei lähetetä palvelimille eikä tallenneta; editori lukee vain sen, mitä kirjoitat nykyisen sivun istunnossa.
Kuinka suuria graafeja se hallitsee?
Muutaman sadan solmun graafit renderöityvät lähes heti. Hyvin suuret graafit (tuhansia solmuja)kin toimivat, mutta renderöinti kestää vastaavasti kauemmin.
Vastaako tulos komentorivin Graphvizia?
Mukana on samat Graphviz-kirjastot (versio 16), joten asettelut ja SVG ovat vastaavia kuin dot-komennon paikallinen ajaminen samoilla syötteillä ja valinnoilla.
Näin käytät työkalua Graphviz-editori
Tämä editori renderöi Graphviz-kaavioita suoraan selaimessasi. Kirjoita DOT-koodia vasemmalle ja katso, kuinka SVG-esikatselu päivittyy kirjoittaessasi — WebAssemblyksi käännettyjen todellisten Graphviz-kirjastojen pyörittämänä, joten graafisi eivät koskaan lähde tietokoneeltasi.
- Kirjoita tai liitä DOT-koodia lähdekoodieditoriin. Esikatselu renderöityy automaattisesti noin 300 ms siitä, kun lopetat kirjoittamisen.
- Vaihda asettelumoottoria (dot, neato, fdp, circo, twopi, osage, patchwork) muuttaaksesi graafin asettelutapaa.
- Lataa aloituspohja Esimerkit-alasvalikosta — vuokaavio, tilakone, organisaatiokaavio, verkko tai sädepuu — ja muokkaa sitä.
- Käytä hiiren rullaa tai zoomauspainikkeita suurten graafien tutkimiseen, vedä siirtääksesi näkymää ja paina Sovita nollataksesi. Lataa tulos SVG:nä tai vie 2x-PNG.
Jos syntaksivirhe ilmestyy, virhepaneeli näyttää tarkan rivin, jolla DOT-jäsennin pysähtyi — korjaa se rivi ja esikatselu palautuu heti ilman että koodisi katoaa.
Aiheeseen liittyvät työkalut
- Mermaid-editori Luo vuokaavioita, sekvenssikaavioita, Gantt-kaavioita ja muuta tekstistä Mermaid-editorilla. Renderöi, zoomaa ja vie SVG- tai PNG-muotoon selaimessasi.
- Koodileikkikenttä Verkko-HTML-, CSS- ja JavaScript-leikkipaikka live-esikatselulla, rivinumeroisella editorilla ja tallennetulla konsolilla. Testaa koodinpätkiä heti ja lataa tulos yhtenä HTML-tiedostona - kokonaan selaimessasi.
- Kaaviotekijä Luo pylväs-, viiva-, alue-, ympyrä- ja donitsikaavioita liitetyistä CSV- tai TSV-datasta. Live-esikatselu, väripaletit, otsikon ja selitteen hallinta sekä 2x PNG-vienti - kaikki selaimessasi.
- Tiivistetarkistus Laske ja vahvista MD5, SHA-1, SHA-256, SHA-512 tiedostotiivisteet paikallisesti
- Chmod-laskin Ilmainen online chmod-laskin Linux-tiedostooikeuksien visualisointiin ja laskentaan valintaruuduilla. Muunna heti numeerisen (755, 644) ja symbolisen merkintätavan (rwxr-xr-x) välillä. Tukee erikoisoikeuksia kuten setuid, setgid, sticky bit.
- ASCII-taulukko Täydellinen ASCII-merkkikoodausviite desimaali-, heksadesimaali-, oktaali-, binäärikoodeilla, HTML-entiteeteillä ja merkinkuvauksilla. Välitön haku ja suodatus.
- Hex-katselin Näytä tiedostojen sisältö hex-dump-muodossa haulla, siirtymällä ja virtuaalisella vierityksellä
- MIME-tyypin Haku Löydä MIME-tyypit heti tiedostotunnisteella tai hae tunnisteita MIME-tyypillä. Ilmainen verkkoviite yli 1000 merkinnällä.