FonctionnalitésTarifs
Tous les graphiques
Graphiques Chart.jsGraphiques en courbesGraphiques sparklineGraphiques en nuage de pointsGraphiques en secteursGraphiques en anneauGraphiques polairesGraphiques radarGraphiques à bullesGraphiques Graph VizGénérateur de QR codesGénérateur de QR code WiFiGraphiques à barres
Intégrations
Intégration populaire
Comment intégrer
Google Drive
avec Image Charts à l'aide de Zapier/Make
Comment intégrer
Google Forms
avec Image Charts à l'aide de Zapier/Make
Comment intégrer
Pipedrive
avec Image Charts à l'aide de Zapier/Make
Comment intégrer
Dropbox
avec Image Charts à l'aide de Zapier/Make
Comment intégrer
Google Sheets
avec Image Charts à l'aide de Zapier/Make
Voir toutes les intégrations
Ressources
BlogDocumentation
Gestion de l'abonnementCréez votre graphique gratuitement
Gestion de l'abonnementCréez votre graphique gratuitement
Apprendre

Tutoriel simple : comment utiliser une API de chart image

Publié le 
August 26, 2020
Table des matières

Les graphiques sont couramment utilisés pour illustrer visuellement les relations entre des données. L’objectif d’un graphique est de représenter des données trop complexes ou trop nombreuses pour être exprimées sous forme de texte. Les graphiques ne sont pas idéaux pour de petites quantités de données, que vous pouvez facilement exprimer en une phrase. Lorsque les données révèlent une relation entre deux variables ou montrent des tendances marquées, vous devrez recourir à un graphique. En l’absence de tendance, il est difficile de justifier l’utilisation d’un graphique.

Alors, comment créer un graphique ? Il existe de nombreux logiciels à cet effet, mais ils manquent soit de convivialité, soit des types de graphiques nécessaires. 

Cependant, Image Charts a récemment gagné en popularité pour la création rapide de graphiques professionnels. Voici un bref tutoriel expliquant comment l'utiliser pour créer des graphiques. 

GraphViz

GraphViz désigne un ensemble d’outils open source utilisé pour visualiser des graphes de connectivité. Vous pouvez utiliser le langage DOT pour construire des graphes GraphViz et choisir un moteur de mise en page en conséquence. Voici les paramètres pris en charge par GraphViz :

  • cht = gv[ : <opt_engine>] – Spécifie le type de graphique
  • chl – Utilisé pour ajouter une entrée 
  • chs – Contrairement aux autres types de graphiques, vous n'avez pas besoin de définir une taille de graphique. L'image de sortie sera convertie en un graphique vectoriel adapté
  • ch1=<DOT_string> -- Écrivez la notation du langage dot pour dessiner le graphique

Graphique simple

Ouvrez le éditeur de graphiques et saisissez les valeurs suivantes :

cht=gv
chl=graph {
    a -- b;
    a -- d;
    b -- c;
    a -- c;
    e -- d;
    e -- a;
}

En retour, l'API Image Charts génère le graphique suivant. 

Digraph

Un type de graphe directionnel est un graphe dont les arêtes ont une direction. Vous pouvez le créer en configurant le code suivant dans l'éditeur de graphique. 

cht=gv
chl=digraph {
    a -> b;
    b -> c;
    c -> d;
    d -> a;
}

En retour, l'API Image Charts génère le graphique suivant. 


Graphiques à bulles

Les graphiques à bulles permettent de représenter visuellement plusieurs dimensions de données – généralement trois à quatre. Cela vous permet d'afficher au moins trois champs sous forme graphique. Vous pouvez ainsi l'utiliser pour une analyse détaillée et avancée. Chaque série représente un ensemble de bulles définies par x, y, et une valeur optionnelle : r (rayon). 

Avec l'API Image Charts, vous pouvez créer différents types de graphiques à bulles. La syntaxe d'un graphique à bulles est spécifiée ci-dessous.

cht =<chart_type>

Ici, <chart_type> désigne « bb », c'est-à-dire un graphique à bulles composé de points de données. Par défaut, il n'affiche pas les lignes d'axe. Vous pouvez afficher les valeurs sur les lignes d'axe en configurant les axes.

?cht=bb
&chs=800x400
&chd=t:30,50,20,_,57,30,14,_,12,14,50,_,10,30,30
&chco=6213AB
&chxt=x,y
&chma=0,0,20

En retour, l'API Image Charts génère le graphique suivant. 


Vous pouvez spécifier une série de x, y, et [r] pour définir les points de données dans les graphiques à bulles. Ces séries doivent toutefois être séparées par « | ». 

Graphiques en aires polaires

Lorsque vous devez représenter des visuels proportionnels de type partie-tout, les graphiques en aires polaires sont votre meilleure option. Ils peuvent être réalisés aussi bien en série unique qu'en séries multiples. Chaque série représente un camembert et chaque valeur de données représente une part. Utilisez plusieurs séries pour tirer parti des graphiques polaires superposés. Pour afficher le texte d'une part, utilisez une légende de graphique, qui sera représentée par un texte associé à une couleur. 

Ouvrez l'éditeur de graphique et définissez les valeurs suivantes :

cht=pa
chd=t:100,200,300
chdl=A|B|C
chxt=x
chco=FF00007F,00FF007F,0000FF7F

Comme les valeurs sont relatives les unes aux autres, définir des valeurs de 100, 200 et 300 revient au même que définir 1, 2 et 3. Gardez également à l’esprit que les valeurs négatives sont affichées sous forme de parts vides.

Graphiques radar

Les graphiques radar tracent les points de données de façon régulière et dans le sens des aiguilles d'une montre. Un point de données indique sa distance par rapport au centre du graphique, le centre représentant la valeur la plus basse et le bord du graphique représentant la valeur maximale. On peut donc dire qu'un graphique radar est essentiellement une forme de graphique en courbes enroulée en cercle. Il se distingue par ses segments égaux. Le nombre de segments est toujours supérieur à ce qui suit :

  • le nombre de valeurs de données
  • le nombre d'étiquettes + 1

Par exemple, si un graphique comporte 12 points de données sans libellés, ils seront espacés de 30 degrés. Ouvrez l'éditeur de graphique et définissez les valeurs suivantes pour créer votre diagramme radar.

cht=r
chxt=r
chd=t:72,54,41,58,40,72|78,78,21,60,56,88

En retour, Image Charts génère le diagramme suivant. 


Graphiques finaux

Maintenant que vous savez comment créer différents graphiques avec l'API Image Charts, vous pouvez consulter la documentation complète et créer des graphiques plus avancés. Vous pourrez ainsi intégrer des graphiques plus rapidement dans vos applications et permettre à vos développeurs de se concentrer sur d'autres tâches. 

Si vous rencontrez des difficultés pour créer un graphique ou si vous ne savez pas lequel choisir pour vos besoins de visualisation de données, contactez-nous auprès de nous pour obtenir de l'aide.

Guides associés
Migrer depuis Google Image Charts
Style des courbes
Style des points
Séries temporelles
Générateur de QR code WiFi
Étiqueté :
Création de graphiques
Graph-viz
Francois-Guillaume Ribreau
PDG

Articles à la une

Apprendre
Placer la barre plus haut — des graphiques à barres automatisés et simples au quotidien
Automatisez !
Où tracer la ligne — des graphiques en ligne automatisés pour tous
Tutoriels
Comment créer des graphiques avec des dégradés
Tutoriels
Comment créer un graphique en barre de progression
Apprendre
Comment démarrer avec Image Charts sur Zapier
Apprendre
Comment partager des graphiques sur Slack ?
Apprendre
Créez un graphique avec une seule URL
Automatisez !
Comment connecter Image-Charts à Zapier ?

Étiquettes

API
Automatisation
Graphiques à barres
Graphiques à bulles
Création de graphiques
Design
Graphiques en anneau
Envoi d’emails
Graph-viz
GraphViz
Intégration
Graphiques en courbes
Make
Application mobile
Graphiques en secteurs
Graphiques polaires
Graphiques en barre de progression
QR code
Graphiques radar
Graphiques en nuage de points
SDK
Graphiques sparkline
Zapier

Créez et envoyez des graphiques par e-mail avec Image-Charts

Commencer
Plus d'articles

Vous aimerez peut-être aussi

Apr 17, 2023
 dans 
Automatisez !

Arrêtez d’ennuyer vos lecteurs : automatisez les graphiques dans vos e-mails pour les impressionner à coup sûr !

Apr 12, 2023
 dans 

La guerre des graphiques : la bataille des outils de création de graphiques – Un guide comparatif complet

Mar 30, 2023
 dans 
Tutoriels

Automatiser des graphiques dans des PDF via Zapier — pourquoi et comment créer des rapports dynamiques

l'API de graphiques statiques la plus utilisée au monde

API de graphique

Graphiques Chart.jsGraphiques en courbesGraphiques sparklineGraphiques en nuage de pointsGraphiques en secteursGraphiques en anneauGraphiques polairesGraphiques radarGraphiques à bullesGraphiques Graph VizGénérateur de QR codesGénérateur de QR code WiFiGraphiques à barres

Produit

TarifsDocumentationGestion de l'abonnementÉditeur de graphiquesJournal des modificationsPage de statutSur siteMigrer depuis Google

SDKs

JavaScript/NodeJS
PHP
Python
Java
Ruby
C#

Intégrations

Intégration ZapierIntégration MakeIntégration Integromat

Entreprise

À propos de nousBlogOpen sourceSécurité & ConformitéConfidentialitéConditionsSupportMentions légales

Newsletter - Journal des modifications

Si vous souhaitez recevoir plus d'actualités sur Image-Charts directement dans votre boîte de réception, inscrivez-vous à la newsletter
S'abonner
Pas de spam
Résiliez à tout moment
l'API de graphiques statiques la plus utilisée au monde