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


Construire des graphiques dynamiques rapidement sur D3 avec Plottable.js

La bibliothèque D3.js gratuite est l'une des nombreuses applications qui vous permettent de créer des graphiques interactifs sur la page. Alors que D3 est peut-être le plus populaire de la grappe, apprendre à l'utiliser n'est pas une tâche facile.

C'est pourquoi Plottable.js est une bibliothèque si précieuse. C'est un projet open-source gratuit basé sur D3.js, qui facilite la création de graphes de données interactifs à partir de zéro .

Cette bibliothèque gère tout le travail sale, de sorte que vous pouvez vous concentrer sur les détails tels que les données. Plottable génère le code approprié pour la taille et la position de n'importe quel graphique que vous choisissez.

Chaque graphique a son propre composant dans Plottable où vous pouvez copier / coller le code du modèle pour reconstruire le graphique par vous-même. Au moment de la rédaction de ce document, vous pouvez sélectionner parmi 10 styles de graphique de tracé, y compris les graphiques à barres, les graphiques à secteurs, les diagrammes de dispersion et les graphiques de surface.

Vous pouvez reconstruire les composants individuellement et personnaliser leurs paramètres dynamiquement . De cette façon, vous pouvez facilement modifier les éléments interactifs, les couleurs, les animations, les positionnements, les tailles et tout ce dont vous avez besoin.

La bibliothèque complète est disponible sur GitHub si vous voulez parcourir le code source et télécharger une copie.

Mais, la meilleure façon d'apprendre est par l'exemple. C'est pourquoi vous devriez jeter un oeil à leurs exemples de graphiques en cours d'exécution Plottable pour voir comment cela fonctionne en action.

Chaque graphique est entièrement interactif, avec le code source pour démarrer. Si vous voulez reconstruire un graphique similaire, copiez / collez le code JS et reformatez-le si nécessaire.

J'ai deux favoris personnels de leur site: le calque de calendrier calqué sur le tableau d'activités de GitHub et les tableaux synchronisés avec des fonctions de sélection dynamique.

Si vous n'avez jamais utilisé D3.js auparavant, vous aurez du mal à apprendre cette bibliothèque. Surtout, parce qu'il est écrit en TypeScript, donc vous aurez probablement envie de le faire aussi. Le code final est compilé en JavaScript ES5, il devrait donc fonctionner dans tous les principaux navigateurs .

Si vous êtes prêt à plonger, jetez un coup d'œil à la page de tutoriels complète de ressources pratiques. Vous apprendrez tout ce dont vous avez besoin pour démarrer avec Plottable et créer des graphiques Web dynamiques à partir de zéro.

12 applications pour une vie de batterie plus longue [Android]

12 applications pour une vie de batterie plus longue [Android]

Il y a beaucoup de différents smartphones sur le marché ces jours-ci et ils sont chargés de toutes sortes de fonctionnalités. D'un design élégant et beau à un appareil photo de bonne qualité pour ce selfie renommée, toutes ces fonctionnalités sont importantes lorsque vous envisagez un nouveau téléphone. Mais peut

(Conseils techniques et de conception)

Visages de montre Android Wear simple et magnifique

Visages de montre Android Wear simple et magnifique

Avec la sortie des premières montres Android Wear, de nombreux développeurs ont commencé à publier des applications qui fonctionnent avec le portable. Avec les applications qui fournissent différents ensembles de fonctionnalités à l'appareil, les développeurs ont publié des visages qui permettent aux utilisateurs de personnaliser l'apparence de leur portable .Dans cet

(Conseils techniques et de conception)