Diagrammes natifs dans Notion avec mermaid

Description

Notion a sorti, courant du mois de Janvier, une fonctionnalité passée inaperçu mais qui peut pourtant être utile: la possibilité avec du code simple de créer des diagrammes ou des graphiques en camembert. L’utilisation de cette fonctionnalité passe par un bloc de code en spécifiant comme langage mermaid et le graphique apparait automatiquement.

Vous avez la possibilité de faire de nombreux diagrammes:

Flow chart
Diagramme de séquence
Diagramme de classe
Diagramme d’état
Diagramme entité-relation
User journey pour suivre l’évolution de votre humeur
Diagramme de GANTT
Grpahique en camembert
Diagramme de besoins

Dans cette vidéo nous verrons comment faire un mind map grâce aux flowcharts et comment faire un vrai diagramme d’état sur la base du processus GTD. Enfin, nous verrons comment vous pourrez faire des graphiques en camembert

LES DIAGRAMMES REALISES PENDANT LA VIDEO

Mind Map

flowchart LR classDef rouge fill:#F00


flowchart LR
	classDef rouge fill:#F00

	A(Toutes mon acitivités) --> B(Tâches)

	subgraph Gestionnaire de tâches
		B --> Projets & C(Tâches complexes) & D(Tâches unitaires)
		B --> E(Tâches au long cours):::rouge
		B --> F(Livrables)
	end

	A --> G(Rendez-vous)
	G -. Sujets .-> B
	G -. Actions .-> D

pie title Temps Action Agile
	"Commerce, réseau": 1.25
	"Comptabilité": 0.5
	"YouTube": 9.75
	"Mission": 45

flowchart LR classDef rouge fill:#F00 A(Toutes mon acitivités) --> B(Tâches) subgraph Gestionnaire de tâches B --> Projets & C(Tâches complexes) & D(Tâches unitaires) B --> E(Tâches au long cours):::rouge B --> F(Livrables) end A --> G(Rendez-vous) G -. Sujets .-> B G -. Actions .-> D

flowchart TD id1(Sujet en attente) --> id2(Boite de réception) id2 --> id3[Catégoriser] id3 --> id4{Action nécessaire?} id4 -- Non --> Jeter & Futur & Conserver id4 -- Oui --> id5{Plusieurs étapes?} id5 --> id7[Classer le projet] id7 --> id8[Découper] --> id9[Déterminer la première action] id9 --> id10{> 2 minutes?} id5 -- Non --> id10 id10 --> id11[Faire tout de suite] id10 --> id12{Délégué?} id12 -- Oui --> id13[Effecturer la délégation] id12 -- Non --> id14[Reporter]