Les bibliothèques de visualisation
Les trois familles de bibliothèques (bas niveau, déclaratives, cartographiques) et les mécanismes qu'elles partagent : l'échelle, l'axe et la liaison des données aux marques.
- 28 cartes
- 5 thèmes
- Gratuit
Le programme, thème par thème
Le poids de chaque thème suit celui que lui donne l'examen.
- Notions
- Questions
- Ranger et relier
- Les chiffres
- Mises en situation
Quelques cartes du deck
D3 : de quoi s'agit-il ?
Voir la réponse
Bibliothèque JavaScript de bas niveau : elle fournit des échelles, des axes et la liaison des données aux éléments de la page, mais aucun graphique prêt à l'emploi.
Tout est possible, mais chaque graphique se construit à la main : c'est la bonne option pour un graphique sur mesure, pas pour six graphiques standards.
Que dessine cette configuration ?
```js
new Chart(ctx, {
type: 'bar',
data: {
labels: ['T1', 'T2', 'T3', 'T4'],
datasets: [{ label: 'Ventes', data: [12, 19, 8, 15] }]
}
});`- Quatre barres d'une seule série nommée Ventes
- Quatre séries nommées T1 à T4, d'une barre chacune
- Une seule barre de hauteur 54, la somme des quatre ventes
- Une ligne qui relie quatre points de la série Ventes
Voir la réponse
Quatre barres d'une seule série nommée Ventes
typechoisit la marque,labelsdonne une étiquette par position sur l'axe, chaque élément dedatasetsest une série dontdatafournit une valeur par étiquette.Une échelle transforme une valeur du … en une valeur de l'….
Voir la réponse
Une échelle transforme une valeur du domaine en une valeur de l'étendue.
Le domaine vit dans le monde des données (des euros, des degrés), l'étendue dans celui de l'écran (des pixels, des couleurs).
Chart.js : de quoi s'agit-il ?
Voir la réponse
Bibliothèque déclarative : on décrit le graphique dans un objet de configuration (type, étiquettes, séries) et elle le dessine sur un canvas.
type: 'bar'avec des étiquettes et une série suffit pour un histogramme : on gagne du temps, au prix de la liberté de dessin.