Aide:Graphiques et diagrammes

Une page de Wikipédia, l'encyclopédie libre.
Sauter à la navigation Sauter à la recherche
Niveau expert
Cette page décrit les différents moyens pour créer une illustration graphique de données dans un article.

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[modifier | modifier le code]

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.

La création de graphiques dans Wikipédia[modifier | modifier le code]

Frise chronologique[modifier | modifier le code]

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[modifier | modifier le code]

{{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[modifier | modifier le code]

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êchesAnanas: 750 000 tonnes (12,9 %)Circle frame.svg
  •   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 = 
}}

Graphique à barres verticales ou histogramme[modifier | modifier le code]

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
}}
Transparent.png
Transparent.png
Transparent.png
infobulle 1
infobulle 2
infobulle 3
Transparent.png
Transparent.png
Transparent.png
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 = 
}}
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 = 
}}

Graphique en lignes[modifier | modifier le code]

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
}}
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
}}

Voir aussi[modifier | modifier le code]