Nous venons de lancer un nouveau paquet Open Source TrendChart Elements. Une bibliothèque de composants web basé sur Lit permettant la génération de graphiques simples et responsives pour représenter des tendances.

Il est souvent utile d'afficher un graphique simple pour représenter une tendance, sans vouloir installer une grosse bibliothèque avec toute sa complexité pour un simple donut ou une courbe dans un dashboard par exemple. C'est le but de ce paquet, aucune configuration n'est nécessaire, tout se fait directement avec des propriétés HTML et des variables CSS. Il comprend actuellement des graphiques de type Line, Pie, Column et Bar.

Voici un exemple de graphique avec son HTML correspondant :

<tc-line
    values="[26,22,20,24,30,34,18,29,33,41,38,53,32]" min="0"
    style="--shape-color: #FD7549;--area-opacity: 0.12;">
</tc-line>

Une page de démo est disponible ici et toutes les informations sont sur la page Github du paquet.