Aide:Graphiques et diagrammes

Aide de Wikipédia

Insérer une image, une référence, etc.

Niveau expert

Cette page décrit les différents moyens pour créer une illustration graphique de données dans un article.

Si ce bandeau n'est plus pertinent, retirez-le. Cliquez ici pour en savoir plus.

Cet article doit être actualisé (mai 2023).

Des passages de cet article ne sont plus d’actualité ou annoncent des événements désormais passés. Améliorez-le ou discutez-en. Vous pouvez également préciser les sections à actualiser en utilisant {{section à actualiser}}.

Un graphique ou diagramme est une illustration d'un ensemble de données. Il peut être placé à l'intérieur des articles, comme toute autre image.

Les graphiques doivent être précis et présenter l'information de manière efficace. Ils doivent être visibles à différentes résolutions d'écran. Idéalement, les graphiques seront également esthétiques.

Précision

Les graphiques qui montrent une tendance de données doivent illustrer la tendance avec précision dans son contexte, plutôt que d'illustrer la tendance de manière exagérée ou dramatique. Pour résumer, évitez de créer des graphiques trompeurs.

Choisissez un type de graphique approprié aux données que vous illustrez.

diagramme en coordonnées cartésiennes — adapté pour mettre en relation quantitative deux grandeurs mesurées sur une série d'objets (par exemple^{[Par exemple ?]}, TàF), ou pour délimiter des domaines particuliers dans la relation entre deux grandeurs (par exemple ici, les champs en pression et température des différents faciès métamorphiques des roches crustales terrestrres ) ;
diagramme circulaire — adapté à l'illustration des éléments d'un ensemble (par exemple, ci-dessous, les différentes parts et les volumes de quelques fruits dans la consommation des ménages (données inventées), ou autre exemple réel cette fois, la répartition des recettes de l'Union Européenne par états membres en 2006 ;
diagramme en bâton — adapté pour montrer comment les choses se comparent les unes aux autres (par exemple^{[Par exemple ?]}, quelle population est la plus importante) ou comment elles ont évolué (par exemple^{[Par exemple ?]}, les ventes de maïs chaque année).

La création de graphiques dans Wikipédia

Frise chronologique

Exemple de chronologie

-550 —

–

-540 —

–

-530 —

–

-520 —

–

-510 —

–

-500 —

←

Base du Cambrien

Une échelle approximative des évènements
depuis le début de la période du Cambrien.
Axes en millions d'années.

Le modèle {{Graphical timeline}} permet de représenter des frises chronologiques approfondies. Le modèle propose une mise en forme complexe et des options de libellés pour contrôler l'affichage. En règle générale, il est utilisé avec son propre modèle, qui est ensuite inclus dans l'article.

Statistique simple

{{Infobox Parti politique/Sièges}} peut être utilisé pour fournir une seule statistique, utilisable dans une cellule d'un tableau.

100 / 300

160 / 300

Diagramme circulaire

Module:Diagramme est un module Lua qui peut être utilisé pour créer diagrammes circulaires.

Syntaxe

Rendu

{{#invoke:Diagramme|camembert
| rayon = 150
| secteurs = 
    ( 1000000 : Pommes) 
    ( 2000000 : Bananes  : gold) 
    ( 1440000 : Abricots ) 
    ( 6.4e5 : Pêches : : [[Pêche (fruit)|Pêches]] )
    ( 750000 : Ananas)
| unité = _tonnes
| pourcentage = true
}}

Pommes: 1 000 000 tonnes (17,2 %)
Bananes: 2 000 000 tonnes (34,3 %)
Abricots: 1 440 000 tonnes (24,7 %)
Pêches: 640 000 tonnes (11 %)
Ananas: 750 000 tonnes (12,9 %)

Le modèle {{Graph:Chart}} permet aussi de créer des diagrammes circulaires

Syntaxe

Rendu

{{Graph:Chart
| width = 150
| height = 150
| type = pie
| x = Pommes : 1000000 tonnes,Bananes : 2000000 tonnes,Abricots : 1440000 tonnes,Pêches : 6400000 tonnes,Ananas : 750000 tonnes
| y = 1000000,2000000,1440000,6.4e5,750000
| colors = red,gold,darkgreen,yellow,magenta
| legend = 
}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Graphique à barres verticales ou histogramme

Module:Diagramme est un module Lua qui peut être utilisé pour créer plusieurs types de graphiques à barres verticales.

Type

Syntaxe

Rendu

Graphique à barres verticales simple

{{ #invoke:Diagramme | histogramme
| largeur = 300
| groupe 1 = 40 : 50 : 60 : 20
| groupe 2 = 20 : 60 : 12 : 44
| groupe 3 = 55 : 14 : 33 : 5
| liens 1 = Pomme : McIntosh (pomme) : Golden delicious
| liens 2 = Banane : Abricot : Pêche (fruit)
| liens 3 = Orange : Poire : Raisin
| infobulle 2 = infobulle 1 : infobulle 2 : infobulle 3 : infobulle 4
| couleurs = green : yellow : orange
| noms = Pomme: Banane : Orange
| légendes = Avant : Pendant : Après : Post mortem
}}

10

20

30

40

50

60

70

Avant

Pendant

Après

Post mortem

Pomme
Banane
Orange

Graphique à barres verticales empilées

{{ #invoke:Diagramme | histogramme
| largeur = 300
| empilement = 1
| groupe 1 = 40 : 50 : 60 : 20
| groupe 2 = 20 : 60 : 12 : 44
| groupe 3 = 55 : 14 : 33 : 5
| couleurs = green : yellow : orange
| noms = Pomme : Banane : Orange
| unité = kg
| légendes = Avant : Pendant : Après : Post mortem
}}

25

50

75

100

125

150

Avant

Pendant

Après

Post mortem

Pomme
Banane
Orange

Le modèle {{Graph:Chart}} permet aussi de créer des diagrammes à barres verticales

Type

Syntaxe

Rendu

Graphique à barres verticales simple

{{Graph:Chart
| width = 300
| type = rect
| x = Avant, Pendant, Après, Post mortem
| y1Title = Pommes
| y1 = 40,50,60,20
| y2Title = Bananes
| y2 = 20,60,12,44
| y3Title = Orange
| y3 = 55,14,33,5
| colors = green,yellow,orange
| legend = 
}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Graphique à barres verticales empilées

{{Graph:Chart
| width = 300
| type = stackedrect
| x = Avant, Pendant, Après, Post mortem
| y1Title = Pommes
| y1 = 40,50,60,20
| y2Title = Bananes
| y2 = 20,60,12,44
| y3Title = Orange
| y3 = 55,14,33,5
| colors = green,yellow,orange
| legend = 
}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Graphique en lignes

Le modèle {{Graphique polygonal}} permet la représentation d'un graphique en ligne.

Syntaxe

Rendu

{{Graphique polygonal
| coul_fond = white
| largeur = 500
| hauteur = 350
| marge_g = 40
| marge_d = 15
| marge_h = 10
| marge_b = 20
| nb_series = 3
| nb_abscisses = 10 
| lb_x1 = Val. 1 | lb_x2 = Val. 2 | lb_x3 = Val. 3 | lb_x4 = Val. 4 | lb_x5 = Val. 5
| lb_x6 = Val. 6 | lb_x7 = Val. 7 | lb_x8 = Val. 8 | lb_x9 = Val. 9 | lb_x10 = Val. 10
| y_max = 3000
| y_min = 1000
| grille = oui
| pas_grille_principale = 1000
| pas_grille_secondaire = 100
| S01V02 = 2200 | S01V03 = 2400 | S01V04 = 2500 | S01V05 = 2600 | S01V06 = 2500
| S02V01 = 1400 | S02V02 = 2000 | S02V03 = 1600 | S02V04 = 1800 | S02V05 = 2400 
| S02V06 = 2400 | S02V07 = 2500 | S02V08 = 2000 | S02V09 = 1600 | S02V10 = 1800
| S03V01 = 1800 | S03V04 = 2000 | S03V05 = 1600 | S03V06 = 1800 | S03V07 = 2400 
| S03V09 = 2400
| points = oui
}}

le modèle {{Graph:Chart}} permet aussi de créer des diagrammes en lignes, mais avec moins de possibilités que le modèle {{Graphique polygonal}}.

Syntaxe

Rendu

{{Graph:Chart
| width = 500
| height = 350
| yAxisMin = 1000
| yAxisMax = 3000
| type = line
| x = Val. 1,Val. 2,Val. 3,Val. 4,Val. 5,Val. 6,Val. 7,Val. 8,Val. 9,Val. 10
| y1 = 0,2200,2400,2500,2600,2500
| y2 = 1400,2000,1600,1800,2400,2400,2500,2000,1600,1800
| y3 = 1800,1866.6,1933.3,2000,1600,1800,2400,2400,2400
| colors = red,blue,green
}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Voir aussi

le format SVG, recommandé pour la création de graphiques hors Wikipédia
Aide:Arbres généalogiques
Wikipédia:Images
WebPlotDigitizer peut être utilisé pour extraire des données d'un graphique existant.