Éditeur Graphviz
Écrivez du code DOT et générez des diagrammes Graphviz en direct dans votre navigateur. Les 7 moteurs de disposition, lignes d'erreur de syntaxe, aperçu zoomable, téléchargement SVG et export PNG. Entièrement local avec WebAssembly, sans envoi.
Qu'est-ce que Graphviz et le langage DOT ?
Graphviz est une trousse classique open source de visualisation de graphes. DOT est son langage texte pour décrire nœuds, arêtes et attributs, et Graphviz calcule automatiquement une mise en page lisible.
Faut-il Internet pour générer le rendu ?
Uniquement pour le téléchargement initial unique du moteur de disposition. Ensuite, le rendu s'exécute localement dans votre navigateur via WebAssembly : vos diagrammes et votre code ne quittent jamais votre appareil.
Quels moteurs de disposition sont pris en charge ?
Les sept : dot (hiérarchique), neato et fdp (à ressort), circo (circulaire), twopi (radial), osage (arbre de clusters) et patchwork (treemap). Changez-les dans le menu Disposition.
Comment comprendre une erreur de syntaxe ?
Quand le code DOT pose problème, un panneau d'erreur affiche le message du moteur avec le numéro de ligne où l'analyse a échoué, et le dernier rendu valide reste visible.
Puis-je exporter le résultat ?
Oui. Téléchargez le fichier vectoriel SVG net, ou exportez un PNG en résolution 2x avec un arrière-plan assorti au thème actuel.
L'aperçu gère-t-il le zoom pour les grands graphes ?
Oui. Molette de la souris sur l'aperçu ou boutons de zoom, glissez pour déplacer, et cliquez Ajuster pour réinitialiser la vue.
Y a-t-il des exemples de départ ?
Le menu Exemples comprend un organigramme de flux, une machine à états, un organigramme d'entreprise, un réseau neato et un arbre radial twopi — chacun charge un code DOT prêt à modifier.
Mon code DOT est-il envoyé ou stocké ?
Non. Rien n'est envoyé à un serveur et rien n'est conservé ; l'éditeur ne lit que ce que vous saisissez pendant la session de page en cours.
Quelle taille de graphe peut-il gérer ?
Les graphes de quelques centaines de nœuds se rendent presque instantanément. Les très grands graphes (milliers de nœuds) fonctionnent mais le rendu prend proportionnellement plus de temps.
Le résultat correspond-il au Graphviz en ligne de commande ?
Il embarque les mêmes bibliothèques Graphviz (version 16), donc les dispositions et le SVG sont équivalents à l'exécution locale de la commande dot avec la même entrée et les mêmes options.
Comment utiliser Éditeur Graphviz
Cet éditeur rend les diagrammes Graphviz directement dans votre navigateur. Écrivez du code DOT à gauche et regardez l'aperçu SVG se mettre à jour pendant que vous tapez — propulsé par les vraies bibliothèques Graphviz compilées en WebAssembly, vos graphes ne quittent jamais votre ordinateur.
- Tapez ou collez du code DOT dans l'éditeur source. L'aperçu se rend automatiquement environ 300 ms après l'arrêt de la frappe.
- Changez le moteur de mise en page (dot, neato, fdp, circo, twopi, osage, patchwork) pour modifier l'agencement du graphe.
- Chargez un modèle de départ depuis le menu déroulant Exemples — organigramme, machine à états, organigramme hiérarchique, réseau ou arbre radial — puis modifiez-le.
- Utilisez la molette ou les boutons de zoom pour examiner les grands graphes, glissez pour déplacer, et appuyez sur Ajuster pour réinitialiser. Téléchargez le résultat en SVG ou exportez un PNG 2x.
Si une erreur de syntaxe apparaît, le panneau d'erreurs montre la ligne exacte où l'analyseur DOT s'est arrêté — corrigez cette ligne et l'aperçu se rétablit instantanément sans perdre votre code.
Outils associés
- Éditeur Mermaid Créez des diagrammes de flux, de séquence, de Gantt et plus à partir de texte avec l'éditeur Mermaid. Rendez, zoomez et exportez en SVG ou PNG dans votre navigateur.
- Bac à sable de Code Bac à sable HTML, CSS et JavaScript en ligne avec aperçu en direct, éditeur à numéros de ligne et console capturée. Testez vos extraits instantanément et téléchargez le résultat en fichier HTML - entièrement dans votre navigateur.
- Créateur de Graphiques Créez des graphiques en barres, lignes, aires, camembert et anneau à partir de données CSV ou TSV collées. Aperçu en direct, palettes de couleurs, contrôles de titre et légende plus export PNG 2x - tout dans votre navigateur.
- Vérificateur de Hash Calculez et vérifiez les hashes MD5, SHA-1, SHA-256, SHA-512 localement
- Calculatrice Chmod Calculatrice chmod gratuite en ligne pour visualiser et calculer les permissions de fichiers Linux avec des cases à cocher. Convertissez instantanément entre notation numérique (755, 644) et symbolique (rwxr-xr-x). Supporte les permissions spéciales comme setuid, setgid, sticky bit.
- Table ASCII Référence complète de codage de caractères ASCII avec codes décimaux, hexadécimaux, octaux, binaires, entités HTML et descriptions. Recherche et filtre instantanés.
- Visionneuse Hexadécimale Affichez le contenu des fichiers en format hexadécimal avec recherche, navigation par décalage et défilement virtuel
- Recherche Type MIME Trouvez instantanément les types MIME par extension de fichier ou recherchez les extensions par type MIME. Référence en ligne gratuite avec plus de 1000 entrées.