Éditeur de diagrammes techniques

Créez un flux ou une architecture avec des blocs nommés et des connexions orientées.

Chargez l'exemple ou ajoutez des blocs aux noms explicites. Pour un grand diagramme, recherchez un nom ou un ID stable.

Fonctionne dans votre navigateur. Aucun diagramme n’est envoyé. Aucun compte, Python ou GPU requis.

Le module de disposition est téléchargé depuis ce site lors de la génération. Votre diagramme reste sur cet appareil.

1. Décrivez votre diagramme

Renommez les blocs, choisissez leurs connexions, puis générez le diagramme. Le titre et les libellés acceptent jusqu’à 200 unités UTF-16.

Aller à l’aperçu

Titre du diagrammeType de diagrammeSens de la disposition

Blocs

Rechercher un bloc (nom ou ID)

Connexions

Rechercher une connexion (libellé, nom de bloc ou ID)

Modifier les connexions

Retour aux blocs

Utiliser le JSON d’un assistant IA

Collez un diagramme au format de schéma version 1. Si le JSON est invalide, le formulaire reste inchangé. Cette action n’appelle aucun modèle d’IA.

JSON du diagramme

Supprimer un bloc conserve ses connexions pour les corriger. Une modification invalide les exports jusqu’à la prochaine génération. Les données restent en mémoire et disparaissent quand vous quittez ou rechargez la page.

2. Vérifiez et exportez

Échelle de l’aperçuSVG · texte modifiable

Vérifier les libellés et connexions d’origine

Le JSON conserve les ID d’origine, les libellés exacts et le sens des connexions. Vérifiez-les avant de partager.

JSON exporté actuel

Retour à la modification

Vérifiez le sens du diagramme avant de partager. Les polices peuvent varier selon le lecteur SVG et les flèches rapprochées peuvent se chevaucher. Cet outil dispose un graphe ; il ne simule ni diagrammes de séquence ni circuits.

Un navigateur récent prenant en charge Canvas, Web Workers et Intl.Segmenter est requis.

Licences du moteur de disposition et de ses sources

Comment utiliser

Qu'est-ce qu'un éditeur de diagrammes techniques ?

Créez un flux ou une architecture avec des blocs nommés et des connexions orientées. Modifiez la structure, vérifiez la disposition, puis enregistrez le SVG et le JSON versionné. L'outil organise le dessin : il ne déduit pas les étapes manquantes et ne certifie pas une conception technique.

Étapes à suivre

Chargez l'exemple ou ajoutez des blocs aux noms explicites. Pour un grand diagramme, recherchez un nom ou un ID stable.
Ajoutez les connexions, choisissez leur origine et leur destination, puis une disposition verticale ou horizontale. Supprimer un bloc conserve ses connexions pour les réparer ou restaurer le bloc.
Générez et vérifiez les noms et le sens des flèches. Ajuster à la vue donne une vue d'ensemble ; la taille réelle permet le défilement. Une structure valide ne garantit pas la lisibilité des flèches serrées.
Téléchargez SVG et JSON. Réappliquer le JSON restaure la structure modifiable. Modifier le SVG ailleurs ne modifie pas le JSON. Enregistrez vos copies avant de quitter la page.

Choisir les réglages

Option	Ce qui change
Flux / architecture	Les deux utilisent des blocs nommés et des connexions orientées. Le choix n'ajoute aucune règle propre aux séquences, circuits ou autres domaines.
TB / LR	De haut en bas / de gauche à droite. La langue de l'interface n'inverse pas le diagramme.
Recherche et pagination	10 éléments modifiables par page. Le filtre change les contrôles visibles, pas le diagramme complet généré ou exporté.
SVG / JSON	Le SVG contient des formes vectorielles et du texte. Le JSON conserve les ID, libellés et extrémités de la version 1, sans les coordonnées calculées.

Exemple et résultat attendu

Un flux de validation de 3 blocs et 2 connexions exporte les 3 blocs et les deux connexions. Recherchez et renommez un bloc, régénérez, puis vérifiez le nouveau libellé et les extrémités inchangées dans le JSON. Ces nombres illustrent le parcours, sans prédire les dimensions ni le temps de traitement.

Si cela ne fonctionne pas

Appliquez ou abandonnez les modifications JSON en attente avant de générer. L'erreur indique le chemin à corriger ; réessayez ensuite.
Si une extrémité manque, restaurez le bloc supprimé ou choisissez un bloc existant. Aucune connexion n'est supprimée silencieusement.
Après un dépassement de temps ou de taille, annulez et simplifiez une copie enregistrée avant de réessayer. Modifier l'entrée invalide l'ancien résultat ; seul le résultat actuel réussi est téléchargeable.
Effacer permet une seule restauration dans la page. Quitter ou recharger libère la tâche, sans sauvegarde automatique. Si le presse-papiers est indisponible, sélectionnez le JSON et utilisez le raccourci de copie ou téléchargez-le.
Enregistrer le JSON d’entrée conserve un diagramme valide et modifiable sans coordonnées de disposition. Si le moteur ne se charge pas, enregistrez-le avant de recharger la page, puis ouvrez le fichier JSON. Appliquez ou abandonnez le brouillon JSON collé avant l’enregistrement. L’import accepte du JSON UTF-8 jusqu’à 1,000,000 octets ; un fichier invalide laisse le formulaire intact. Vous pouvez annuler la lecture ; une modification rend aussi la lecture précédente caduque. Les entrées ne sont ni envoyées ni enregistrées automatiquement.

Formats et limites

Saisie par formulaire ou JSON de schéma version 1, jusqu'à 1,000,000 octets UTF-8. De 1 à 100 blocs et de 0 à 200 connexions. Titres et libellés : 200 unités UTF-16 maximum ; titres et noms de blocs obligatoires, libellés de connexion facultatifs. ID de 1 à 40 caractères ASCII : lettres, chiffres, _ ou -, commençant par une lettre.

Le calcul de disposition s'arrête après 15 secondes. Sortie limitée à 16,384 pixels par côté, 64,000,000 pixels au total et 5,000,000 octets SVG. Champs ou versions inconnus, ID dupliqués et extrémités absentes sont refusés. Aucun import Mermaid, CAD ou de fichier de circuit.

Ni GPU ni Python nécessaires. Un Worker du navigateur utilise des ressources fixes de la même origine. Le texte SVG n'est pas converti en tracés ; les polices d'un autre lecteur peuvent modifier son aspect. Vérifiez le SVG dans l'application de destination.

Questions fréquentes

Crée-t-il ma conception technique ?

Non. Vous fournissez blocs, libellés et connexions. Les contrôles portent sur la structure et les limites de sortie, pas sur la justesse de la conception.

Quelle direction choisir ?

TB pour un flux vertical, LR pour une chaîne de dépendances horizontale. Régénérez et vérifiez l'adaptation au support final.

Pourquoi un diagramme valide reste-t-il chargé ?

Des connexions complètes peuvent se chevaucher visuellement. Raccourcissez les libellés, simplifiez une copie et vérifiez la taille réelle avant de partager.

Pourquoi la génération est-elle indisponible ou le JSON refusé ?

Appliquez ou abandonnez le JSON en attente. Vérifiez le chemin signalé, la version, les limites, les ID uniques et les extrémités existantes.

Mon diagramme est-il envoyé au serveur ou à une IA ?

Non. Source et résultats restent en mémoire dans la page. Les ressources fixes de disposition viennent de ce site ; aucun modèle n'est appelé. Un assistant peut préparer ce même schéma, mais cette page ne se connecte pas à votre compte IA.