Wikisage, de vrije encyclopedie van de tweede generatie, is digitaal erfgoed

Wikisage is op 1 na de grootste internet-encyclopedie in het Nederlands. Iedereen kan de hier verzamelde kennis gratis gebruiken, zonder storende advertenties. De Koninklijke Bibliotheek van Nederland heeft Wikisage in 2018 aangemerkt als digitaal erfgoed.

  • Wilt u meehelpen om Wikisage te laten groeien? Maak dan een account aan. U bent van harte welkom. Zie: Portaal:Gebruikers.
  • Bent u blij met Wikisage, of wilt u juist meer? Dan stellen we een bescheiden donatie om de kosten te bestrijden zeer op prijs. Zie: Portaal:Donaties.
rel=nofollow

Sjabloon:Tabel verticaal staafdiagram

Uit Wikisage
Versie door Gentenaar (overleg | bijdragen) op 22 sep 2023 om 08:13 (Nieuwe pagina aangemaakt met '<includeonly><!-- --><table class="wikitable" {{#if:{{{positie|}}}|{{#ifeq:{{{positie}}}|center|style="margin: 1em auto;"|style="float: {{{positie}}}; clear: {{{pos...')
(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)
Naar navigatie springen Naar zoeken springen
De sjabloonbeschrijving hieronder wordt niet afgebeeld wanneer de sjabloon wordt geplaatst.

Gebruik

Deze sjabloon toont middels de extensie EasyTimeline een verticaal staafdiagram voor een set van gegevens naar keuze, zoals de bevolkingsontwikkeling van een plaats. Er kunnen hiermee maximaal 30 staafbalken worden getoond, die desgewenst afzonderlijk een eigen kleur kunnen krijgen. De breedte van het staafdiagram en de grote en kleine schaal worden automatisch bepaald, maar kunnen desgewenst worden aangepast.

Een staafdiagram kan al worden ingevoegd met:

{{Tabel verticaal staafdiagram
| titel = 
| periode 1 | waarde 1
| ... | ...
}}

Parameters

In principe zijn alle parameters optioneel. Hieronder staan alle beschikbare parameters:

{{Tabel verticaal staafdiagram
| volledige titel = 
| titel = 
| type = 
| naam = 
| tekst = 
| tekstpositie = 
| positie = 
| hoogte = 
| breedte = 
| balkruimte = 
| schaalhoogte = 
| grote schaal = 
| kleine schaal = 
| kleur = 
| kleur 1 = 
| kleur 2 = 
| ...
| kleur 30 = 
| balktekstpositie = 
| balktekstgrootte = 
| periode 1 | waarde 1
| periode 2 | waarde 2
| ... | ...
| periode 30 | waarde 30
| opmerking = 
}}
Titel
  • volledige titel: De volledige titel.
  • óf titel: De titel, wordt automatisch aangevuld met de periode: "<titel> tussen <eerste periode> en <laatste periode>".
  • óf type en naam: Het type gegevens (bijvoorbeeld 'bevolkingsontwikkeling') en de naam van het onderwerp (standaard de artikelnaam). Hiermee wordt de titel als volgt samengesteld: "Verticaal staafdiagram van <type> van <naam> tussen <eerste periode> en <laatste periode>".

Als geen van bovenstaande parameters ingevuld is, krijgt het staafdiagram geen titel.

  • tekst: Een (extra) tekst binnen het vlak van het staafdiagram.
  • tekstpositie: De positie van deze extra tekst: x,y in pixels vanaf de linkeronderhoek van de gehele afbeelding. Standaard 55,250.
Lay-out
  • positie: De positie van het staafdiagram. Standaard staat het staafdiagram gewoon links (zoals een wikitable), met positie=center wordt het staafdiagram gecentreerd, met positie=left of positie=right wordt het staafdiagram links of rechts zwevend ingevoegd (als een thumb-afbeelding).
  • hoogte: De hoogte van het staafdiagram in pixels. Standaard 300.
  • breedte: De breedte van het staafdiagram in pixels; wordt standaard automatisch berekend.
  • balkruimte (alleen bij een automatisch breedte van het staafdiagram): De ruimte rond de balken. Standaard 35. Bij grote getallen kan er doorloop van de tekst ontstaan; een hogere waarde voor balkruimte zorgt voor meer ruimte rond de balken.
  • schaalhoogte: De hoogte van de verticale as. Wordt standaard berekend aan de hand van de ingegeven waarden.
  • grote schaal: De afstand tussen de, langs de verticale as gelabelde, schaalstrepen. Wordt standaard berekend aan de hand van de ingegeven waarden.
  • kleine schaal: De afstand tussen de lichtere onderverdeling van schaalstrepen. Wordt standaard berekend aan de hand van de ingegeven waarden.
  • kleur: De kleur van de balken. Standaard rgb(0.6,0.7,1). Toegestane kleurnamen staan hier.
  • kleur 1 t/m kleur 30: De kleur van een afzonderlijke balk (dus i.p.v. de algemene kleur).
  • balktekstpositie: Standaard staan de teksten boven de balken. Als deze parameter met een willekeurige waarde wordt ingevuld, wordt de tekst verticaal op de balk gecentreerd.
  • balktekstgrootte: De grootte van de teksten boven of op de balken. Standaard S (voor small). Alternatieven, bijvoorbeeld voor grote getallen, zijn (bij voorkeur): XS, M, L of XL.
Overige variabelen
  • de naamloze parameters: De gegevens waar het om gaat, als periode-waarde-paren. Bijvoorbeeld: jaar1|waarde1|jaar2|waarde2 etc., tot maximaal 30 waarden.
  • opmerking: Een opmerking onder de tabel met informatie over de getoonde gegevens, zoals een legenda of de bron van de gegevens. Let op: De kleurennamen van EasyTimeline (zie hier) zijn niet dezelfde als de kleurennamen die in {{Legenda}} gebruikt kunnen worden (zie lijst van HTML-kleuren). De standaardkleur van de balken, rgb(0.6,0.7,1), komt overeen met de hexadecimale kleur #99B2FF.

Voorbeelden

Voorbeeld 1

In het onderstaande voorbeeld worden de eerste vier staafbalken anders gekleurd.

Verticaal staafdiagram van de oplage van het Dagblad van het Noorden tussen 1996 en 2015
<timeline>

Colors=

id:a value:gray(0.9)
id:b value:gray(0.8)
id:c value:rgb(1,1,1)
id:d value:powderblue
id:text value:rgb(0.5,0.5,0.5)

ImageSize = width:auto barincrement:45 height:300 PlotArea = left:50 bottom:30 top:30 right:30 DateFormat = x.y Period = from:0 till:300000 TimeAxis = orientation:vertical AlignBars = late ScaleMajor = gridcolor:b increment:100000 start:0 ScaleMinor = gridcolor:a increment:20000 start:0 BackgroundColors = canvas:c TextData =

pos:(250,250) fontsize:M textcolor:text text:De ontwikkeling van de oplage van het Dagblad van het Noorden

BarData=

bar:1996  text:1996
bar:1997  text:1997
bar:1998  text:1998
bar:2000  text:2000
bar:2002  text:2002
bar:2003 text:2003
bar:2004 text:2004
bar:2005 text:2005
bar:2006 text:2006
bar:2007 text:2007
bar:2008 text:2008
bar:2009 text:2009
bar:2010 text:2010
bar:2011 text:2011
bar:2012 text:2012
bar:2013 text:2013
bar:2014 text:2014
bar:2015 text:2015












PlotData=

color:d width:20 align:center fontsize:s 
bar:1996  from:0 till:236000  color:lightorange
bar:1997  from:0 till:203000  color:lightorange
bar:1998  from:0 till:193000  color:lightorange
bar:2000  from:0 till:186000  color:lightorange
bar:2002  from:0 till:176944
bar:2003 from:0 till:171712
bar:2004 from:0 till:167474
bar:2005 from:0 till:161987
bar:2006 from:0 till:156247
bar:2007 from:0 till:152743
bar:2008 from:0 till:147625
bar:2009 from:0 till:141623
bar:2010 from:0 till:137813
bar:2011 from:0 till:130145
bar:2012 from:0 till:123475
bar:2013 from:0 till:115012
bar:2014 from:0 till:107085
bar:2015 from:0 till:96515












  1. zonder parameter 'balktekstpositie': tekst boven balk

PlotData=

shift:(0,5) 
bar:1996  at:236000  text:236.000
bar:1997  at:203000  text:203.000
bar:1998  at:193000  text:193.000
bar:2000  at:186000  text:186.000
bar:2002  at:176944 text:176.944
bar:2003 at:171712 text:171.712
bar:2004 at:167474 text:167.474
bar:2005 at:161987 text:161.987
bar:2006 at:156247 text:156.247
bar:2007 at:152743 text:152.743
bar:2008 at:147625 text:147.625
bar:2009 at:141623 text:141.623
bar:2010 at:137813 text:137.813
bar:2011 at:130145 text:130.145
bar:2012 at:123475 text:123.475
bar:2013 at:115012 text:115.012
bar:2014 at:107085 text:107.085
bar:2015 at:96515 text:96.515

</timeline>

██ Dagblad van het Noorden

██ Gezamenlijke oplage Nieuwsblad van het Noorden, Groninger Dagblad en Drentse Courant

{{Tabel verticaal staafdiagram
| type = de oplage
| naam = het Dagblad van het Noorden
| tekst = De ontwikkeling van de oplage van het Dagblad van het Noorden
| tekstpositie = 250,250
| positie = right
| balkruimte = 45
| kleur = powderblue
| kleur 1 = lightorange
| kleur 2 = lightorange
| kleur 3 = lightorange
| kleur 4 = lightorange
| 1996 | 236000
| 1997 | 203000
| 1998 | 193000
| 2000 | 186000
| 2002 | 176944
| 2003 | 171712
| 2004 | 167474
| 2005 | 161987
| 2006 | 156247
| 2007 | 152743
| 2008 | 147625
| 2009 | 141623
| 2010 | 137813
| 2011 | 130145
| 2012 | 123475
| 2013 | 115012
| 2014 | 107085
| 2015 | 96515
| opmerking = 
{{legenda|#9999FF|Dagblad van het Noorden}}
{{legenda|#FFCC99|Gezamenlijke oplage Nieuwsblad van het Noorden, Groninger Dagblad en Drentse Courant}}
}}
Voorbeeld 2

In het onderstaande voorbeeld wordt de titel ingegeven met de parameter titel en wordt de laatste balk anders gekleurd weergegeven. Tevens wordt een grote schaal aangegeven bij elke 50 en een kleine schaal (zonder aanduiding in aantal) bij elke 25. Standaard zou dit 100 resp. 20 zijn (zie ter vergelijking het staafdiagram rechts).

{{Tabel verticaal staafdiagram
| titel = Bevolkingsontwikkeling van Duckstad
| grote schaal = 50
| kleine schaal = 25
| kleur 7 = orange
| 1750|30 | 1800|40 | 1850|60 | 1900|78 | 1950|135 | 2000|154 | 2050|180
| opmerking = 
{{legenda|#99B2FF|Volkstellingen}}
{{legenda|#FF9E23|Geprojecteerd}}
}}
Bevolkingsontwikkeling van Duckstad tussen 1750 en 2050
<timeline>

Colors=

id:a value:gray(0.9)
id:b value:gray(0.8)
id:c value:rgb(1,1,1)
id:d value:rgb(0.6,0.7,1)
id:text value:rgb(0.5,0.5,0.5)

ImageSize = width:auto barincrement:35 height:300 PlotArea = left:50 bottom:30 top:30 right:30 DateFormat = x.y Period = from:0 till:70 TimeAxis = orientation:vertical AlignBars = late ScaleMajor = gridcolor:b increment:50 start:0 ScaleMinor = gridcolor:a increment:25 start:0 BackgroundColors = canvas:c

BarData=

bar:1750  text:1750
bar:1800  text:1800
bar:1850  text:1850
bar:1900  text:1900
bar:1950  text:1950
bar:2000 text:2000
bar:2050 text:2050























PlotData=

color:d width:20 align:center fontsize:s 
bar:1750  from:0 till:30
bar:1800  from:0 till:40
bar:1850  from:0 till:60
bar:1900  from:0 till:78
bar:1950  from:0 till:135
bar:2000 from:0 till:154
bar:2050 from:0 till:180 color:orange























  1. zonder parameter 'balktekstpositie': tekst boven balk

PlotData=

shift:(0,5) 
bar:1750  at:30  text:30
bar:1800  at:40  text:40
bar:1850  at:60  text:60
bar:1900  at:78  text:78
bar:1950  at:135 text:135
bar:2000 at:154 text:154
bar:2050 at:180 text:180

</timeline>

██ Volkstellingen

██ Geprojecteerd

Bevolkingsontwikkeling van Duckstad tussen 1750 en 2050
<timeline>

Colors=

id:a value:gray(0.9)
id:b value:gray(0.8)
id:c value:rgb(1,1,1)
id:d value:rgb(0.6,0.7,1)
id:text value:rgb(0.5,0.5,0.5)

ImageSize = width:auto barincrement:35 height:300 PlotArea = left:50 bottom:30 top:30 right:30 DateFormat = x.y Period = from:0 till:70 TimeAxis = orientation:vertical AlignBars = late ScaleMajor = gridcolor:b increment:10 start:0 ScaleMinor = gridcolor:a increment:2 start:0 BackgroundColors = canvas:c

BarData=

bar:1750  text:1750
bar:1800  text:1800
bar:1850  text:1850
bar:1900  text:1900
bar:1950  text:1950
bar:2000 text:2000
bar:2050 text:2050























PlotData=

color:d width:20 align:center fontsize:s 
bar:1750  from:0 till:30
bar:1800  from:0 till:40
bar:1850  from:0 till:60
bar:1900  from:0 till:78
bar:1950  from:0 till:135
bar:2000 from:0 till:154
bar:2050 from:0 till:180 color:orange























  1. zonder parameter 'balktekstpositie': tekst boven balk

PlotData=

shift:(0,5) 
bar:1750  at:30  text:30
bar:1800  at:40  text:40
bar:1850  at:60  text:60
bar:1900  at:78  text:78
bar:1950  at:135 text:135
bar:2000 at:154 text:154
bar:2050 at:180 text:180

</timeline>

██ Volkstellingen

██ Geprojecteerd

Voorbeeld 3

Staafdiagram zonder titel of opmerking, maar wel met een tekst binnen het diagram en met kleine tekst bij de balken. Tekstpositie is hier gewijzigd naar het midden van de balk, en het hele staafdiagram is gecentreerd.

{{Tabel verticaal staafdiagram
| tekst = De ontwikkeling van Amsterdam
| positie = center
| kleur = tan2
| balktekstpositie = ja
| balktekstgrootte = xs
| 1300|1000 | 1400|3000 | 1500|12000 | 1600|60000 | 1700|200000 | 1796|180000 | 1899|510900 | 1999|727000 | 2014|822000
}}
<timeline>

Colors=

id:a value:gray(0.9)
id:b value:gray(0.8)
id:c value:rgb(1,1,1)
id:d value:tan2
id:text value:rgb(0.5,0.5,0.5)

ImageSize = width:auto barincrement:35 height:300 PlotArea = left:50 bottom:30 top:30 right:30 DateFormat = x.y Period = from:0 till:20000 TimeAxis = orientation:vertical AlignBars = late ScaleMajor = gridcolor:b increment:10000 start:0 ScaleMinor = gridcolor:a increment:2000 start:0 BackgroundColors = canvas:c TextData =

pos:(55,250) fontsize:M textcolor:text text:De ontwikkeling van Amsterdam

BarData=

bar:1300  text:1300
bar:1400  text:1400
bar:1500  text:1500
bar:1600  text:1600
bar:1700  text:1700
bar:1796 text:1796
bar:1899 text:1899
bar:1999 text:1999
bar:2014 text:2014





















PlotData=

color:d width:20 align:center fontsize:xs 
  1. met parameter 'balktekstpositie': tekst verticaal op balk centreren
bar:1300  from:0 till:1000     text:1.000
bar:1400  from:0 till:3000     text:3.000
bar:1500  from:0 till:12000     text:12.000
bar:1600  from:0 till:60000     text:60.000
bar:1700  from:0 till:200000    text:200.000
bar:1796 from:0 till:180000    text:180.000
bar:1899 from:0 till:510900    text:510.900
bar:1999 from:0 till:727000    text:727.000
bar:2014 from:0 till:822000    text:822.000






















</timeline>

rel=nofollow