Objectif : créez votre premier tableau de bord avec Rocket.BI

Géré par la communauté

Dans ce guide, vous allez installer Rocket.BI et créer un tableau de bord simple. Voici le tableau de bord :

Tableau de bord Rocket BI affichant des métriques de ventes avec des graphiques et des KPI

Vous pouvez consulter le tableau de bord via ce lien.

Installer

Lancez RocketBI avec nos images Docker prêtes à l’emploi.

Récupérez le fichier docker-compose.yml et le fichier de configuration :

wget https://raw.githubusercontent.com/datainsider-co/rocket-bi/main/docker/docker-compose.yml
wget https://raw.githubusercontent.com/datainsider-co/rocket-bi/main/docker/.clickhouse.env

Modifiez .clickhouse.env et ajoutez les informations du serveur ClickHouse.

Démarrez RocketBI en exécutant la commande : docker-compose up -d .

Ouvrez votre navigateur, accédez à localhost:5050, puis connectez-vous avec ce compte : hello@gmail.com/123456

Pour compiler depuis le code source ou accéder à une configuration avancée, vous pouvez consulter le README de Rocket.BI

Créons le tableau de bord

Dans Dashboard, vous trouverez vos rapports. Pour commencer à créer des visualisations, cliquez sur +New

Vous pouvez créer un nombre illimité de tableaux de bord & un nombre illimité de graphiques dans un tableau de bord.

Animation montrant la création d’un nouveau graphique dans Rocket BI

Consultez le tutoriel en haute résolution sur YouTube : https://www.youtube.com/watch?v=TMkdMHHfvqY

Créer les contrôles du graphique

Créer un contrôle de métriques

Dans le filtre Tab, sélectionnez les champs de métrique que vous souhaitez utiliser. Veillez à laisser l’option d’agrégation cochée.

Panneau de configuration du contrôle de métriques Rocket BI affichant les champs sélectionnés et les paramètres d’agrégation

Renommez les filtres et enregistrez le contrôle dans le Dashboard

Contrôle de métriques avec filtres renommés, prêt à être enregistré dans le Dashboard

Créer un contrôle de type Date

Choisissez un champ Date comme colonne Date principale :

Interface de sélection du champ Date dans Rocket BI affichant les colonnes de date disponibles

Ajoutez des variantes dupliquées avec différentes granularités. Par exemple : année, mois, jour ou jour de la semaine.

Configuration de plage de dates affichant différentes options de période comme l’année, le mois et le jour

Renommez les filtres et enregistrez le contrôle dans le Dashboard

Contrôle de plage de dates avec filtres renommés, prêt à être enregistré dans le Dashboard

Maintenant, créons les graphiques

Diagramme circulaire : métriques de ventes par région

Choisissez Adding new chart, puis sélectionnez Pie Chart

Panneau de sélection du type de graphique avec l’option de diagramme circulaire mise en évidence

Faites d’abord glisser-déposer la colonne "Region" du Dataset vers Legend Field

Interface de glisser-déposer montrant la colonne Region ajoutée au champ de légende

Ensuite, passez à l’onglet Chart Control

Interface de l’onglet Chart Control montrant les options de configuration de la visualisation

Faites glisser-déposer le Metrics Control dans Value Field

Metrics Control ajouté au champ de valeur du diagramme circulaire

(vous pouvez également utiliser Metrics Control pour le tri)

Accédez à Chart Setting pour personnaliser davantage le graphique

Panneau des paramètres du graphique montrant les options de personnalisation du diagramme circulaire

Par exemple, remplacez Data label par Percentage

Paramètres de l’étiquette de données modifiés pour afficher les pourcentages sur le diagramme circulaire

Enregistrez et ajoutez le graphique au Dashboard

Vue du dashboard montrant le nouveau diagramme circulaire ajouté avec d’autres contrôles

Utiliser le contrôle de date dans un graphique de séries temporelles

Utilisons un graphique en colonnes empilées

Interface de création d’un graphique en colonnes empilées avec des données de séries temporelles

Dans le Chart Control, utilisez le Metrics Control pour l’axe Y et le Date Range pour l’axe X

Configuration du Chart Control montrant le Metrics Control sur l’axe Y et le Date Range sur l’axe X

Ajoutez la colonne Region dans Breakdown

Ajout de la colonne Region comme dimension de ventilation dans le graphique en colonnes empilées

Ajoutez un Number Chart comme KPI pour mettre en valeur le dashboard

Dashboard complet avec des KPI sous forme de Number Chart, un diagramme circulaire et une visualisation de séries temporelles

Vous avez maintenant créé avec succès votre premier dashboard avec rocket.BI