Créer des diagrammes de Gantt, de séquence et d'organigramme et des graphiques sur JotterPad - Mermaid JS
Explorez la création de diagrammes et de graphiques de plusieurs types dans vos fichiers Markdown sur JotterPad avec la syntaxe Mermaid. Avec nos tout nouveaux modèles prenant en charge Mermaid, vos options se sont maintenant étendues. Poursuivez votre lecture pour en savoir plus!
Alors que nous continuons à étendre les outils disponibles sur JotterPad, vos efforts et projets d'écriture restent au premier plan de nos efforts. Nous pensons que nos mises à jour et ajouts récents continuent d'élargir la polyvalence de notre plate-forme, pour devenir un compagnon d'écriture complet qui peut guider du début à la fin tout type d'écriture que vous choisissez d'approfondir.
Notre sélection de modèles , qui vont du roman au scénario, en passant par l'article, le rapport, la lettre et même les diapositives de présentation, vous permet de consacrer plus de temps et d'énergie à l'essentiel de votre écriture plutôt qu'à la mise en forme.
Nous sommes ravis d'annoncer que vous pouvez désormais explorer la syntaxe Mermaid pour créer des diagrammes et des visualisations à l'aide de texte et de code simples sur JotterPad ! La syntaxe de sirène, largement utilisée également dans Notion et Typora, vous offre l'espace nécessaire pour créer et modifier rapidement plusieurs types de diagrammes. Maintenant, vous pouvez explorer cet outil dans vos fichiers Markdown sur JotterPad !
Lisez la suite pour en savoir plus sur la façon dont nous prenons en charge le plugin de syntaxe Mermaid et les tout nouveaux modèles qui vous permettent de l'explorer !
C'est quoi Sirène ?
Mermaid est un outil de création de diagrammes et de graphiques qui utilise et restitue du texte inspiré de Markdown pour créer des diagrammes de toutes sortes à partir de zéro.
Cet outil prend en charge une poignée de types de diagrammes couramment utilisés pour les projets et les efforts personnels. Cela comprend des organigrammes, des graphiques, des diagrammes de parcours et divers types de graphiques.
Notre gamme croissante de modèles sur JotterPad inclut désormais des modèles prenant en charge le plug-in de syntaxe Mermaid pour votre exploration ! Plus précisément, vous pouvez créer les types de diagrammes suivants sur JotterPad avec leurs modèles correspondants :
- Modèle de diagramme de flux - Le diagramme de flux est utilisé pour décrire un processus, un système ou un algorithme informatique de manière séquentielle ou organisée. Ils sont couramment utilisés dans de nombreux domaines pour documenter, analyser, planifier, améliorer et communiquer des processus complexes de manière claire et concevable.

- Modèle de diagramme de Gantt simple - Les diagrammes de Gantt sont couramment utilisés par les chefs de projet pour suivre les tâches, les dépendances et les délais de leurs projets, et en générer un avec la syntaxe Mermaid est beaucoup plus pratique avec la nature de la description textuelle de celui-ci. Ce modèle décompose un projet en phases et tâches, reflète la date de début et de fin et indique les jalons du projet. Il est idéal pour les plans d'affaires, la gestion de projet et même les devoirs d'étudiants. Personnalisez votre graphique avec des flèches, des barres de tâches, des marqueurs de ligne et d'autres éléments à votre guise et pour suivre au mieux votre projet.
- Modèle de graphique d'arbre généalogique — Construire des arbres généalogiques est un excellent moyen de découvrir l'histoire de votre famille et de représenter les relations qui font de vous ce que vous êtes. Créez rapidement et sans effort votre propre arbre généalogique avec le modèle d'arbre généalogique de JotterPad. En utilisant la syntaxe de diagramme de flux Mermaid, un outil de création de diagrammes et de graphiques, tracez un arbre généalogique qui remonte à autant de générations que vous le souhaitez avec des séquences et des flux clairs. Créez un schéma facilement modifiable et lisible, et construisez votre propre arbre généalogique en toute simplicité.
- Modèle de diagramme de parcours utilisateur — Le diagramme de parcours utilisateur ou client illustre visuellement les flux d'utilisateurs à travers le contact initial ou la découverte, et se poursuit tout au long du processus d'engagement vers une fidélité à long terme. Résumez les détails des utilisateurs d'un système et leurs interactions avec celui-ci à l'aide de ce modèle de manière efficace et rapide. Avec des outils pour générer des symboles et des connecteurs spécialisés via Mermaid, la création d'un diagramme facile à lire et efficace à partager et à imprimer pour votre référence a été facilitée.
- Modèle de diagramme de classes — Les diagrammes de classes sont des notations graphiques utilisées pour construire et visualiser des systèmes de programmation orientés objet en montrant les classes du système, leurs attributs, leurs méthodes et les relations entre les objets.
- Modèle de diagramme de séquence — Les diagrammes de séquence sont souvent utilisés dans le développement de logiciels pour refléter les étapes suivies et les agents impliqués dans la réalisation d'un processus du début à la fin.



Pourquoi explorer Mermaid ?
De nombreux développeurs et passionnés de programmation souhaitent maintenir leurs diagrammes à jour avec leurs documents. Mermaid résout ce problème en permettant aux utilisateurs de créer des diagrammes facilement modifiables, et permet même aux non-programmeurs de créer facilement des diagrammes détaillés.
Les blocs de code brut que vous générez sur Markdown avec la syntaxe Mermaid seront rendus sous forme de diagrammes clairs dans vos fichiers en quelques minutes. Plusieurs types de diagrammes, comme indiqué ci-dessus, peuvent être créés en reliant des étiquettes de texte à l'aide de connecteurs fléchés. Ajoutez des étiquettes aux connecteurs et personnalisez les connecteurs et les formes à votre guise !
Cette syntaxe n'est pas très éloignée de la syntaxe Markdown. Désormais disponible sur JotterPad, vous pouvez créer et modifier efficacement plusieurs types de diagrammes avec notre éditeur Markdown en utilisant également du texte simple. Créer et modifier dynamiquement des diagrammes est devenu plus simple !
Afficher votre travail

Pendant que vous travaillez sur vos diagrammes ou graphiques, visualisez votre travail en temps réel dans votre document Markdown en cliquant simplement sur l'icône en forme d'œil en haut à gauche de votre syntaxe Mermaid. De cette façon, vous pouvez éditer, modifier et afficher la version schématique de votre travail à tout moment tout en travaillant dans votre document Markdown.
Avec cet ajout à JotterPad, nous espérons que vous, programmeurs, codeurs et chefs de projet, pourrez désormais également profiter des fonctions que la plate-forme a à offrir, et nous espérons que JotterPad deviendra ou continuera d'être votre outil d'écriture de choix !
Tous mes vœux!