From charlesreid1

http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax

Soviet Timeline Example

<timeline>
# All measures are in pixels

ImageSize  = width:350 height:550
PlotArea   = left:50 right:0 bottom:10 top:10
AlignBars  = justify

DateFormat = yyyy
Period     = from:1919 till:1991
TimeAxis   = orientation:vertical
ScaleMajor = unit:year increment:5 start:1920

# there is no automatic collision detection,
# so shift texts up or down manually to avoid overlap

Define $dx = 25 # shift text to right side of bar

PlotData=
  bar:Leaders color:red width:25 mark:(line,white) align:left fontsize:S

  from:start till:1922 shift:($dx,1)    text:Vladimir~Ilyich~[[Lenin]]
  from:1922  till:1953 shift:($dx,1)    text:[[Stalin|Josef Stalin]]
  from:1953  till:1964 shift:($dx,1)    text:Nikita [[Khrushchev]]
  from:1964  till:1982 shift:($dx,1)    text:Leonid [[Brezhnev]]
  from:1982  till:1984 shift:($dx,1)    text:Yuri [[Andropov]]
  from:1984  till:1985 shift:($dx,1)    text:[[Chernenko]] fontsize:XS
  from:1985  till:end  shift:($dx,1)    text:Mikhail~[[Gorbachev]]
</timeline>
<timeline>
  1. All measures are in pixels

ImageSize = width:350 height:550 PlotArea = left:50 right:0 bottom:10 top:10 AlignBars = justify

DateFormat = yyyy Period = from:1919 till:1991 TimeAxis = orientation:vertical ScaleMajor = unit:year increment:5 start:1920

  1. there is no automatic collision detection,
  2. so shift texts up or down manually to avoid overlap

Define $dx = 25 # shift text to right side of bar

PlotData=

 bar:Leaders color:red width:25 mark:(line,white) align:left fontsize:S
 from:start till:1922 shift:($dx,1)    text:Vladimir~Ilyich~Lenin
 from:1922  till:1953 shift:($dx,1)    text:Josef Stalin
 from:1953  till:1964 shift:($dx,1)    text:Nikita Khrushchev
 from:1964  till:1982 shift:($dx,1)    text:Leonid Brezhnev
 from:1982  till:1984 shift:($dx,1)    text:Yuri Andropov
 from:1984  till:1985 shift:($dx,1)    text:Chernenko fontsize:XS
 from:1985  till:end  shift:($dx,1)    text:Mikhail~Gorbachev

</timeline>

Line Example

<timeline>
PlotArea = left:40 bottom:60 top:10 right:10

TimeAxis = orientation:horizontal format:yyyy

Period = from:1939 till:1945

ImageSize = width:800 height:600

LineData =
  layer:front                                                  # all lines in front of bars unless stated otherwise
  at:1939                            color:yellow              # perpendicular to time axis full length
  at:1940                            color:orange  layer:back  # perpendicular to time axis full length but behind bars
  at:1940  frompos:50 tillpos:105    color:green               # perpendicular to time axis, with specified start and stop points
  from:1942 till:1945 atpos:50       color:red                 # parallel to time axis
  points:(100,20)(170,105)           color:blue    width:3     # from one arbitrary absolute position to another, extra thick 
</timeline>

<timeline>

PlotArea = left:40 bottom:60 top:10 right:10

TimeAxis = orientation:horizontal format:yyyy

Period = from:1939 till:1945

ImageSize = width:800 height:600

LineData =

 layer:front                                                  # all lines in front of bars unless stated otherwise
 at:1939                            color:yellow              # perpendicular to time axis full length
 at:1940                            color:orange  layer:back  # perpendicular to time axis full length but behind bars
 at:1940  frompos:50 tillpos:105    color:green               # perpendicular to time axis, with specified start and stop points
 from:1942 till:1945 atpos:50       color:red                 # parallel to time axis
 points:(100,20)(170,105)           color:blue    width:3     # from one arbitrary absolute position to another, extra thick 

</timeline>

My Example

<timeline>

  1. Set date format
  2. http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#DateFormat

DateFormat = mm/dd/yyyy


  1. Determines the overall size of the time line
  2. http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#ImageSize_.28mandatory.29

ImageSize = width:600 height:800


  1. Determines the margins
  2. http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#PlotArea_.28mandatory.29

PlotArea=left:50 top:20 bottom:30 right:20


  1. Determines the time period that will be displayed in the chart
  2. http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#Period_.28mandatory.29

Period = from:11/01/1968 till:01/01/1975


  1. Orientation (horizontal/vertical) of the time axis
  2. http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#TimeAxis_.28mandatory.29

TimeAxis = orientation:vertical format:yyyy

  1. Used to define bars (symbolizing a time period), and add text next to these bars on a specific position.
  2. http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#PlotData

BarData=

 bar:WGA text:"Watergate 1"
 bar:WGB text:"Watergate 2"

Colors=

 id:wgcA value:rgb(0.7,0,0.0) legend:wgA_legend
 id:wgcB value:rgb(0.0,0,0.7) legend:wgB_legend

PlotData=

 bar:WGA from:11/02/1968 till:01/20/1969 text:"Nixon is lame duck president" color:wgcA
 bar:WGA from:01/20/1969  till:03/20/1969 text:"Something else"
 bar:WGB from:01/20/1969 till:03/20/1969 text:"Nixon's first 90 days in office" color:wgcB
 at:07/01/1969 shift:(0,-15) text:"This is the 1st of July"


  1. Used to define a text block that can be positioned anywhere on the chart
  2. http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#TextData
  3. TextData

</timeline>

Template


<timeline>

# Determines the overall size of the time line
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#ImageSize_.28mandatory.29
ImageSize 


# Determines the margins
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#PlotArea_.28mandatory.29
PlotArea


# Determines the time period that will be displayed in the chart
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#Period_.28mandatory.29
Period 


# Orientation (horizontal/vertical) of the time axis
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#TimeAxis_.28mandatory.29
TimeAxis=orientation:horizontal format:yyyy 


# Used to define bars (symbolizing a time period), and add text next to these bars on a specific position.
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#PlotData
PlotData=
  bar:Japan from:start      till:19/02/1945 color:JT
  bar:Japan from:19/02/1945 till:14/03/1945 color:AI
  bar:Japan from:02/09/1945 till:end        color:AO

  at:07/12/1941 shift:(0,-15) text:"<-- WW2 reaches Asia"


# Used to define a text block that can be positioned anywhere on the chart
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#TextData
TextData

</timeline>