Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Tableau de bord HTML interactif et autonome v1.0.0

Utilisez cette ressource pour créer un tableau de bord interactif à partir de vos données

Nouveau

  • 354 téléchargements
  • 107 mentions J'aime
  • 161 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install interactive-html-dashboard

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent cadre le besoin, intègre vos données (CSV, collées ou d'exemple) en JSON, puis génère un fichier HTML unique avec cartes d'indicateurs, graphiques, filtres et tableau triable. Le skill fournit la disposition, les modèles de code, les styles responsive et d'impression, et des repères de performance. Vous obtenez un fichier à ouvrir dans le navigateur ou à envoyer tel quel.

Choisie surtout par

Mise à jour le 2 novembre 2026

Tableau de bord avec cartes d'indicateurs, graphiques et tableau triable

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Chart.js
Utilise
  • Navigateur web
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français : démarche en sept étapes
  • Modèle HTML de base, cartes d'indicateurs et filtres
  • Exemples de courbes, barres et anneaux avec Chart.js
  • Styles CSS adaptatifs et repères de performance selon la taille des données

Pour qui

  • Vous voulez présenter des chiffres de ventes, de support ou de campagne à un client
  • Vous avez un CSV et besoin d'une vue interactive à partager par fichier
  • Vous voulez un tableau de bord d'exemple pour une maquette

Pas pour qui

  • Des données en temps réel (c'est un instantané)
  • Plus de 100 000 lignes dans le navigateur
  • Remplacer un outil de BI connecté à une base

Étiquettes

  • tableau de bord
  • html
  • graphiques
  • kpi
  • reporting

À propos

Vous dites

« Construis un tableau de bord de ventes mensuelles à partir de ce CSV : évolution du chiffre d'affaires, top produits et répartition par région. »

Tableau de bord avec cartes d'indicateurs, graphiques et tableau triable

Skill publiée par Anthropic sous licence Apache-2.0, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Vos données (CSV, texte collé) ou le schéma souhaité et L'objectif et le public du tableau de bord
Dépendances
Navigateur web

Comment l'utiliser

  1. Décrivez l'objectif, le public et collez ou joignez vos données
  2. L'agent génère le fichier HTML avec indicateurs, graphiques et filtres
  3. Ouvrez-le dans le navigateur et demandez les ajustements de style ou de marque

Aperçu du contenu

Fichiers

  • LICENSE11,5 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • SKILL.md27,3 Ko

Origine et licence

Modifié par PalateKit

Auteur
Anthropic
Source
github.com/anthropics/knowledge-work-plugins/tree/2574e29377c7173d0cecffef29a6ecbd7f8ccb5d/data/skills/build-dashboard
Licence
Apache-2.0

Notice

Version modifiée de « build-dashboard » (Anthropic, Apache-2.0) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Faut-il une connexion internet ?

Le modèle charge Chart.js depuis un CDN. Pour un usage entièrement hors ligne, demandez à l'agent d'intégrer la bibliothèque dans le fichier.

Peut-on utiliser nos couleurs ?

Oui. Indiquez votre palette ou demandez un mode sombre ou présentation : le système de couleurs est défini par variables CSS faciles à changer.