TimelineTest: Difference between revisions

From charlesreid1
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax
= Soviet Timeline Example =
= Soviet Timeline Example =


{|border="1" class="wikitable"
|-
|<pre>
<timeline>
<timeline>
# All measures are in pixels
# All measures are in pixels


ImageSize  = width:160 height:550
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>
</pre>
 
|<timeline>
# All measures are in pixels
 
ImageSize  = width:350 height:550
PlotArea  = left:50 right:0 bottom:10 top:10
PlotArea  = left:50 right:0 bottom:10 top:10
AlignBars  = justify
AlignBars  = justify
Line 21: Line 56:
   bar:Leaders color:red width:25 mark:(line,white) align:left fontsize:S
   bar:Leaders color:red width:25 mark:(line,white) align:left fontsize:S


   from:start till:1922 shift:($dx,15)   text:Vladimir~Ilyich~[[Lenin]]
   from:start till:1922 shift:($dx,1)   text:Vladimir~Ilyich~[[Lenin]]
   from:1922  till:1953 shift:($dx,5)    text:[[Stalin|Josef~Stalin]]
   from:1922  till:1953 shift:($dx,1)    text:[[Stalin|Josef Stalin]]
   from:1953  till:1964 shift:($dx,5)    text:Nikita~[[Khrushchev]]
   from:1953  till:1964 shift:($dx,1)    text:Nikita [[Khrushchev]]
   from:1964  till:1982 shift:($dx,5)    text:Leonid~[[Brezhnev]]
   from:1964  till:1982 shift:($dx,1)    text:Leonid [[Brezhnev]]
   from:1982  till:1984 shift:($dx,-12) text:Yuri~[[Andropov]]
   from:1982  till:1984 shift:($dx,1)   text:Yuri [[Andropov]]
   from:1984  till:1985 shift:($dx,4)    text:Konstantin~[[Chernenko]] fontsize:XS
   from:1984  till:1985 shift:($dx,1)    text:[[Chernenko]] fontsize:XS
   from:1985  till:end  shift:($dx,10)   text:Mikhail~[[Gorbachev]]
   from:1985  till:end  shift:($dx,1)   text:Mikhail~[[Gorbachev]]
</timeline>
</timeline>
|}


= Line Example =
= Line Example =


{|border="1" class="wikitable"
|-
|
<pre>
<timeline>
<timeline>
PlotArea = left:40 bottom:60 top:10 right:10 # e.g. extra space to the left and below the plot area for axis labels and legend
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>
 
</pre>
 
|<timeline>
PlotArea = left:40 bottom:60 top:10 right:10
 
TimeAxis = orientation:horizontal format:yyyy


Period = from:1939 till:1945
Period = from:1939 till:1945
ImageSize = width:800 height:600


LineData =
LineData =
Line 45: Line 110:
   points:(100,20)(170,105)          color:blue    width:3    # from one arbitrary absolute position to another, extra thick  
   points:(100,20)(170,105)          color:blue    width:3    # from one arbitrary absolute position to another, extra thick  
</timeline>
</timeline>
|}
= My Example =
<timeline>
# Set date format
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#DateFormat
DateFormat = mm/dd/yyyy
# Determines the overall size of the time line
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#ImageSize_.28mandatory.29
ImageSize = width:600 height:800
# Determines the margins
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#PlotArea_.28mandatory.29
PlotArea=left:50 top:20 bottom:30 right:20
# Determines the time period that will be displayed in the chart
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#Period_.28mandatory.29
Period = from:11/01/1968 till:01/01/1975
# Orientation (horizontal/vertical) of the time axis
# http://www.mediawiki.org/wiki/Extension:EasyTimeline/syntax#TimeAxis_.28mandatory.29
TimeAxis = orientation:vertical 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
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"
# 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>
=Template=
<pre>
<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>
</pre>
[[Category:Test]]

Latest revision as of 08:03, 13 April 2011

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>
Retrieved from "https://charlesreid1.com/w/index.php?title=TimelineTest&oldid=1847"