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.

Graphiques de données animés en vidéo v1.0.0

Utilisez cette ressource pour transformer des données en vidéo de graphique animé

Nouveau

  • 542 téléchargements
  • 247 mentions J'aime
  • 178 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install animated-chart-video

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 construit avec Remotion un graphique piloté image par image : barres qui changent de rang, valeurs adoucies, compteurs formatés et annotations au bon moment. Il vérifie les chiffres sur des images fixes avant d'encoder, puis peut rendre une vidéo par fichier de données.

Choisie surtout par

Mise à jour le 2 novembre 2026

Aucun aperçu : carte dessinée

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Remotion
Utilise
  • Node.js
  • Remotion
Licence
MIT

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français : règle d'or, échelles, rythme, étiquettes, vérification
  • bar-chart-race.md : composant Remotion complet de bar chart race
  • data-pipeline.md : conversion CSV vers props et script de rendu par lot

Pour qui

  • Une bar chart race à partir d'un tableau annuel
  • Un compteur ou un chiffre clé animé pour un rapport
  • Une même vidéo de graphique déclinée sur 20 jeux de données

Pas pour qui

  • Des graphiques interactifs pour le web
  • Des vidéos sans données chiffrées

Étiquettes

  • graphique animé
  • données
  • bar chart race
  • remotion
  • compteur

À propos

Vous dites

« Fais une bar chart race à partir de ventes.csv, avec l'année affichée et une pause finale de 3 secondes. »

Aucun aperçu : carte dessinée

Skill publiée par iart-ai sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Un fichier CSV ou JSON de données et Vos couleurs et votre police
Dépendances
Node.js et Remotion

Comment l'utiliser

  1. Copiez le dossier de la skill dans le dossier de skills de votre agent.
  2. Fournissez votre CSV ou JSON et précisez les colonnes.
  3. Contrôlez les images fixes (début, milieu, fin), puis lancez l'encodage.

Aperçu du contenu

Fichiers

  • LICENSE1 Ko
  • NOTICE-PALATEKIT.md0,4 Ko
  • README.md0 Ko
  • references/bar-chart-race.md7,7 Ko
  • references/data-pipeline.md7,5 Ko
  • SKILL.md12 Ko

Origine et licence

Modifié par PalateKit

Auteur
iart-ai
Source
github.com/iart-ai/data-animation-skills/tree/8ce2709c3992490251e8a991535b1945f01c6865/skills/chart-animation
Licence
MIT

Notice

Version modifiée de « chart-animation » (iart-ai, MIT) : 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

Les chiffres sont-ils fiables ?

Chaque valeur est calculée à partir de l'image et formatée avec Intl.NumberFormat ; la skill impose de contrôler les images fixes avant l'encodage.

Peut-on afficher les nombres en français ?

Oui, remplacez la locale « en-US » par « fr-FR » dans le formatage.