hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Créer des graphiques de données alimentés par JavaScript avec Billboard.js

Les graphiques et les visuels jouent un rôle essentiel dans l'amélioration du contenu Web. Avec la technologie moderne, il est si facile d'ajouter des visuels personnalisés comme des icônes SVG dans votre page.

Mais un autre visuel surprenant que vous pouvez construire à partir de zéro est un graphique web.

Cela peut vous aider à représenter visuellement les données afin que vos visiteurs puissent rapidement parcourir les informations pertinentes. Et plutôt que de coder un graphique vous-même, vous pouvez utiliser une bibliothèque comme Billboard.js pour faire tout le travail.

Ceci est en fait construit au-dessus de D3 qui est une bibliothèque de visualisation de données JavaScript. C'est facilement le plus populaire là-bas ce qui en fait la dépendance la plus sûre que vous pourriez demander.

Avec Billboard.js vous pouvez accéder à l'API D3 rapidement et facilement. L'objectif principal de Billboard est la facilité d'utilisation, le rendant accessible à tous . Bien que cela aide à avoir de l'expérience avec JavaScript, vous n'avez certainement pas besoin d'être un expert.

Notez simplement que la base de code entière utilise la syntaxe ES6 qui peut être source de confusion pour les développeurs JS moins expérimentés.

Tant que vous savez comment compiler le code, ça devrait aller. En fait, nous avons couvert quelques fonctionnalités de ES6 si vous voulez en savoir plus.

Tous les détails techniques sur ce plugin peuvent sembler agréables. Mais vous voulez probablement savoir ce que cela peut faire .

Jetez un oeil à la page de démonstration et cliquez sur certains des exemples en direct.

Vous trouverez tout, des graphiques à secteurs aux diagrammes à nuage de points et des graphiques à barres animés personnalisés.

Avec Billboard.js vous avez un contrôle total sur vos données . Vous contrôlez son affichage sur la page, sa structure et le type de fonctionnalités UI / UX que vous ajoutez (le cas échéant).

C'est vraiment une bibliothèque de cartes fantastique et c'est l'une des plus faciles à ramasser. Jetez un coup d'œil sur le rapport GitHub du projet pour en savoir plus.

Vous pouvez également creuser dans cet extrait sur CodePen si vous voulez jouer avec le code dans votre navigateur.

40+ Scripts de tooltips utiles avec CSS, JavaScript et jQuery

40+ Scripts de tooltips utiles avec CSS, JavaScript et jQuery

Un élément d'interface utilisateur intéressant, les info-bulles (également appelées infotips) font apparaître une petite boîte lorsque le curseur de la souris survole un certain texte ou une image avec des informations concernant l'élément survolé. En termes d'expérience utilisateur, les infobulles fournissent aux utilisateurs la source d'informations la plus rapide et la plus simple sans avoir à cliquer sur quoi que ce soit .Bien que le

(Conseils techniques et de conception)

13 meilleures applications iOS pour créer et modifier des GIF

13 meilleures applications iOS pour créer et modifier des GIF

Les animations GIF sont de petits fichiers compressés d'amusement en boucle qui sont le plus souvent utilisés pour les mèmes. Bien que vous puissiez créer des GIF directement à partir d'un navigateur (voici comment vous le faites sur Chrome) ou à partir d'applications Web comme celles-ci, nous préférons avoir des outils permettant de créer ou de modifier des GIFS de nos photos ou vidéos personnelles .Si vous f

(Conseils techniques et de conception)