Formation DataViz sous Html5 et Canvas


Taux global de satisfaction Client : 4.8 sur 5 pour 497 formations

Accueil / Formation / programmation client

sagexa in good shape
"Je ne veux ni ne rejette rien absolument, mais je consulte toujours les circonstances."
Confucius

Canvas API et DataViz

graphisme client en javascript

Lieu programmé : France entière (à distance)

du 23-09-2025 au 26-09-2025 (durée 3 jours)

Tarif : 1850 € HT / personne (1850 € TTC)
sous réserve d'un nombre suffisant d'inscriptions
Par 23-09-2025programmation client

Cette formation de 3 jours sur l'API Canvas est orientée vers la représentation graphique de jeux de données (Data Vizualisation aka DataViz).

Canvas API et DataViz

Objectifs de la formation Canvas API et DataViz

  • Apprendre à créer des graphismes dans Canvas 2D et tracer des formes complexes.
  • Construire les types classiques de graphiques
  • Ajouter de l'interactivité aux éléments Canvas et développer un moteur d'animation.
  • Découvrir les grapheurs existants, leurs capacités et les possibilités d'adaptation.,
  • Travailler avec Google Maps et Charts
  • Maîtriser l'intégration des données, XML, Json et chaînes.

Contenu de la formation Canvas API et DataViz

Formation Canvas API et DataViz

Durée de la formation

3 jours

Participants à la formation Canvas API et DataViz

Cette formation Canvas DataViz s'adresse aux développeurs front-end et webmasters..

Niveau : intermédiaire 🌶️🌶️

Pré-requis de la formation

Maîtrise du javascript orienté objet.

Travaux pratiques de la formation

les participants réaliseront l'implémentation d'une application cartographique à widgets visuels.


Programme de la formation Canvas API et DataViz

Tracé de formes dans Canvas
  • Présentation de Canvas
  • Formes simples dans CXanvas
  • Travailler en couches
  • Les Paths
  • Formes complexes
  • Vecteurs
  • Intersections

< sommaire


Tracés avancés en Canvas
  • Les Arcs
  • Courbes et point de contrôle
  • Courbe de Bézier
  • Intégration
  • Texte
  • Raster et Pixels

< sommaire


Graphique Cartésien
  • Principe
  • Histogramme (Bar Chart)
  • diagramme de dispersion (scatter chart)
  • Graphique ligne (line chart)
  • Diagramme en Cascade (waterfall chart)
  • Bougies japonaises (candlestick chart)

< sommaire


Graphes et courbes
  • Introduction
  • Graphique à Bulles (bubble chart)
  • Camembert (pie chart)
  • Donut (miam)
  • Radar
  • Structurer un Arbre

< sommaire


Graphiques Avancés
  • Pyramide
  • Interactivité
  • Arborescence et récursivité
  • Arbre interactif
  • Compteur interactif

< sommaire


Cinématique
  • Empilage
  • POO
  • Animation et images clé
  • Légende interactive
  • Légende contextuelle

< sommaire


Les outils OpenSource
  • Cadran animé
  • Graphique 3D animé
  • Animation temporelle
  • Horloge animée
  • Graphique en Rayons de Soleil (Sunburst Chart)

< sommaire


Google Charts
  • Camembert
  • ChartWrapper
  • Tableur
  • Objet Option
  • Tableau de Bord

< sommaire


Google Maps
  • Cartographie avec l'API
  • Clé API
  • Construire une carte Google
  • Marqueurs et évènements
  • Contrôles et multi-couches
  • Maîtriser les styles

< sommaire


Cartographie dynamique
  • Cartographie et Twitter
  • Marqueur interactif avancé
  • Tweets multiples et infobulle
  • Personnaliser l'apparence

< sommaire