Επεξεργαστής Graphviz
Γράψτε κώδικα DOT και αποδώστε διαγράμματα Graphviz ζωντανά στο πρόγραμμα περιήγησης. Και οι 7 μηχανές διάταξης, γραμμές συντακτικών σφαλμάτων, προεπισκόπηση με zoom, λήψη SVG και εξαγωγή PNG. Πλήρως τοπικά με WebAssembly - χωρίς αποστολή.
Τι είναι τα Graphviz και η γλώσσα DOT;
Τα Graphviz είναι ένα κλασικό ανοιχτού κώδικα εργαλείο απεικόνισης γραφημάτων. Η DOT είναι η γλωσσική περιγραφή κόμβων, ακμών και ιδιοτήτων· τα Graphviz υπολογίζουν αυτόματα ευανάγνωστη διάταξη.
Χρειάζεται internet για την απόδοση;
Μόνο για την εφάπαξ αρχική λήψη της μηχανής διάταξης. Μετά η απόδοση τρέχει τοπικά στο πρόγραμμα περιήγησης μέσω WebAssembly — τα διαγράμματα και ο κώδικάς σας δεν φεύγουν ποτέ από τη συσκευή.
Ποιες μηχανές διάταξης υποστηρίζονται;
Και οι επτά: dot (ιεραρχική), neato και fdp (δυνάμεων), circo (κυκλική), twopi (ακτινωτή), osage (δέντρο συστάδων) και patchwork (treemap). Αλλαγή από το μενού Διάταξη.
Πώς καταλαβαίνω τι σημαίνει συντακτικό σφάλμα;
Όταν ο κώδικας DOT έχει πρόβλημα, ένας πίνακας σφαλμάτων δείχνει το μήνυμα της μηχανής με τον αριθμό γραμμής όπου απέτυχε η ανάλυση, και η τελευταία επιτυχής απόδοση παραμένει ορατή.
Μπορώ να εξάγω το αποτέλεσμα;
Ναι. Κατεβάστε το καθαρό διανυσματικό αρχείο SVG ή εξάγετε PNG σε ανάλυση 2x με φόντο που ταιριάζει στο τρέχον θέμα.
Η προεπισκόπηση κάνει zoom για μεγάλα γραφήματα;
Ναι. Χρησιμοποιήστε τον τροχό του ποντικιού πάνω από την προεπισκόπηση ή τα κουμπιά zoom, σύρετε για ολίσθηση και πατήστε Προσαρμογή για επαναφορά.
Υπάρχουν αρχικά παραδείγματα;
Το μενού Παραδείγματα περιλαμβάνει διάγραμμα ροής, αυτόματο καταστάσεων, οργανόγραμμα, δίκτυο neato και ακτινωτό δέντρο twopi — το καθένα φορτώνει έτοιμο προς επεξεργασία κώδικα DOT.
Ο κώδικας DOT ανεβαίνει ή αποθηκεύεται;
Όχι. Τίποτα δεν αποστέλλεται σε διακομιστές και τίποτα δεν αποθηκεύεται· ο επεξεργαστής διαβάζει μόνο όσα πληκτρολογείτε στην τρέχουσα συνεδρία της σελίδας.
Πόσο μεγάλα γραφήματα χειρίζεται;
Γραφήματα με λίγες εκατοντάδες κόμβους αποδίδονται σχεδόν ακαριαία. Πολύ μεγάλα (χιλιάδες κόμβοι) λειτουργούν επίσης, αλλά η απόδοση παίρνει αναλόγως περισσότερο χρόνο.
Συμφωνεί με τα Graphviz της γραμμής εντολών;
Περιλαμβάνει τις ίδιες βιβλιοθήκες Graphviz (έκδοση 16), οπότε οι διατάξεις και το SVG είναι ισοδύναμα με τοπική εκτέλεση της εντολής dot με τα ίδια δεδομένα και επιλογές.
Πώς να χρησιμοποιήσετε το Επεξεργαστής Graphviz
Αυτός ο επεξεργαστής απεικονίζει διαγράμματα Graphviz απευθείας στον browser σας. Γράψτε κώδικα DOT αριστερά και δείτε την προεπισκόπηση SVG να ενημερώνεται καθώς πληκτρολογείτε — τροφοδοτούμενος από τις αληθινές βιβλιοθήκες Graphviz μεταγλωττισμένες σε WebAssembly, ώστε οι γράφοι σας να μη φεύγουν ποτέ από τον υπολογιστή σας.
- Πληκτρολογήστε ή επικολλήστε κώδικα DOT στον επεξεργαστή πηγαίου κώδικα. Η προεπισκόπηση απεικονίζεται αυτόματα περίπου 300 ms μετά τη διακοπή της πληκτρολόγησης.
- Αλλάξτε τη μηχανή διάταξης (dot, neato, fdp, circo, twopi, osage, patchwork) για να αλλάξετε τον τρόπο τοποθέτησης του γράφου.
- Φορτώστε πρότυπο εκκίνησης από το αναπτυσσόμενο μενού Παραδείγματα — διάγραμμα ροής, μηχανή καταστάσεων, οργανόγραμμα, δίκτυο ή ακτινικό δέντρο — και επεξεργαστείτε το.
- Χρησιμοποιήστε τη ροδέλα ή τα κουμπιά ζουμ για να εξετάσετε μεγάλους γράφους, σύρετε για μετατόπιση και πατήστε Προσαρμογή για επαναφορά. Κατεβάστε το αποτέλεσμα ως SVG ή εξάγετε PNG 2x.
Αν εμφανιστεί συντακτικό σφάλμα, ο πίνακας σφαλμάτων δείχνει την ακριβή γραμμή όπου σταμάτησε ο αναλυτής DOT — διορθώστε εκείνη τη γραμμή και η προεπισκόπηση ανακάμπτει άμεσα χωρίς να χάσετε τον κώδικά σας.
Σχετικά εργαλεία
- Επεξεργαστής Mermaid Δημιουργήστε διαγράμματα ροής, διαγράμματα ακολουθίας, Gantt και άλλα από κείμενο με τον επεξεργαστή Mermaid. Αποδώστε, κάντε zoom και εξάγετε σε SVG ή PNG στον browser σας.
- Πεδίο Δοκιμών Κώδικα Online παιχνίδι HTML, CSS και JavaScript με ζωντανή προεπισκόπηση, editor με αριθμούς γραμμών και καταγεγραμμένη κονσόλα. Δοκιμάστε αποσπάσματα άμεσα και κατεβάστε το αποτέλεσμα ως ένα αρχείο HTML - εξ ολοκλήρου στον browser.
- Δημιουργός Γραφημάτων Δημιουργήστε γραφήματα ράβδων, γραμμών, περιοχής, πίτας και δακτυλίου από επικολλημένα δεδομένα CSV ή TSV. Ζωντανή προεπισκόπηση, παλέτες χρωμάτων, έλεγχος τίτλου και υπομνήματος και εξαγωγή PNG 2x - όλα στον browser σας.
- Έλεγχος Hash Υπολογίστε και επαληθεύστε hashes MD5, SHA-1, SHA-256, SHA-512 τοπικά
- Υπολογιστής Chmod Δωρεάν διαδικτυακός υπολογιστής chmod για οπτικοποίηση και υπολογισμό δικαιωμάτων αρχείων Linux με πλαίσια ελέγχου. Άμεση μετατροπή μεταξύ αριθμητικής (755, 644) και συμβολικής σημειογραφίας (rwxr-xr-x). Υποστηρίζει ειδικά δικαιώματα όπως setuid, setgid, sticky bit.
- Πίνακας ASCII Πλήρης αναφορά κωδικοποίησης χαρακτήρων ASCII με δεκαδικούς, δεκαεξαδικούς, οκταδικούς, δυαδικούς κωδικούς, οντότητες HTML και περιγραφές χαρακτήρων. Άμεση αναζήτηση και φιλτράρισμα.
- Προβολέας Hex Προβολή περιεχομένων αρχείων σε μορφή hex dump με αναζήτηση, πλοήγηση offset και εικονική κύλιση
- Εύρεση Τύπων MIME Βρείτε άμεσα τύπους MIME κατά επέκταση αρχείου ή αναζητήστε επεκτάσεις κατά τύπο MIME. Δωρεάν διαδικτυακή αναφορά με 1000+ καταχωρήσεις.