Aide:Graphiques et diagrammes
Cet article doit être actualisé ().
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
[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.
- 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
[modifier | modifier le code]Frise chronologique
[modifier | modifier le code]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.
Diagramme circulaire
[modifier | modifier le code]- 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
}}
|
|
- 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
[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
}}
|
10
20
30
40
50
60
70
Avant
Pendant
Après
Post mortem
|
| 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
|
- 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
[modifier | modifier le code]- 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
[modifier | modifier le code]- 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.