Modèle:Graphique démographique

 Documentation[voir] [modifier] [historique] [purger]

Description

Ce modèle sert au choix:

1. à tracer une courbe ou un histogramme d'évolution démographique (paramètre mode=image light ou mode=image)
2. ou à obtenir le code EasyTimeline permettant de tracer une courbe ou un histogramme d'évolution démographique (autres modes).

Dans le premier usage, ce modèle peut être intégré directement dans un article. Dans le deuxième usage, ce modèle est en réalité davantage un outil qu'un véritable modèle comme on l'entend généralement. Il s'utilise pour cet usage en prévisualisation uniquement (voir utilisation ci-dessous) et c'est le copier-coller du code Timeline obtenu qu'on peut mettre dans un article (éventuellement en le retouchant à la main).

Les paramètres |année |population sont exactement les mêmes que ceux du tableau d'évolution démographique {{Démographie}} cependant le format est ici |année |population alors qu'il est |année=population dans le modèle {{Démographie}} (elle était identique auparavant dans son prédécesseur le modèle Démographie2).

Utilisation

Mode image (affiche le graphique)

Le paramètre mode=image light (par défaut) ou mode=image permet d'afficher le graphique (courbe, histogramme, etc.) directement sous forme d'image.

Ces deux modes donnent exactement le même résultat, la différence est seulement que mode=image light utilise un code de modèle plus allégé (plus spécialisé) pour parvenir au même résultat (ces modes font appel à des sous-modèles différents, voir le paragraphe "Sous modèles").

Autres modes (générateur de code EasyTimeline)

Les autres modes permettent d'afficher le code EasyTimeline.

Pour, avec l'aide de ce modèle, mettre une courbe ou un histogramme d'évolution démographique dans un article directement en code EasyTimeline, il faut procéder en trois étapes simples :

(1) Dans la fenêtre d'édition d'une page quelconque, placer ce modèle {{Graphique démographique}} avec ses paramètres. Pour cela on peut par exemple copier-coller les lignes du tableau {{Démographie}} en les modifiant ainsi :

• utiliser le modèle "Graphique démographique" à la place de "Démographie",
• ajouter les 3 paramètres obligatoires ci-dessous et éventuellement les paramètres facultatifs,
• modifier si nécessaire le format des chiffres de population afin qu'ils soient tous ou bien sans espace, ou bien de la forme {{formatnum:1234567}}, et sans autre texte (pas de références). (ne pas oublier aussi que le format est ici |année|population et non pas |année=population comme dans le modèle {{Démographie}}).

(2) Prévisualiser (cela affiche le code EasyTimeline à utiliser) et copier le code EasyTimeline ainsi obtenu.

(3) Coller le code EasyTimeline dans l'article, prévisualiser pour vérifier que la courbe s'affiche correctement, et enfin publier.

Ce modèle est actuellement limité à 50 graduations de population (échelle de population) et 50 couples date / population. Rien n'empêche d'étendre ces limites dans le modèle si cela s'avérait utile.

Notes:

• ce modèle fait appel à des sous-modèles en sous-pages, voir la section « Sous-modèles ».
• le mode ancien correspond exactement à l'ancien modèle {{Générateur de code de courbe démographique}} dont celui-ci est le successeur après ajout de fonctionnalités et renommage.

Syntaxe complète

{{Graphique démographique
|mode                                 =<!-- facultatif (image light, image, code, code brut light, code brut, ancien, ancien2),
                                             par défaut: image light -->
|type                                 =<!-- facultatif (courbe, courbe2, courbe3, courbe4, courbe seule, histogramme,
                                          points, courbe&histogramme, histogramme&points, tout), par défaut: courbe -->
|max pop                              =<!-- semi-facultatif : en cas d'absence il faut indiquer "max échelle" -->
|max échelle                          =<!-- semi-facultatif : en cas d'absence il faut indiquer "max pop" -->
|échelle secondaire                   =<!-- facultatif, calculée automatiquement par défaut -->
|une graduation principale toutes les =<!-- facultatif, calculé automatiquement par défaut -->
|année min                            =<!-- facultatif, par défaut 1790 -->
|année max                            =<!-- facultatif, par défaut 2020 -->
|marge gauche                         =<!-- facultatif, une valeur adaptée à l'échelle de population
                                             est calculée par défaut -->
|marge bas                            =<!-- facultatif, par défaut 20, ou 40 en présence de notes ou source(s) -->
|notes                                =<!-- facultatif -->
|source                               =<!-- facultatif -->
|sources                              =<!-- facultatif -->
|couleur courbe                       =<!-- facultatif, par défaut (si type=histogramme): rgb(0,0.6,0.4) -->
|couleur histogramme                  =<!-- facultatif, par défaut (si type=histogramme): rgb(0.7,0.9,0.7) -->
|épaisseur histogramme                =<!-- facultatif (valeur entre 0.1 et 10), par défaut (si type=histogramme): 10 -->
|time unit                            =<!-- facultatif, par défaut: year -->
|axe temporel grad majeure            =<!-- facultatif, par défaut: 20 -->
|axe temporel grad mineure            =<!-- facultatif, par défaut sans valeur -->
|année |population
|année |population
|année |population
|année |population
|anti-bug timeline                    =<!-- facultatif, pas de valeur par défaut, est ajouté en commentaire timeline
                                         changez la valeur de ce paramètre si l'image semble buggée -->
|type graduations                     =<!-- facultatif (LineData, PlotData, PlotData ajusté), par défaut LineData.
                                            "PlotData ajusté" n'est pas compatible avec le calcul automatique des
                                             échelles et ne fonctionne que si "max échelle", "échelle secondaire"
                                             et "une graduation principale toutes les" sont renseignés -->
|hauteur additionnelle                =<!-- facultatif (et uniquement utilisé si "type graduations"=PlotData
                                             ou "type graduations"=PlotData ajusté),
                                            nombre entier positif ou négatif, par défaut 0 -->
|width graduations                    =<!-- facultatif (et uniquement utilisé si "type graduations=PlotData"
                                             ou "type graduations"=PlotData ajusté),
                                            nombre décimal, par défaut 2.35 -->
}}

• Important: ce modèle ne fonctionne que pour des populations de la forme 1234567 ou bien de la forme {{formatnum:1234567}}, il ne fonctionne pas si il y a un espace entre les chiffres d'une population ou bien des références.

Les données qui ne respectent pas l'une des deux formes possibles décrites ci-dessus sont ignorées et les points correspondants ne sont pas inclus dans le code EasyTimeline généré. Ils ne seront donc pas affichés dans le graphique, ni non plus la courbe à l'endroit de ces points.

On peut néanmoins insérer intentionnellement des "populations" sous forme de texte afin de créer une discontinuité dans la courbe. Par exemple |1860 |discontinuité: changement de territoire fera que les point situés avant et après 1860 ne seront pas reliés.

Pour le tracé correct de la courbe, les années doivent être indiquées dans l'ordre (chronologique ou rétro-chronologique).

Paramètres

Paramètres principaux

Paramètre

Description

anti-bug timeline

Optionnel. Parfois, peut-être une fois sur 100, EasyTimeline bogue lors de la génération de la courbe (apparemment jamais lorsqu'il n'y a pas de courbe) et affiche une image partiellement brouillée. Dans ce cas il suffit de donner une valeur au paramètre anti-bug timeline, ou de la changer, pour forcer EasyTimeline à re-générer le graphique. (techniquement le contenu de ce paramètre est simplement mis en commentaire dans le code EasyTimeline, ce qui fait que le serveur va recalculer l'image au lieu de considérer qu'elle a déjà été calculée et de la reprendre dans son cache avec ses éventuelles erreurs de bug.) Par défaut ce paramètre n'est pas utilisé.

Paramètres annexes

Paramètre	Description
type graduations	Optionnel. Valeurs possibles : LineData, PlotData, PlotData ajusté, par défaut LineData Selon la valeur de ce paramètre, les graduations de population seront dessinées par Timeline avec la commande LineData ou bien la commande PlotData. Le mieux est a priori le mode par défaut LineData. Le mode PlotData est en effet victime d'un bug Timeline apparu vers 2010 qui fait que les graduations principales et secondaires apparaissent identiques sous forme de traits gris fins, sauf lorsque que width graduations est supérieur ou égal à 2.35, mais dans ce cas les graduations sont trop épaisses.
width graduations	Optionnel. Utilisé uniquement si type graduations est PlotData, PlotData ajusté, nombre décimal, par défaut 0.5 Du fait du nouveau bug Timeline décrit pour le paramètre type graduations (apparu en 2010), toutes les valeurs <2.35 donnent des graduations sous forme de lignes grises fines. Seuls les valeurs >=2.35 ont de l'effet.
hauteur additionnelle	Optionnel. Utilisé uniquement si type graduations est PlotData, PlotData ajusté, nombre entier, par défaut 0 Ce paramètre permettait, avant l’apparition en 2010 du bug timeline décrit pour le paramètre type graduations, d'éviter un autre bug qui faisait que les lignes fines dessinées avec PlotData n'étaient pas toujours de même épaisseur. Le paramètre "hauteur additionnelle" sert à augmenter la hauteur de l'image. Ce n'est pas en nombre de pixels mais un coefficient multiplicateur du nombre de pixels dont la hauteur de graphe devait, en raison du bug Timeline, être un multiple pour un bon affichage des lignes de l'échelle de population. Ce paramètre n'est plus utile actuellement et ne le sera que si le nouveau bug apparu en 2010 est corrigé (et que l'ancien bug, que ce nouveau bug a masqué, subsiste).

Remarques

1. Si vous souhaitez modifier le code EasyTimeline généré, c'est bien sûr possible. La syntaxe EasyTimeline est expliquée ici : Aide:Frise chronologique (traduction de l'anglais Extension:EasyTimeline/syntax).
2. Il est possible de modifier la couleur de la courbe ou bien de l'histogramme, toutefois cela est vivement déconseillé pour les communes de France qui doivent respecter la même charte graphique. Pour d'autres courbes d'évolution démographique il est essentiel de consulter la charte correspondante au préalable ainsi que la recommandation relative à l'usage des couleurs WP:COULEUR. Attention au contraste qui doit rester très fort pour des questions d'accessibilité.

Voir la syntaxe du code couleur sur Aide:Frise chronologique#Colors ou en anglais (plus complet) sur Extension:EasyTimeline/syntax#Colors.

Cas particulier

• Dans les histogrammes, les barres ne s'affichent pas correctement dans le cas particulier de très faibles populations au regard de l'échelle si l'épaisseur des barres d'histogramme (paramètre épaisseur histogramme, par défaut 10) est supérieure à la hauteur en pixels de la barre d'histogramme.
  
  • Cause : Ce bogue est en fait un bogue de l'extension EasyTimeline utilisée pour dessiner le graphique (dans le code EasyTimeline à la section de dessin "LineData =", l'instruction de dessin de barre "at:...frompos:...tillpos:" ne fonctionne pas correctement si la différence entre la position "tillpos" et la position "frompos" est inférieure à l'épaisseur de trait "width:").
    
  • Solution :
    • En l'absence de correction de ce bogue par les développeurs d'EasyTimeline, il faut donc dans ces cas particuliers soit réduire l'épaisseur des barres d'histogramme, soit opter pour un graphique sous forme de courbe et/ou de points.
    • Il doit être possible aussi de refaire manuellement les barres victimes du bogue en les construisant horizontalement et non pas verticalement, ce qui peut se faire avec l'instruction "points:" au lieu de "at:...frompos:...tillpos:", ou bien éventuellement avec l'instruction "from:...till:...atpos:" (mais cette instruction là risque de ne pas permettre de faire exactement la longueur voulue car le from et le till correspondent à des années). Une option pour le faire automatiquement sera probablement ajoutée ultérieurement à ce modèle (option code histogramme=variante).
    • En revanche pour résoudre ce problème il n'est pas possible d'utiliser simplement l'instruction "points:" pour tracer des lignes verticales au lieu de l'instruction "at:...frompos:...tillpos:" car cette instruction est victime d'un bogue EasyTimeline similaire qui fait qu'on ne peut pas tracer de lignes plus courtes qu'environ la moitié de l'épaisseur du trait! (les deux bogues sont manifestement liés)

Exemples pour l'affichage de l'image

Exemple 1 (variantes selon le paramètre type)

Exemple de la population de Silly-en-Gouffern.

{{Graphique démographique
|mode                                 =image light
|type                                 =courbe
|max pop                              =863
|largeur image                        =710
|hauteur image                        =320
|année min                            =1780
|année max                            =2020
|1793| 644 |1800| 639 |1806| 675 |1821| 748 |1836| 762 |1841| 712 |1846| 856 |1851| 863 |1856| 830 |1861| 789 |1866| 704
 |1872| 729 |1876| 687 |1881| 600 |1886| 605 |1891| 584 |1896| 585 |1901| 597 |1906| 582 |1911| 577 |1921| 524 |1926| 476
 |1931| 469 |1936| 408 |1946| 459 |1954| 412 |1962| 401 |1968| 384 |1975| 370 |1982| 445 |1990| 479 |1999| 465 |2006| 440
 |2008| 433 |2011| 414
}}

type=courbe

type=histogramme

type=courbe&histogramme

type=courbe2

type=courbe3

type=courbe4

type=points

type=points2

type=histogramme&points

type=tout

Exemple 2 (intervalle et graduations temporelles personnalisés)

Mêmes données mais on peut très bien n'en afficher qu'une partie.

{{Graphique démographique
|mode                                 =image light
|type                                 =courbe2
|max échelle                          =500
|largeur image                        =710
|hauteur image                        =320
|année min                            =1975
|année max                            =2014
|axe temporel grad majeure            =5
|axe temporel grad mineure            =1
|1793| 644 |1800| 639 |1806| 675 |1821| 748 |1836| 762 |1841| 712 |1846| 856 |1851| 863 |1856| 830 |1861| 789 |1866| 704
 |1872| 729 |1876| 687 |1881| 600 |1886| 605 |1891| 584 |1896| 585 |1901| 597 |1906| 582 |1911| 577 |1921| 524 |1926| 476
 |1931| 469 |1936| 408 |1946| 459 |1954| 412 |1962| 401 |1968| 384 |1975| 370 |1982| 445 |1990| 479 |1999| 465 |2006| 440
 |2008| 433 |2011| 414
}}

Exemples pour la génération de code

Exemple 1 (mode=code)

{{Graphique démographique
|mode                                 =code
|max échelle                          =1000
|échelle secondaire                   =100
|une graduation principale toutes les =2
|type graduations                     =PlotData
|1793|644
|1800|639
|1806|675
|1821|748
|1836|762
|1841|712
|1846|856
|1851|863
|1856|830
|1861|789
|1866|704
|1872|729
|1876|687
|1881|600
|1886|605
|1891|584
|1896|585
|1901|597
|1906|582
|1911|577
|1921|524
|1926|476
|1931|469
|1936|408
|1946|459
|1954|412
|1962|401
|1968|384
|1975|370
|1982|445
|1990|479
|1999|465
|2006|440
|2013|498
}}

Ceci génère le texte suivant (le graphique correspondant est après) :

COPIEZ-COLLEZ LE SCRIPT SUIVANT DANS L'ARTICLE POUR OBTENIR UNE COURBE DÉMOGRAPHIQUE :
(le script EasyTimeline lui-même est en vert et la partie en bleu est une suggestion de présentation)
<div style="text-align: center;">'''Courbe d'évolution démographique de xxxx depuis 1793'''<br><!--
---------- début de graphique en code Timeline, suite de l'article plus loin -------><timeline>
Colors =
  id:grisclair value:gray(0.9)
  id:grisfonce value:gray(0.5)
  id:couleurcourbe value:rgb(0,0.6,0.4)
   
ImageSize = width:743 height:300
PlotArea = left:42 right:11 top:10 bottom:20
TimeAxis = orientation:horizontal
AlignBars = justify
DateFormat = yyyy
Period = from:1790 till:2020
ScaleMajor = unit:year increment:10 start:1790


 
BarData =
  bar:11 text:1 000
  bar:10 text:
  bar:9 text:800
  bar:8 text:
  bar:7 text:600
  bar:6 text:
  bar:5 text:400
  bar:4 text:
  bar:3 text:200
  bar:2 text:
  bar:1 text:0
         
PlotData =
  color:grisclair width:0.5 # graduations de l'échelle de population (lignes horizontales)
  bar:11 color:grisfonce from:start till:end
  bar:10 from:start till:end
  bar:9 color:grisfonce from:start till:end
  bar:8 from:start till:end
  bar:7 color:grisfonce from:start till:end
  bar:6 from:start till:end
  bar:5 color:grisfonce from:start till:end
  bar:4 from:start till:end
  bar:3 color:grisfonce from:start till:end
  bar:2 from:start till:end
  bar:1 color:grisfonce from:start till:end
                                                                               
LineData =
  layer:front color:couleurcourbe width:1 # courbe de population
  points:(51,192)(72,191) # 1793: 644 h. à 1800: 639 h.
  points:(72,191)(90,200) # 1800: 639 h. à 1806: 675 h.
  points:(90,200)(135,220) # 1806: 675 h. à 1821: 748 h.
  points:(135,220)(180,223) # 1821: 748 h. à 1836: 762 h.
  points:(180,223)(195,210) # 1836: 762 h. à 1841: 712 h.
  points:(195,210)(210,249) # 1841: 712 h. à 1846: 856 h.
  points:(210,249)(225,250) # 1846: 856 h. à 1851: 863 h.
  points:(225,250)(240,242) # 1851: 863 h. à 1856: 830 h.
  points:(240,242)(255,231) # 1856: 830 h. à 1861: 789 h.
  points:(255,231)(270,208) # 1861: 789 h. à 1866: 704 h.
  points:(270,208)(288,215) # 1866: 704 h. à 1872: 729 h.
  points:(288,215)(300,203) # 1872: 729 h. à 1876: 687 h.
  points:(300,203)(315,180) # 1876: 687 h. à 1881: 600 h.
  points:(315,180)(330,182) # 1881: 600 h. à 1886: 605 h.
  points:(330,182)(345,176) # 1886: 605 h. à 1891: 584 h.
  points:(345,176)(360,176) # 1891: 584 h. à 1896: 585 h.
  points:(360,176)(375,179) # 1896: 585 h. à 1901: 597 h.
  points:(375,179)(390,175) # 1901: 597 h. à 1906: 582 h.
  points:(390,175)(405,174) # 1906: 582 h. à 1911: 577 h.
  points:(405,174)(435,160) # 1911: 577 h. à 1921: 524 h.
  points:(435,160)(450,147) # 1921: 524 h. à 1926: 476 h.
  points:(450,147)(465,145) # 1926: 476 h. à 1931: 469 h.
  points:(465,145)(480,129) # 1931: 469 h. à 1936: 408 h.
  points:(480,129)(510,143) # 1936: 408 h. à 1946: 459 h.
  points:(510,143)(534,130) # 1946: 459 h. à 1954: 412 h.
  points:(534,130)(558,127) # 1954: 412 h. à 1962: 401 h.
  points:(558,127)(576,123) # 1962: 401 h. à 1968: 384 h.
  points:(576,123)(597,119) # 1968: 384 h. à 1975: 370 h.
  points:(597,119)(618,139) # 1975: 370 h. à 1982: 445 h.
  points:(618,139)(642,148) # 1982: 445 h. à 1990: 479 h.
  points:(642,148)(669,144) # 1990: 479 h. à 1999: 465 h.
  points:(669,144)(690,137) # 1999: 465 h. à 2006: 440 h.
  points:(690,137)(711,153) # 2006: 440 h. à 2013: 498 h.
                                   


LineData =
  color:black width:3 # points de population
  at:1793 frompos:191 tillpos:193 # 644 hab.
  at:1800 frompos:190 tillpos:192 # 639 hab.
  at:1806 frompos:199 tillpos:201 # 675 hab.
  at:1821 frompos:219 tillpos:221 # 748 hab.
  at:1836 frompos:222 tillpos:224 # 762 hab.
  at:1841 frompos:209 tillpos:211 # 712 hab.
  at:1846 frompos:248 tillpos:250 # 856 hab.
  at:1851 frompos:249 tillpos:251 # 863 hab.
  at:1856 frompos:241 tillpos:243 # 830 hab.
  at:1861 frompos:230 tillpos:232 # 789 hab.
  at:1866 frompos:207 tillpos:209 # 704 hab.
  at:1872 frompos:214 tillpos:216 # 729 hab.
  at:1876 frompos:202 tillpos:204 # 687 hab.
  at:1881 frompos:179 tillpos:181 # 600 hab.
  at:1886 frompos:181 tillpos:183 # 605 hab.
  at:1891 frompos:175 tillpos:177 # 584 hab.
  at:1896 frompos:175 tillpos:177 # 585 hab.
  at:1901 frompos:178 tillpos:180 # 597 hab.
  at:1906 frompos:174 tillpos:176 # 582 hab.
  at:1911 frompos:173 tillpos:175 # 577 hab.
  at:1921 frompos:159 tillpos:161 # 524 hab.
  at:1926 frompos:146 tillpos:148 # 476 hab.
  at:1931 frompos:144 tillpos:146 # 469 hab.
  at:1936 frompos:128 tillpos:130 # 408 hab.
  at:1946 frompos:142 tillpos:144 # 459 hab.
  at:1954 frompos:129 tillpos:131 # 412 hab.
  at:1962 frompos:126 tillpos:128 # 401 hab.
  at:1968 frompos:122 tillpos:124 # 384 hab.
  at:1975 frompos:118 tillpos:120 # 370 hab.
  at:1982 frompos:138 tillpos:140 # 445 hab.
  at:1990 frompos:147 tillpos:149 # 479 hab.
  at:1999 frompos:143 tillpos:145 # 465 hab.
  at:2006 frompos:136 tillpos:138 # 440 hab.
  at:2013 frompos:152 tillpos:154 # 498 hab.
                                 


# échelle de temps: le graphe commence à 1790 = 42 px, ensuite chaque année fait 3 px jusqu'à 2020 = 42+3x230 = 732 px
# échelle de population: le graphe va de 20px à 287px, donc 0 hab. = 20px et 1 habitant fait 267/1000 = 0.267 pixel
# et donc l'ordonnée (population) des points est y = 20 + nb(habitants) x 0.267
# Courbe réalisée avec l'aide du modèle [[modèle:Graphique démographique]]


</timeline>
<!---------- fin du graphique en code Timeline --------------------------------------->
</div>

• Notes importantes pour l'utilisation de ce modèle :
  1. Syntaxe: ce modèle ne fonctionne que pour des populations de la forme 1234567 ou bien de la forme {{formatnum:1234567}}, il ne fonctionne pas si il y a un espace entre les chiffres d'une population ou bien des références.
  2. Si jamais les lignes horizontales de graduation de population sont trop épaisses, ré-essayez avec le paramètre hauteur additionnelle = 1 .
     *# Vous pouvez utiliser le paramètre hauteur additionnelle également pour tout simplement augmenter (ou diminuer si la valeur est négative) la hauteur de l'image.
     *# Pour plus de détails voyez la documentation de ce modèle Graphique démographique.
• Pour information, valeurs utilisées pour générer le code EasyTimeline qui précède :

| max échelle = 1000 | échelle secondaire = 100 | une graduation principale toutes les = 2 | hauteur additionnelle = 0 | année min = 1790 | année max = 2020 | couleur courbe = rgb(0,0.6,0.4)

nb éléments échelle = 11 (calculé automatiquement par le modèle) hauteur image = 300 (calculé automatiquement par le modèle) hauteur graphe = 267 (calculé automatiquement par le modèle) marge gauche = 42 (calculé automatiquement par le modèle) pixels par habitant = 0.267 (calculé automatiquement par le modèle) pixels par année = 3 (calculé automatiquement par le modèle)

Le code obtenu ci-dessus donne la courbe suivante lorsqu'il est copié-collé dans un article :

Courbe d'évolution démographique de xxxx depuis 1793

Exemple 2 (mode=code brut)

{{Graphique démographique
|mode                                 =code brut
|max échelle                          =1400000
|échelle secondaire                   =100000
|une graduation principale toutes les =2
|année min                            =1960
|année max                            =2010
|1962|687827
|1968|854382
|1975|1082255
|1982|1196111
|1990|1280186
|1999|1354304
}}

Ceci génère le texte suivant (le graphique correspondant est après) :

Colors =
  id:grisclair value:gray(0.9)
  id:grisfonce value:gray(0.5)
  id:couleurcourbe value:rgb(0,0.6,0.4)
  

ImageSize  = width:217 height:300
PlotArea   = left:56 right:11 top:10 bottom:20
TimeAxis   = orientation:horizontal
AlignBars  = justify
DateFormat = yyyy
Period     = from:1960 till:2010
ScaleMajor = unit:year increment:10 start:1960


BarData =
  bar:15 text:1 400 000
  bar:14 text:
  bar:13 text:1 200 000
  bar:12 text:
  bar:11 text:1 000 000
  bar:10 text:
  bar:9 text:800 000
  bar:8 text:
  bar:7 text:600 000
  bar:6 text:
  bar:5 text:400 000
  bar:4 text:
  bar:3 text:200 000
  bar:2 text:
  bar:1 text:0
  
  
  

# abscisses des graduations
Define $margegch = 56
Define $margegch5 = 51
Define $margegch2 = 54
# ordonnées des graduations
Define $G1 = 287
Define $G2 = 268
Define $G3 = 249
Define $G4 = 230
Define $G5 = 211
Define $G6 = 192
Define $G7 = 173
Define $G8 = 154
Define $G9 = 134
Define $G10 = 115
Define $G11 = 96
Define $G12 = 77
Define $G13 = 58
Define $G14 = 39
Define $G15 = 20




LineData =
  color:black width:0.5 # graduations de l'échelle de population (tirets sur l'axe vertical + lignes horizontales)
  points:($margegch5,$G1)($margegch,$G1)
  from:start till:end atpos:$G1 color:grisfonce
  points:($margegch2,$G2)($margegch,$G2)
  from:start till:end atpos:$G2 color:grisclair
  points:($margegch5,$G3)($margegch,$G3)
  from:start till:end atpos:$G3 color:grisfonce
  points:($margegch2,$G4)($margegch,$G4)
  from:start till:end atpos:$G4 color:grisclair
  points:($margegch5,$G5)($margegch,$G5)
  from:start till:end atpos:$G5 color:grisfonce
  points:($margegch2,$G6)($margegch,$G6)
  from:start till:end atpos:$G6 color:grisclair
  points:($margegch5,$G7)($margegch,$G7)
  from:start till:end atpos:$G7 color:grisfonce
  points:($margegch2,$G8)($margegch,$G8)
  from:start till:end atpos:$G8 color:grisclair
  points:($margegch5,$G9)($margegch,$G9)
  from:start till:end atpos:$G9 color:grisfonce
  points:($margegch2,$G10)($margegch,$G10)
  from:start till:end atpos:$G10 color:grisclair
  points:($margegch5,$G11)($margegch,$G11)
  from:start till:end atpos:$G11 color:grisfonce
  points:($margegch2,$G12)($margegch,$G12)
  from:start till:end atpos:$G12 color:grisclair
  points:($margegch5,$G13)($margegch,$G13)
  from:start till:end atpos:$G13 color:grisfonce
  points:($margegch2,$G14)($margegch,$G14)
  from:start till:end atpos:$G14 color:grisclair
  points:($margegch5,$G15)($margegch,$G15)
  from:start till:end atpos:$G15 color:grisfonce

LineData =
  layer:front color:couleurcourbe width:1  # courbe de population
  points:(62,151)(80,183)   # 1962: 687 827 h. à 1968: 854 382 h.
  points:(80,183)(101,226)   # 1968: 854 382 h. à 1975: 1 082 255 h.
  points:(101,226)(122,248)   # 1975: 1 082 255 h. à 1982: 1 196 111 h.
  points:(122,248)(146,264)   # 1982: 1 196 111 h. à 1990: 1 280 186 h.
  points:(146,264)(173,278)   # 1990: 1 280 186 h. à 1999: 1 354 304 h.

LineData =
  color:black width:3  # points de population
  at:1962   frompos:150  tillpos:152  # 687 827 hab.
  at:1968   frompos:182  tillpos:184  # 854 382 hab.
  at:1975   frompos:225  tillpos:227  # 1 082 255 hab.
  at:1982   frompos:247  tillpos:249  # 1 196 111 hab.
  at:1990   frompos:263  tillpos:265  # 1 280 186 hab.
  at:1999   frompos:277  tillpos:279  # 1 354 304 hab.


# échelle de temps: le graphe commence à 1960 = 56 px, ensuite chaque année fait 3 px jusqu'à 2010 = 56+3x50 = 206 px
# échelle de population: le graphe va de 20px à 287px, donc 0 hab. = 20px et 1 habitant fait 267/1400000 = 0.000191 pixel
# et donc l'ordonnée (population) des points est y = 20 + nb(habitants) x 0.000191
# Courbe réalisée avec l'aide du modèle [[modèle:Graphique démographique]]

Le code obtenu ci-dessus donne la courbe suivante lorsqu'il est copié-collé dans un article entre des balises <timeline></timeline> :

Exemple 3 (mode=code)

• Dans l'article Équipe de France de football féminin#Classement mondial féminin de la FIFA, le code Timeline a été adapté pour un autre usage :

Courbe d'évolution de l'équipe de France féminine au classement mondial de la FIFA

(cette image a été générée en 2011 à l'aide de l'ancienne version du modèle, qui s'appelait alors "Générateur de code de courbe démographique")

Sous-pages de test

• Modèle:Graphique démographique/Test performance 1
• Modèle:Graphique démographique/Test performance histogramme

Sous modèles

Entre 1 et 2 de ces sous-modèles sont utilisés selon le mode:

• {{Graphique démographique/Code Timeline}} : sert à créer et afficher directement le graphique, s'il est appelé par le modèle principal entre des balises <timeline></timeline> (mode=image), et sinon sert à générer et afficher le code EasyTimeline du graphique (mode=code ou mode=code brut). Le mode mode=image est toutefois déconseillé et il est préférable d'utiliser mode=image light (mode par défaut).
  • {{Graphique démographique/Graduations LineData}} : utilisé par {{Graphique démographique/Code Timeline}} pour dessiner les graduations de population quand type graduations=LineData (par défaut).
  • {{Graphique démographique/Graduations PlotData}} : utilisé par {{Graphique démographique/Code Timeline}} pour dessiner les graduations de population quand type graduations=PlotData ou type graduations=PlotData ajusté.
• {{Graphique démographique/Code Timeline light}} : idem pour les mode=image light et mode=code brut light. La différence est que le script allégé de ce sous-modèle ne gère pas le mode mode=code et génère moins de commentaires. L'exécution prend donc moins de ressources aux serveurs Wikipédia et est donc plus rapide, ce pourquoi mode=image light (mode par défaut) est préférable à mode=image.
  • {{Graphique démographique/Graduations LineData light}} : utilisé par {{Graphique démographique/Code Timeline light}} pour dessiner les graduations de population quand type graduations=LineData (par défaut).
  • {{Graphique démographique/Graduations PlotData light}} : utilisé par {{Graphique démographique/Code Timeline light}} pour dessiner les graduations de population quand type graduations=PlotData ou type graduations=PlotData ajusté.
• {{Graphique démographique/Code Timeline html}} : Voir la doc de ce sous-modèle. C'est ce sous-modèle qui est utilisé pour générer et afficher le code EasyTimeline lorsque le paramètre mode=ancien. Il s'agit de la version ancienne, qui ne gère pas tous les paramètres (en revanche l'affichage est optimal car cette version était dédiée à générer du code html tandis que la nouvelle version peut aussi faire l'affichage).

Par ailleurs l'ancienne version du modèle subsiste si besoin en sous-page:

• {{Graphique démographique/ancien}} : Il s'agit de l'ancienne version de modèle. Voir la doc de ce sous-modèle.

Modèles connexes

• {{Graph:Chart}}
• {{Histogramme}}
• {{Histogramme population manuel}}
• {{Graphique population collectivité locale de France}}
• {{Générateur de code de courbe d'affluence}}
• {{Graphique polygonal}}
• Module:Diagramme
• {{Diagramme circulaire}}
• {{Démographie}}

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.