Aujourd'hui le blog du web design vous propose de découvrir just-dashboard une librairie javascript vous permet générer des dashboards depuis du YAML ou du JSON
Just-dashboard
En utilsant just-dashboard il est possible de convertir ça :
En ça :
Nouveau ! Trouvez un webdesigner sur le BlogDuWebdesign
Trouvez gratuitement le prochain talent qui réalisera votre projet ou rejoindra votre équipe.
Niveau fonctionnement la librairie dispose de 5 composants :
– chart : permet de créer la visualisation du dashboard, on peut utiliser une vue camembert avec Pie, en barre avec bar ou en ligne avec line.
– columns : permet d'indiquer le nombre de colonnes que doit avoir notre dashboard
– root : c'est le composant qui contient notre dashboard
– rows : permet de grouper les élements verticalement
– text : permet de créer le html associé à notre dashboard
Le résultat est plutôt satisfaisant, l'exemple est disponnible ici, chaque élement du dashboard dispose d'interraction au survol.
Installation :
L'installation se passe de commentaires, on a simplement besoin de npm npm install –save just-dashboard
Recevez nos articles par e-mail
Comme + de 11.000 personnes recevez nos articles et ressources .directement par e-mail.
