Linkr
Accueil Ressources Outils Documentation Blog Démo
EN
  • Qu'est-ce que Linkr ?
  • Modes de déploiement
  • Démarrage rapide
  • Installation locale
  • Votre premier projet
  • Espaces de travail et projets
  • Le pipeline de données
  • Versioning et collaboration
  • Schémas WIP
  • Bases de données WIP
  • Qualité des données WIP
  • Pipelines ETL WIP
  • Alignement de concepts
  • Présentation
  • Projets d'alignement
  • Vue d'ensemble
  • Concepts cibles
  • Éditeur d'alignements
  • Suggestions
  • Évaluation
  • Export
  • Catalogue de données WIP
  • Cohortes WIP
  • Données individuelles WIP
  • Jeux de données WIP
  • Collections de scripts WIP
  • IDE WIP
  • Tableaux de bord
  • Rapports WIP
  • Créer un plugin WIP
  • Vue d'ensemble
  • Onglets et widgets
  • Widgets intégrés
  • Code R, Python et SQL
  • Filtres, réglages et export
  • Wiki WIP
  • Versioning WIP
  • Installation en production WIP
  • Authentification et permissions WIP
  • Configuration WIP
  • Sauvegarde et restauration WIP
  • Glossaire WIP
  • Notes de version WIP
Documentation Tableaux de bord Onglets et widgets

Onglets et widgets

Organiser un tableau de bord en onglets et sous-onglets, ajouter des widgets et les positionner sur la grille.

En résumé

Les onglets rangent les widgets par thème ; un onglet peut contenir des sous-onglets. Un widget provient soit d’un plugin du catalogue, soit de votre propre code ; on le configure avec un aperçu en direct. Les widgets se posent ensuite sur une grille où on les déplace et les redimensionne en mode édition.

Client Disponible en mode client-only — tout fonctionne dans le navigateur, sans backend. Backend Backend (FastAPI) en cours de développement.

Les onglets

Un onglet est une page du tableau de bord. Vous en créez autant que de thèmes à séparer — par exemple un onglet Démographie, un onglet Biologie, un onglet Séjours. Le bouton + qui ajoute un onglet n’apparaît qu’en mode édition (icône crayon de la barre d’outils) ; une fois en édition, chaque onglet se renomme et se réordonne.

Onglets et sous-onglets

Un onglet peut contenir des sous-onglets (un seul niveau d’imbrication). Dès qu’un onglet a des sous-onglets, il devient un conteneur : il ne porte plus de widgets lui-même, ce sont ses sous-onglets qui les hébergent. Pratique pour regrouper plusieurs vues liées sous un même intitulé.

linkr-v2-b1800b.frama.io
Biologie
Un onglet contenant des sous-onglets devient un conteneur. Le fil d'Ariane à gauche (maison › Biologie ›) ramène au niveau principal ; les sous-onglets sont affichés à sa suite, sur la même ligne.
L'onglet « Biologie » est un conteneur : ses widgets vivent dans les sous-onglets Hématologie, Biochimie et Gaz du sang.

Ajouter un widget

Dans un onglet (ou un sous-onglet), cliquez sur Ajouter un widget. La boîte de dialogue vous demande d’abord un nom et un jeu de données (le dataset sur lequel le widget va travailler), puis propose deux façons de produire le contenu, présentées sous forme d’onglets :

linkr-v2-b1800b.frama.io

Ajouter un widget

Choisissez un widget à ajouter à l'onglet actif.

Saisir un nom…
table_agregee.csv
PluginCode personnalisé
Rechercher un plugin…
Constructeur de graphiques

Nuages, lignes, barres, histogrammes, boîtes, violons.

Intégrév1.0.0
Indicateur clé

Valeur agrégée, icône et mini-graphique optionnel.

Intégrév1.0.0
Table 1

Statistiques descriptives : effectifs, %, moyennes, médianes, IQR.

Intégrév1.0.0
Analyse de survie

Kaplan-Meier : courbes, log-rank, médiane, table at-risk.

Intégrév1.0.0
La boîte de dialogue « Ajouter un widget » : nom, jeu de données, puis le catalogue de plugins (onglet Plugin) ou l'éditeur de code (onglet Code personnalisé).
  • Plugin — vous choisissez un widget dans un catalogue. Linkr est fourni avec une bibliothèque de plugins prêts à l’emploi (Table 1, indicateur clé, graphiques, survie, régression…), repérables au badge Intégré. Le détail est en page Widgets intégrés. Vous pouvez aussi installer vos propres plugins (voir Créer un plugin).
  • Code personnalisé — vous écrivez votre propre code R, Python ou SQL pour une sortie sur mesure (voir Code R, Python et SQL).

Plusieurs jeux de données dans un même tableau de bord

Chaque widget travaille sur un jeu de données, mais un tableau de bord n’est pas limité à un seul : différents widgets peuvent porter sur des datasets différents. Vous choisissez le dataset de chaque widget à sa création. Pour éviter de le re-sélectionner à chaque fois, un tableau de bord peut définir un jeu de données par défaut appliqué aux nouveaux widgets (voir Réglages).

Un même filtre, plusieurs jeux de données

Si deux widgets s’appuient sur des jeux de données différents mais partagent une colonne portant le même nom, un filtre défini sur cette colonne s’applique automatiquement aux deux. Voir la page Filtres.

Configurer un widget

Une fois la source choisie, vous configurez le widget. L’écran se partage en deux : à gauche, le formulaire de réglages (regroupés en sections repliables — Données, Contenu, Style…) ; à droite, un aperçu en direct qui se met à jour à chaque modification.

linkr-v2-b1800b.frama.io

Indicateur clé

Configurez les paramètres du plugin avant de l'ajouter.

RetourAjouter le widget
Indicateur clé
table_agregee.csv
Données
birthweight_g
Contenu
Moyenne
1
Mini-graphique
Style

Aperçu en direct

Moyenne — birthweight_g

2 691,4

n = 3 558

Configuration d'un widget « Indicateur clé » : à gauche les réglages (colonne, statistique…), à droite l'aperçu en direct.

Les réglages disponibles dépendent du plugin choisi. Pour un indicateur clé, par exemple, vous choisissez la colonne à résumer, la statistique (moyenne, médiane, somme, proportion…), le nombre de décimales, et de quoi composer le sous-titre. L’aperçu vous montre immédiatement le résultat sur vos données. Validez avec Ajouter le widget : il se place en bas de l’onglet courant.

L’onglet Code personnalisé fonctionne sur le même principe, mais à la place du formulaire vous avez un éditeur de code : vous écrivez du Python (ou R, ou SQL) et l’aperçu affiche le résultat à droite.

linkr-v2-b1800b.frama.io
Code Python perso.
table_agregee.csv
Code Exécuter
1import matplotlib.pyplot as plt
2
3ax = dataset["age"].hist(bins=20)
4ax.set_xlabel("Âge")
5plt.show()
Aperçu : 358 × 230 px24 × 12 cellules

Âge

Un widget « Code personnalisé » : l'éditeur Python à gauche, l'aperçu du résultat à droite.

Tout cela — langages, accès aux données, types de sortie — est détaillé dans la page dédiée Code R, Python et SQL.

Les widgets suivent les filtres

Quel que soit le type de widget, dès qu’un filtre change, le widget se recalcule automatiquement — aussi bien dans l’aperçu que sur le tableau de bord. Vous n’avez rien de spécial à prévoir. Voir la page Filtres.

La grille : déplacer et redimensionner

Les widgets sont posés sur une grille responsive. Par défaut, la disposition est figée pour éviter les déplacements accidentels. Activez le mode édition — l’icône crayon de la barre d’outils — pour réorganiser :

linkr-v2-b1800b.frama.io
Redimensionnement…
En mode édition, on glisse un widget pour le déplacer et on étire son coin pour le redimensionner.
  • Déplacer — glissez le corps du widget pour le repositionner dans la grille.
  • Redimensionner — saisissez la poignée en bas à droite du widget et tirez ; les autres se réorganisent autour.

La largeur s’exprime en colonnes de la grille et la hauteur en lignes. Un même tableau de bord peut mélanger des indicateurs compacts (une cellule) et de grands graphiques (toute la largeur).

Ajuster à la hauteur de l'écran

Par défaut, la hauteur des lignes s’adapte pour que l’onglet tienne dans la zone visible sans défilement — utile notamment en plein écran. Vous pouvez désactiver ce comportement dans les réglages pour revenir à une hauteur de ligne fixe avec défilement.

PrécédentVue d'ensembleSuivantWidgets intégrés

Produit

  • Accueil
  • Démo

Ressources

  • Documentation
  • Ressources
  • Outils
  • Blog

Communauté

  • Code source Framagit
  • Code source Github

À propos

  • InterHop.org
  • Contact

2021–2026 InterHop — CC BY-NC-SA 4.0 (site) · GPLv3 (logiciel)