Modèle:Graphique démographique/Code Timeline html/Documentation

Utilisation modifier

Syntaxe complète modifier

{{Graphique démographique/Code Timeline html
|max échelle            =<!-- obligatoire -->
|éch2                   =<!-- obligatoire (pas de l'échelle secondaire en nb d'hab.) -->
|nbéé                   =<!-- obligatoire (nombre d'éléments de l'échelle) -->
|pas                    =<!-- obligatoire (pas de l'échelle principale en multiple
                                de l'échelle secondaire) -->
|hauteur additionnelle  =<!-- obligatoire -->
|hauteur img            =<!-- obligatoire -->
|hauteur graphe         =<!-- obligatoire -->
|pph                    =<!-- obligatoire (pixels par habitant) -->
|an min                 =<!-- facultatif -->
|an max                 =<!-- facultatif -->
|marge de gauche        =<!-- facultatif -->
|année |population
|année |population
|année |population
|année |population
}}

Utilisation modifier

Ce modèle est une sous-page du modèle {{Graphique démographique}}. Il n'est normalement pas destiné à être utilisé autrement que via le modèle {{Graphique démographique}}.

Exemples modifier

Exemple 1 modifier

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:712 height:231
PlotArea = left:42 right:10 top:1 bottom:20
TimeAxis = orientation:horizontal
AlignBars = justify
DateFormat = yyyy
Period = from:1790 till:2010
ScaleMajor = unit:year increment:10 start:1790
 
BarData =
  bar:12 text:
  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 # repères et légende axe vertical (population)
  bar:12 color:white from:start till:end
  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,142)(72,141) # 1793: 644 h. à 1800: 639 h.
  points:(72,141)(90,148) # 1800: 639 h. à 1806: 675 h.
  points:(90,148)(135,161) # 1806: 675 h. à 1821: 748 h.
  points:(135,161)(180,164) # 1821: 748 h. à 1836: 762 h.
  points:(180,164)(195,155) # 1836: 762 h. à 1841: 712 h.
  points:(195,155)(210,182) # 1841: 712 h. à 1846: 856 h.
  points:(210,182)(225,183) # 1846: 856 h. à 1851: 863 h.
  points:(225,183)(240,177) # 1851: 863 h. à 1856: 830 h.
  points:(240,177)(255,169) # 1856: 830 h. à 1861: 789 h.
  points:(255,169)(270,153) # 1861: 789 h. à 1866: 704 h.
  points:(270,153)(288,158) # 1866: 704 h. à 1872: 729 h.
  points:(288,158)(300,150) # 1872: 729 h. à 1876: 687 h.
  points:(300,150)(315,133) # 1876: 687 h. à 1881: 600 h.
  points:(315,133)(330,134) # 1881: 600 h. à 1886: 605 h.
  points:(330,134)(345,130) # 1886: 605 h. à 1891: 584 h.
  points:(345,130)(360,131) # 1891: 584 h. à 1896: 585 h.
  points:(360,131)(375,133) # 1896: 585 h. à 1901: 597 h.
  points:(375,133)(390,130) # 1901: 597 h. à 1906: 582 h.
  points:(390,130)(405,129) # 1906: 582 h. à 1911: 577 h.
  points:(405,129)(435,119) # 1911: 577 h. à 1921: 524 h.
  points:(435,119)(450,110) # 1921: 524 h. à 1926: 476 h.
  points:(450,110)(465,109) # 1926: 476 h. à 1931: 469 h.
  points:(465,109)(480,97) # 1931: 469 h. à 1936: 408 h.
  points:(480,97)(510,107) # 1936: 408 h. à 1946: 459 h.
  points:(510,107)(534,98) # 1946: 459 h. à 1954: 412 h.
  points:(534,98)(558,96) # 1954: 412 h. à 1962: 401 h.
  points:(558,96)(576,93) # 1962: 401 h. à 1968: 384 h.
  points:(576,93)(597,90) # 1968: 384 h. à 1975: 370 h.
  points:(597,90)(618,104) # 1975: 370 h. à 1982: 445 h.
  points:(618,104)(642,111) # 1982: 445 h. à 1990: 479 h.
  points:(642,111)(669,108) # 1990: 479 h. à 1999: 465 h.
  points:(669,108)(690,103) # 1999: 465 h. à 2006: 440 h.
 
  color:black width:3 # points de population
  points:(51,141)(51,143) # 1793: 644 h.
  points:(72,140)(72,142) # 1800: 639 h.
  points:(90,147)(90,149) # 1806: 675 h.
  points:(135,160)(135,162) # 1821: 748 h.
  points:(180,163)(180,165) # 1836: 762 h.
  points:(195,154)(195,156) # 1841: 712 h.
  points:(210,181)(210,183) # 1846: 856 h.
  points:(225,182)(225,184) # 1851: 863 h.
  points:(240,176)(240,178) # 1856: 830 h.
  points:(255,168)(255,170) # 1861: 789 h.
  points:(270,152)(270,154) # 1866: 704 h.
  points:(288,157)(288,159) # 1872: 729 h.
  points:(300,149)(300,151) # 1876: 687 h.
  points:(315,132)(315,134) # 1881: 600 h.
  points:(330,133)(330,135) # 1886: 605 h.
  points:(345,129)(345,131) # 1891: 584 h.
  points:(360,130)(360,132) # 1896: 585 h.
  points:(375,132)(375,134) # 1901: 597 h.
  points:(390,129)(390,131) # 1906: 582 h.
  points:(405,128)(405,130) # 1911: 577 h.
  points:(435,118)(435,120) # 1921: 524 h.
  points:(450,109)(450,111) # 1926: 476 h.
  points:(465,108)(465,110) # 1931: 469 h.
  points:(480,96)(480,98) # 1936: 408 h.
  points:(510,106)(510,108) # 1946: 459 h.
  points:(534,97)(534,99) # 1954: 412 h.
  points:(558,95)(558,97) # 1962: 401 h.
  points:(576,92)(576,94) # 1968: 384 h.
  points:(597,89)(597,91) # 1975: 370 h.
  points:(618,103)(618,105) # 1982: 445 h.
  points:(642,110)(642,112) # 1990: 479 h.
  points:(669,107)(669,109) # 1999: 465 h.
  points:(690,102)(690,104) # 2006: 440 h.
 
# échelle de temps: le graphe commence à 1790 = 42 px, ensuite chaque année fait 3 px jusqu'à 2010 = 42+3x220 = 702 px
# échelle de population: le graphe va de 20px à 228px, donc 0 hab. = 20px et 1 habitant fait 208/1100 = 0.1891 pixel
# et donc l'ordonnée (population) des points est y = 20 + nb(habitants) x 0.1891
# 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 de génération de code EasyTimeline :
    1. Syntaxe: ce modèle ne fonctionne que pour des populations de la forme 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 .
    3. 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.
    4. 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 =
| année min =
| année max =

nb éléments échelle = 12 (calculé automatiquement par le modèle)
hauteur image = 231 (calculé automatiquement par le modèle)
hauteur graphe = 208 (calculé automatiquement par le modèle)
marge de gauche = 42 (par défaut) (calculé automatiquement par le modèle)
pixels par habitant = 0.1891 (calculé automatiquement par le modèle)

Exemple 2 modifier

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 1962'''<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:202 height:217
PlotArea = left:42 right:10 top:1 bottom:20
TimeAxis = orientation:horizontal
AlignBars = justify
DateFormat = yyyy
Period = from:1960 till:2010
ScaleMajor = unit:year increment:10 start:1960
 
BarData =
  bar:16 text:
  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
 
PlotData =
  color:grisclair width:0.5 # repères et légende axe vertical (population)
  bar:16 color:white from:start till:end
  bar:15 color:grisfonce from:start till:end
  bar:14 from:start till:end
  bar:13 color:grisfonce from:start till:end
  bar:12 from:start till:end
  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:(48,109)(66,130) # 1962: 687 827 h. à 1968: 854 382 h.
  points:(66,130)(87,160) # 1968: 854 382 h. à 1975: 1 082 255 h.
  points:(87,160)(108,175) # 1975: 1 082 255 h. à 1982: 1 196 111 h.
  points:(108,175)(132,186) # 1982: 1 196 111 h. à 1990: 1 280 186 h.
  points:(132,186)(159,195) # 1990: 1 280 186 h. à 1999: 1 354 304 h.
 
  color:black width:3 # points de population
  points:(48,108)(48,110) # 1962: 687 827 h.
  points:(66,129)(66,131) # 1968: 854 382 h.
  points:(87,159)(87,161) # 1975: 1 082 255 h.
  points:(108,174)(108,176) # 1982: 1 196 111 h.
  points:(132,185)(132,187) # 1990: 1 280 186 h.
  points:(159,194)(159,196) # 1999: 1 354 304 h.
 
# échelle de temps: le graphe commence à 1960 = 42 px, ensuite chaque année fait 3 px jusqu'à 2010 = 42+3x50 = 192 px
# échelle de population: le graphe va de 20px à 214px, donc 0 hab. = 20px et 1 habitant fait 194/1500000 = 0.000129 pixel
# et donc l'ordonnée (population) des points est y = 20 + nb(habitants) x 0.000129
# 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 de génération de code EasyTimeline :
    1. Syntaxe: ce modèle ne fonctionne que pour des populations de la forme 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 = 0 .
    3. 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.
    4. 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 = 1400000
| échelle secondaire = 100000
| une graduation principale toutes les = 2
| hauteur additionnelle = -1
| année min = 1960
| année max = 2010

nb éléments échelle = 16 (calculé automatiquement par le modèle)
hauteur image = 217 (calculé automatiquement par le modèle)
hauteur graphe = 194 (calculé automatiquement par le modèle)
marge de gauche = 42 (par défaut) (calculé automatiquement par le modèle)
pixels par habitant = 0.00012933 (calculé automatiquement par le modèle)