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.

Graphique en courbes animé et minimaliste v1.0.0

Utilisez cette ressource pour animer un graphique en courbes dans une vidéo

Nouveau

  • 307 téléchargements
  • 116 mentions J'aime
  • 101 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install minimal-line-graph-animation

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent remplit un graphique en courbes animé avec vos séries de valeurs et vos étiquettes d'axe. Les courbes se tracent, les points apparaissent et les valeurs suivent la pointe du tracé, avec un axe discret et une légende. Vous obtenez une séquence vidéo claire pour un rapport ou une présentation.

Choisie surtout par

Mise à jour le 2 novembre 2026

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
HyperFrames
Utilise
  • HyperFrames (Node.js 22 et FFmpeg)
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • LISEZMOI.md : mode d'emploi en français (CONFIG, durée, rendu)
  • mk-line-graph.html : composition de 7 secondes avec deux séries d'exemple
  • registry-item.json : fiche d'installation HyperFrames

Pour qui

  • Bilans de croissance pour un client ou des investisseurs
  • Vidéos de résultats mensuels
  • Cours ou publications qui illustrent une tendance

Pas pour qui

  • Graphiques avec plus de deux séries
  • Données qui demandent une lecture précise ligne par ligne

Étiquettes

  • graphique
  • courbe
  • données
  • rapport
  • animation

À propos

Vous dites

« Anime un graphique en courbes de mes inscriptions et de mes ventes de janvier à juin, avec les valeurs affichées. »

Deux courbes qui se tracent sur un fond sobre, avec des points et des valeurs qui suivent le tracé et une légende.

Bloc publié par HeyGen (HyperFrames) sous licence Apache-2.0, traduit par PalateKit.

Voir plus

Prérequis

À préparer
Vos séries de chiffres (une ou deux) et Les étiquettes de l'axe horizontal
Dépendances
HyperFrames (Node.js 22 et FFmpeg)

Comment l'utiliser

  1. Installer le bloc dans votre projet HyperFrames
  2. Remplacer series et xLabels dans CONFIG
  3. Rendre la vidéo avec la commande de rendu HyperFrames

Aperçu du contenu

Fichiers

  • LICENSE10,5 Ko
  • LISEZMOI.md0,8 Ko
  • mk-line-graph.html10 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • registry-item.json0,6 Ko

Origine et licence

Modifié par PalateKit

Auteur
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/mk-line-graph
Licence
Apache-2.0

Notice

Version modifiée de « Minimal Line Graph » (HeyGen (HyperFrames), 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

Combien de points et de séries ?

Une ou deux séries de même longueur ; xLabels doit avoir au moins autant d'étiquettes que de valeurs.

Comment changer les couleurs ?

Donnez une couleur à chaque série dans CONFIG.series ou redéfinissez les variables --mk-* du CSS.