Formation DataViz sous Html5 et Canvas


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

Accueil / Formation / programmation client

sagexa in good shape

Canvas API et DataViz

graphisme client en javascript

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

du 01-06-2022 au 04-06-2022 (durée 3 jours)

Tarif : 1850 € HT / personne (1850 € TTC)
sous réserve d'un nombre suffisant d'inscriptions
Par 01-06-2022programmation 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