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.

10 signes que vous êtes allé trop loin dans la conception Freelance

10 signes que vous êtes allé trop loin dans la conception Freelance

Le design freelance est génial, mais personne que je connais jusqu'à présent n'est resté comme il l'était auparavant après des années d'expérience freelance (souvent traumatisante). Après un moment, nous aimerions penser que petit à petit, nous avons évolué vers quelque chose au-delà de l'humain, avec des capacités surnaturelles ou des traits perturbateurs mentaux, et voici ce que je veux partager aujourd'hui: les 10 habitudes que vous développez quand vous tombez trop profondément dans la conception freelance .Parcourez la li

(Conseils techniques et de conception)

Comment créer un effet de zoom sur une image CSS pure

Comment créer un effet de zoom sur une image CSS pure

CSS n'a pas de pseudo-classe pour cibler les événements de clic, et cela constitue l'un des plus grands points de douleur des développeurs frontaux. La pseudo-classe la plus proche est :active qui code un élément pour la période de temps pendant laquelle un utilisateur appuie dessus.Cet effet est cependant de courte durée: une fois que l'utilisateur relâche la souris, : :active ne fonctionne plus. Nous d

(Conseils techniques et de conception)