Tuto : comment faire un graphique sur Notion ?

Tuto : comment faire un graphique sur Notion ?

Fred Desurmont


Notion ne propose pas de graphiques natifs, mais plusieurs solutions permettent de visualiser efficacement vos données.

  • Barres de progression manuelles : Utilisation de formules slice() pour créer des visualisations personnalisées avec une flexibilité totale sur l’apparence
  • Barre native simplifiée : Solution intégrée depuis août 2022 basée sur les relations entre bases, sans formules complexes
  • Intégration Google Sheets : Import de graphiques externes via le bloc « Embed » pour histogrammes, camemberts et courbes avancées
  • Vues alternatives optimisées : Timeline, Calendrier et Kanban transforment vos bases en dashboards dynamiques pour la visualisation de données

Créer des graphiques dans Notion reste un défi technique que beaucoup d’utilisateurs rencontrent. Contrairement à Excel ou Google Sheets, cette plateforme tout-en-un ne propose pas de fonction graphique native. Pourtant, avec les bonnes méthodes, vous pouvez transformer vos données en visualisations percutantes. Depuis août 2022, Notion a introduit des barres de progression intégrées, ouvrant de nouvelles possibilités pour représenter vos données visuellement.

Créer des barres de progression avec les formules Notion

Les barres de progression constituent la solution graphique la plus accessible dans Notion. Elles permettent de visualiser instantanément l’avancement de vos projets, que ce soit pour un pourcentage de tâches accomplies ou un objectif chiffré à atteindre.

Pour construire une barre manuelle efficace, créez une base de données avec cinq propriétés spécifiques. La propriété « Objectif » (type Nombre) définit votre valeur cible, généralement fixée à 100. La propriété « Progression » (type Nombre) stocke votre avancement actuel. Ensuite, trois propriétés de type Formule orchestrent l’affichage visuel de votre barre.

A lire également :  Devis de graphisme : les éléments indispensables à inclure

La formule de base utilise la fonction slice() pour découper une chaîne de caractères. slice(« oooooooooo », 0, prop(« Progression ») / 10) génère la partie remplie de votre barre. Chaque « o » représente 10% d’avancement. La barre restante s’obtient avec une formule similaire, remplaçant les « o » par des tirets ou des espaces.

Cette approche manuelle offre une flexibilité totale sur l’apparence. Vous pouvez personnaliser les caractères, ajuster l’échelle ou même créer des barres colorées en utilisant des emojis. L’inconvénient ? La complexité des formules peut décourager les utilisateurs moins techniques.

Propriété Type Formule/Valeur Rôle
Objectif Nombre 100 Valeur cible
Progression Nombre Variable Avancement actuel
Barre initiale Formule slice(« oooooooooo », 0, prop(« Progression ») / 10) Partie remplie
Barre restante Formule slice(« ———-« , 0, (prop(« Objectif ») – prop(« Progression »)) / 10) Partie vide

Exploiter la barre de progression native de Notion

Depuis la mise à jour d’août 2022, Notion propose une solution native simplifiée. Cette fonctionnalité élimine les formules complexes tout en offrant un rendu professionnel. Elle s’appuie sur le système de relations entre bases de données pour calculer automatiquement les pourcentages.

La configuration nécessite deux bases : une pour vos projets principaux et une autre pour les tâches détaillées. Créez une relation entre ces bases, puis ajoutez une propriété « Agrégation » dans la base projets. Sélectionnez « % de cases cochées » comme type d’agrégation, et Notion génère automatiquement une barre de progression visuelle.

Cette méthode présente plusieurs avantages concrets. Le calcul se met à jour en temps réel dès qu’une tâche change de statut. L’affichage reste cohérent sur tous les appareils, mobile compris. Plus important encore, elle ne nécessite aucune connaissance technique préalable.

A lire également :  Tuto : ajouter une typographie sur Illustrator

L’approche native s’avère particulièrement efficace pour la gestion d’équipe. Chaque membre visualise instantanément sa contribution au projet global. Les chefs de projet identifient rapidement les goulots d’étranglement sans ouvrir chaque tâche individuellement.

Tuto : comment faire un graphique sur Notion ?

Intégrer des graphiques externes dans vos pages

Pour des visualisations plus complexes, l’intégration de graphiques externes reste la solution la plus flexible. Google Sheets s’impose comme le partenaire privilégié grâce à sa compatibilité native avec Notion. Cette méthode permet de créer histogrammes, camemberts, courbes et nuages de points directement importables.

Le processus d’intégration suit quatre étapes précises :

  1. Création du graphique dans Google Sheets avec vos données
  2. Publication publique via le menu « Publier le graphique »
  3. Récupération du lien généré automatiquement
  4. Intégration dans Notion via le bloc « Embed » ou « Intégration »

Cette approche offre toute la puissance graphique de Google Sheets dans vos pages Notion. Vous bénéficiez des mises à jour automatiques lorsque vos données source évoluent. Les graphiques restent interactifs et conservent leur formatage d’origine.

Attention pourtant aux implications de sécurité. Le lien de publication rend votre graphique accessible à toute personne connaissant l’URL. Évitez cette méthode pour des données sensibles ou confidentielles. Pour ces cas spécifiques, préférez des captures d’écran régulièrement mises à jour.

Optimiser l’affichage de vos données dans Notion

Au-delà des graphiques purs, Notion propose plusieurs formats de visualisation adaptés selon vos besoins. La vue Timeline transforme vos bases de données en diagrammes de Gantt interactifs. Parfaite pour visualiser l’enchaînement des tâches et identifier le chemin critique de vos projets.

La vue Calendrier excelle pour représenter des événements ou des échéances. Elle offre une perspective temporelle naturelle, particulièrement utile pour la planification stratégique. Vous glissez-déposez les éléments pour réorganiser votre planning en quelques clics.

A lire également :  Comment faire une enseigne de magasin : matériaux, règles et budget

Les vues Kanban imitent les tableaux Trello pour suivre l’avancement par statut. Elles conviennent parfaitement aux flux de travail avec étapes séquentielles. Combinées aux filtres et aux groupes, ces vues créent des dashboards dynamiques sans programmation.

Pour maximiser l’impact visuel, personnalisez les propriétés avec des couleurs cohérentes. Utilisez des icônes dans les titres pour une navigation intuitive. N’hésitez pas à créer plusieurs vues de la même base selon les contextes d’usage. Un projet peut ainsi être visualisé en Timeline pour la planification et en Kanban pour le suivi opérationnel.

fred desurmont
Fred Desurmont
Fred Desurmont est développeur‑designer et fondateur de l’agence Zig & Zag, où il marie exigence technique, identité visuelle soignée et UX accessible. Sur ce blog, il partage sans filtre ses retours de terrain, ses méthodes et ses avis tranchés pour t’aider à construire des expériences web qui servent vraiment ton projet.

Laisser un commentaire