HTML / CSS / JavaScript

Dessin et visualisation de données

Canvas, SVG, diagrammes, jauges et schémas relationnels.

49catégorie de cas
49 cas affichés actuellement
0034Dessin et visualisation de données

Graphique en barres interactif sur la qualité de l’air

Terminez un histogramme interactif dans un contexte de qualité de l’air : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0050Dessin et visualisation de données

Graphique linéaire de tendance de la qualité de l’air

Dans le scénario de la qualité de l’air, finalisez le graphique en courbe de tendance : incluez du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0066Dessin et visualisation de données

Diagramme en anneau de la qualité de l’air

Dans le contexte de la qualité de l’air, réaliser un graphique en anneau de répartition : avec du contenu authentique, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0082Dessin et visualisation de données

Graphiques du tableau de bord de la qualité de l’air

Dans le contexte de la qualité de l’air, réalisez un graphique de tableau de bord : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

Dessin et visualisation de donnéesgraphiques de tableau de bordHTMLCanvasJavaScript
Ouvrir et exécuter
0098Dessin et visualisation de données

Diagramme radar des compétences en qualité de l’air

Terminez le graphique radar des compétences dans le contexte de la qualité de l’air : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0114Dessin et visualisation de données

Nuage de points de la qualité de l’air

Complétez le graphique de dispersion dans le scénario de la qualité de l’air : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée aux différentes tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
0130Dessin et visualisation de données

Carte thermique matricielle de la qualité de l’air

Réalisez une carte thermique matricielle dans un contexte de qualité de l’air : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

Dessin et visualisation de donnéescarte de chaleur matricielleHTMLCanvasJavaScript
Ouvrir et exécuter
0146Dessin et visualisation de données

Graphique chronologique de la qualité de l’air

Complétez le graphique chronologique dans un contexte de qualité de l’air : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Dessin et visualisation de donnéesGraphique en timelineHTMLCanvasJavaScript
Ouvrir et exécuter
0162Dessin et visualisation de données

Graphe de relations pour la qualité de l’air

Réalisez un graphe de nœuds relationnels dans un contexte de qualité de l’air : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0178Dessin et visualisation de données

Traceur de forme d’onde pour la qualité de l’air

Réalisez un tracé de forme d’onde dans un contexte de qualité de l’air : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptée à différentes tailles.

Dessin et visualisation de donnéestraceur d’ondesHTMLCanvasJavaScript
Ouvrir et exécuter
0194Dessin et visualisation de données

Graphique à barres interactif du progrès d’apprentissage

Créez un histogramme interactif dans un contexte de progression d’apprentissage : contenu réel, contrôles utilisables, retour d’état clair et mise en page responsive multi-tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0210Dessin et visualisation de données

Courbe de tendance de la progression des apprentissages

Réalisez un graphique en courbes de tendance dans un contexte de progression d’apprentissage : contenu réel, contrôles interactifs, retour d’état clair et mise en page multi-tailles.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0226Dessin et visualisation de données

Diagramme annulaire de la progression des apprentissages

Complétez le graphique en anneau de proportion dans le scénario de progression d’apprentissage : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0242Dessin et visualisation de données

Graphique du tableau de bord de progression de l’apprentissage

Créer les graphiques du tableau de bord pour un scénario de progression d’apprentissage : contenu réel, contrôles interactifs, retours d’état clairs et mise en page multi-tailles.

Dessin et visualisation de donnéesgraphiques de tableau de bordHTMLCanvasJavaScript
Ouvrir et exécuter
0258Dessin et visualisation de données

Radar des compétences pour la progression d’apprentissage

Dans un scénario de progression d’apprentissage, finalisez un graphique radar des compétences : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0274Dessin et visualisation de données

Diagramme de dispersion de la progression d’apprentissage

Complétez le nuage de points dans le contexte du suivi des progrès d’apprentissage : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
0290Dessin et visualisation de données

Carte thermique matricielle de la progression d’apprentissage

Créer une carte thermique matricielle pour un scénario de progression d’apprentissage : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Dessin et visualisation de donnéescarte de chaleur matricielleHTMLCanvasJavaScript
Ouvrir et exécuter
0306Dessin et visualisation de données

Graphique chronologique de la progression d’apprentissage

Complétez un graphique chronologique dans un contexte de progression d’apprentissage : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

Dessin et visualisation de donnéesGraphique en timelineHTMLCanvasJavaScript
Ouvrir et exécuter
0322Dessin et visualisation de données

Graphique des relations des nœuds de progression d’apprentissage

Réalisez un graphe de nœuds relationnels dans un contexte de progression d’apprentissage : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0338Dessin et visualisation de données

Générateur de formes de progression d’apprentissage

Réalisez un traceur d’ondes pour le contexte de progression d’apprentissage : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Dessin et visualisation de donnéestraceur d’ondesHTMLCanvasJavaScript
Ouvrir et exécuter
0354Dessin et visualisation de données

Graphique à barres interactif de la croissance du jardin

Histogramme interactif terminé dans le scénario de croissance du jardin : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à plusieurs tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0369Dessin et visualisation de données

Graphique en courbe de la croissance du jardin

Réalisez un graphique linéaire de tendance dans le scénario de croissance du jardin : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptée à toutes les tailles d’écran.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0384Dessin et visualisation de données

Graphique en anneau de la croissance du jardin

Créer un diagramme en anneau pour un scénario de croissance dans le jardin : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à toutes les tailles.

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0399Dessin et visualisation de données

Graphiques du tableau de bord de croissance du jardin

Créer des graphiques de tableau de bord dans un contexte de croissance de jardin : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptative à toutes les tailles.

Dessin et visualisation de donnéesgraphiques de tableau de bordHTMLCanvasJavaScript
Ouvrir et exécuter
0413Dessin et visualisation de données

Diagramme radar des capacités de croissance du jardin

Réalisez un graphique radar des compétences dans le scénario de croissance du jardin : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée aux différentes tailles.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0426Dessin et visualisation de données

Nuage de points de la croissance du jardin

Créez un nuage de points pour le contexte de croissance du jardin : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
0439Dessin et visualisation de données

carte thermique matricielle de la croissance du jardin

Réalisez une carte thermique matricielle dans un scénario de croissance au jardin : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative selon les tailles d’écran.

Dessin et visualisation de donnéescarte de chaleur matricielleHTMLCanvasJavaScript
Ouvrir et exécuter
0452Dessin et visualisation de données

Graphique chronologique de croissance du jardin

Créer un graphique chronologique pour un scénario de croissance dans un jardin : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Dessin et visualisation de donnéesGraphique en timelineHTMLCanvasJavaScript
Ouvrir et exécuter
0535Dessin et visualisation de données

Graphe de nœuds des relations de croissance des archives

Réaliser un graphe de nœuds relationnels dans un contexte d’augmentation des archives : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative selon la taille.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0560Dessin et visualisation de données

Créateur de formes d’onde de métriques audio

Dans un contexte d’indicateurs audio, réalisez un visualiseur de formes d’onde : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

Dessin et visualisation de donnéestraceur d’ondesHTMLCanvasJavaScript
Ouvrir et exécuter
0585Dessin et visualisation de données

Histogramme interactif de l’atlas de l’air

Réalisez un histogramme interactif dans un contexte d’atlas de l’air : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative multi-tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0610Dessin et visualisation de données

Diagramme circulaire de briefing aérien

Réalisez un diagramme en anneau pour une présentation aérienne : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptative selon la taille.

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0635Dessin et visualisation de données

Graphiques du tableau de bord de prévision de l’air

Dans le scénario du tableau de prévision de la qualité de l’air, complétez le graphique du tableau de bord : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Dessin et visualisation de donnéesgraphiques de tableau de bordHTMLCanvasJavaScript
Ouvrir et exécuter
0660Dessin et visualisation de données

Carte thermique en matrice du grand livre de l’air

Créer une heatmap matricielle dans un contexte de comptabilité aérienne : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

Dessin et visualisation de donnéescarte de chaleur matricielleHTMLCanvasJavaScript
Ouvrir et exécuter
0685Dessin et visualisation de données

Courbe de tendance du poste de surveillance de la qualité de l’air

Un graphique linéaire de tendance pour le scénario du poste de surveillance de l’air, avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon la taille.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0710Dessin et visualisation de données

Carte des nœuds de la file d’air

Créer une carte de nœuds relationnels dans un scénario de file d’attente aérienne : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0735Dessin et visualisation de données

Radar des compétences du cahier de révision de l’air

Dans un scénario de carnet de révision de l’air, réalisez un graphique radar des capacités : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0760Dessin et visualisation de données

Diagramme de dispersion des signaux atmosphériques

Réalisez un nuage de points pour le scénario de la carte des signaux aériens : contient du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
0785Dessin et visualisation de données

Graphique chronologique de l’atlas public

Dans le scénario du graphe public, terminez le graphique chronologique : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Dessin et visualisation de donnéesGraphique en timelineHTMLCanvasJavaScript
Ouvrir et exécuter
0810Dessin et visualisation de données

Traceur de forme d’onde pour briefing public

Créer un traceur d’onde dans un contexte de briefing public : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles.

Dessin et visualisation de donnéestraceur d’ondesHTMLCanvasJavaScript
Ouvrir et exécuter
0835Dessin et visualisation de données

Graphique à barres interactif de retours publics

Réalisez un histogramme interactif dans un contexte de retours citoyens : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0860Dessin et visualisation de données

Diagramme en anneau du tableau de prévisions publiques

Dans le contexte d’un tableau de prévisions publiques, réaliser un graphique en anneau de répartition : avec du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0885Dessin et visualisation de données

Graphiques de tableau de bord du registre public

Complétez le graphique du tableau de bord dans un contexte de registre public : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Dessin et visualisation de donnéesgraphiques de tableau de bordHTMLCanvasJavaScript
Ouvrir et exécuter
0910Dessin et visualisation de données

Carte thermique en grille du poste de surveillance public

Réalisez une carte thermique matricielle dans un contexte de poste de supervision publique : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Dessin et visualisation de donnéescarte de chaleur matricielleHTMLCanvasJavaScript
Ouvrir et exécuter
0935Dessin et visualisation de données

Graphique en courbes de la tendance des files d’attente publiques

Réaliser un graphique linéaire de tendance dans un contexte de file d’attente publique : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative selon les tailles d’écran.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0960Dessin et visualisation de données

Graphe de nœuds de la revue citoyenne du registre public

Créer un graphe de relations de nœuds dans le contexte d’un carnet de relecture publique : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0985Dessin et visualisation de données

Radar des capacités du signal public

Dans un scénario de cartographie des signaux publics, réalisez un diagramme radar des capacités : il doit contenir du contenu réel, des contrôles interactifs, des retours d’état clairs et une disposition adaptée à toutes les tailles d’écran.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
1010Dessin et visualisation de données

Nuage de points des performances en classe

Réalisez un nuage de points dans un scénario de performance en classe : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
1035Dessin et visualisation de données

Graphique chronologique de l’atlas de la classe

Menez un diagramme chronologique dans un contexte de cartographie de classe : il comprend du contenu réaliste, des contrôles exploitables, un retour d’état clair et une mise en page adaptative aux différentes tailles.

Dessin et visualisation de donnéesGraphique en timelineHTMLCanvasJavaScript
Ouvrir et exécuter