Liste des Documents
Graphiques de processus Filtres de processus Métriques de performance process Expressions Simulation Visuelle pour une Meilleure Compréhension des Processus Personnalisation des Tableaux de Bord Markdown Notation Bookmarks de process
Sur Cette Page
> ressources > docs > tableaux de bord > Graphiques de processus

Graphiques de processus

Graphiques

ProcessMind propose un ensemble robuste d’options de graphiques pour visualiser et analyser les données. Ces graphiques vous permettent d’obtenir rapidement des insights, d’identifier des tendances et de prendre des décisions basées sur les données. Ci-dessous, les types de graphiques actuellement pris en charge et les options de personnalisation disponibles.

Choisir le bon type de graphique

image

  • Bar Charts
    Utilisez-les pour comparer des catégories ou des groupes côte à côte, comme le nombre d’activités, les durées ou les temps de traitement. Idéal pour comparer des données discrètes.

  • Column Charts
    Parfaits pour visualiser les tendances dans le temps ou comparer des indicateurs de manière verticale. Idéal pour les données chronologiques ou les distributions de fréquences.

  • Line Charts
    À utiliser pour montrer les évolutions, progressions ou changements dans le temps, par exemple le throughput de cas sur des jours ou semaines. Excellent pour les données continues.

  • Area Charts
    Semblables aux line charts, mais la zone sous la courbe est remplie. Sert à souligner l’ampleur des variations dans le temps ou l’effet cumulé des tendances.

  • Pie Charts
    Servez-vous-en pour afficher les proportions ou pourcentages d’un ensemble, comme la répartition des types d’activités ou des cas dans un process.

  • Donut Charts
    Variante des pie charts, avec un espace central pour plus d’informations. Idéal pour mettre en avant des proportions tout en affichant du contexte au centre.

  • Radial Bar Charts
    Idéales pour représenter visuellement des données groupées sous forme circulaire. Pratiques pour comparer des datasets tout en gagnant de la place.

  • Gauge Charts
    Utilisez-les pour visualiser la progression vers un objectif ou un KPI. Parfait pour voir rapidement des indicateurs de performance ou comparer le nombre de cas avec le total.

  • Text Charts
    Affichez des statistiques clés, metrics ou infos importantes sous forme texte. Idéal pour résumer les chiffres ou les KPIs à côté des graphiques. Vous pouvez aussi ajouter du contexte ou des explications puisqu’ils supportent la notation markdown (gras, italique, tableaux, images, etc.). Le mode d’emploi complet est disponible ici . Mélangez le texte avec des expressions issues des metrics ou calculs pour générer du contenu dynamique. Le guide complet est visible ici .

  • HTML Frames
    Pour intégrer du contenu externe ou dynamique dans le dashboard, comme des graphiques personnalisés, des rapports ou des visualisations non supportées nativement.

Graphiques Prédéfinis

Ce sont des graphiques au niveau des données qui sont prédéfinis et disponibles pour utilisation dans ProcessMind. Ceux-ci incluent

  • Graphiques de cas prédéfinis
  • Graphiques d’événements prédéfinis
  • Graphiques des métriques de durabilité

Ces graphiques peuvent être attachés à des attributs d’un dataset unique ou de datasets multiples, tant qu’ils partagent un élément commun.

Options de Personnalisation des Graphiques

Chaque graphique dans ProcessMind peut être personnalisé avec les options suivantes :

Général

  • Titre du graphique :
    Définissez un titre personnalisé pour le graphique. Si vous ne mettez rien, le graphique prendra le nom de l’attribut lié.

  • Type de graphique :
    Changez facilement le type de graphique parmi les types supportés.

  • Attribut de colonne : (non dispo pour : Gauge Charts, Text Charts, HTML Frames).
    Choisissez l’attribut montré dans le graphique. Ces attributs sont colorés selon le dataset pour mieux repérer chaque élément.

  • Texte : (dispo uniquement pour : Text Charts).
    Dans ce champ, saisissez du texte enrichi avec la syntaxe markdown pour formater (titres, listes, gras, italique, etc.). Guide complet ici . Vous pouvez aussi y ajouter des expressions venant des metrics et calculs pour du contenu dynamique. Guide détaillé ici .

  • HTML : (dispo uniquement pour : HTML Charts).
    Ajoutez du contenu HTML personnalisé dans le graphique. Cela rend l’affichage plus flexible et permet d’intégrer des contenus externes. Un template HTML par défaut est donné pour gérer les modes DARK et LIGHT dans la frame HTML. Vous pouvez aussi utiliser les expressions de la section Texte, comme ${metric} ou ${total - metric}.

Métrique

L’explication de chaque métrique est détaillée dans notre documentation dédiée :

Guide des métriques
Découvrez notre guide complet sur les métriques et apprenez à les utiliser facilement dans vos graphiques.
  • Paramètres de normes :

Vous pouvez définir des plages de normes personnalisées pour vos gauge charts afin d’indiquer par exemple les zones « bon », « attention » ou « alerte ». Ouvrez le panneau Paramètres de normes pour ajouter ou modifier ces plages. (Vous pouvez ajouter autant de normes que souhaité)

image Étapes de configuration des normes

  • Ajouter une nouvelle norme Cliquez sur le bouton + Ajouter pour créer une nouvelle ligne de norme.
  • Nom Saisissez un nom simple pour la norme (ex : Faible, Moyen, Élevé). Le nom permet d’identifier chaque bande dans l’éditeur.

Début / Fin

  • Début : Définissez la limite basse de la bande. Laissez vide et sélectionnez Minimum pour commencer à la valeur la plus faible.
  • Fin : Définissez la limite haute. Laissez vide et choisissez Maximum si la bande doit aller jusqu’à la valeur la plus élevée. Options

À côté de chaque limite se trouve un menu (Option) qui définit comment la limite est prise en compte. Par exemple :

  • Minimum/Maximum — relie la bande au min ou max global du graphique.
  • Normal — utilise la valeur numérique saisie et l’inclut dans la plage.

Couleur Cliquez sur l’échantillon pour choisir la couleur de la bande. Utilisez des couleurs contrastées (vert pour faible, orange pour moyen, rouge pour élevé). Vous pouvez les modifier dans le thème, section Couleurs du graphique.

  • Remplissage Activez/désactivez le remplissage pour afficher la bande en fond du graphique ou sous forme de ligne. Fonctionne uniquement pour bar charts et column charts.
  • Suppression Cliquez sur l’icône corbeille pour supprimer une norme.

⸻

Affichage des normes sur les graphiques (exemple avec un gauge) image

Une fois appliquées, les normes segmentent le gauge avec des arcs colorés. La valeur actuelle est affichée avec un pointeur et au centre. Dans l’exemple ci-dessous, le gauge a trois normes :

  • Faible : minimum à 100 (vert)
  • Moyen : 100–110 (orange)
  • Élevé : 110 à maximum (rouge)

Avec une valeur de 87 sur 120, le pointeur est dans la bande verte, indiquant une valeur en « faible ». Cela colorie aussi la barre indicatrice selon la plage.

Définir des normes ainsi offre un retour visuel immédiat indiquant si la métrique est dans la plage, proche d’un seuil, ou hors limite.

Filtres & Tri

  • Filtres du graphique :
    Appliquez des filtres aux données du graphique pour vous concentrer sur certains sous-ensembles d’informations. image Tous les filtres proposés dans la section filtre du dashboard peuvent être appliqués au graphique. Ces filtres s’ajoutent à ceux déjà définis, sauf si vous désactivez l’option Appliquer les filtres. Dans ce cas, les filtres resteront fixes sur ce graphique uniquement.

  • Filtrer les données :
    Filtrez selon les cas Ouverts, Fermés ou Tous.

  • Tri par :
    Choisissez l’ordre de tri (Auto, Croissant, Décroissant, etc.).

  • Afficher les X premiers éléments :
    Limitez le nombre de points affichés dans le graphique au nombre maximum défini.

  • Appliquer les filtres généraux :
    Précisez si les filtres globaux doivent s’appliquer à ce graphique.

  • Filtres temporels de l’application :
    Indiquez si les filtres temporels doivent être appliqués au graphique.

Libellés
  • Afficher les Libellés des Données:
    Activer/désactiver pour afficher les libellés au-dessus des points du graphique.
  • Afficher les Libellés de l’Axe X:
    Activer ou désactiver les libellés de l’axe X et les personnaliser.
  • Afficher les Libellés de l’Axe Y:
    Activer ou désactiver les libellés de l’axe Y et les personnaliser.
  • Position de la Légende:
    Définir la position de la légende (Haut, Bas, Gauche, Droite).

Style

  • Style de remplissage :
    Personnalisez l’apparence du graphique avec différents styles de remplissage :
    • Dégradé : applique un effet de dégradé.
    • Couleur pleine : utilise une couleur unie selon le dataset.
    • Monochrome : utilise une seule couleur du dataset.
    • Dégradé monochrome : utilise une couleur unique appliquée en dégradé.
X-ray

En exploitant ces types de graphiques et options de personnalisation, ProcessMind vous permet de créer des visualisations sur mesure qui répondent à vos besoins spécifiques d’analyse et fournissent des insights clairs et exploitables.