User:Erik Zachte/sandbox

 <timeline>
  ...
 </timeline>
 

 ImageSize  = width:600 height:100
 PlotArea   = left:20 right:10 top:10 bottom:25 
 TimeAxis   = orientation:horizontal
 

 Period     = from:1890 till:2005
 ScaleMajor = unit:year increment:20 start:1900
 ScaleMinor = unit:year increment:10 start:1890
 

 PlotData =
   bar:X color:red align:center
   from:start till:1910 text:"Period 1"
   from:1920  till:1940 text:"Period 2" color:green
   from:1950  till:end  text:"Period 3"
 
   bar:Y color:blue 
   from:start till:1930 text:"Period 1" textcolor:white
   from:1960  till:end  text:"Period 2"
 

 LineData =
   at:1935 color:black  layer:back
   at:2000 color:yellow layer:front
 

 <timeline>
 ImageSize  = width:600 height:130              # height 100 -> 130 to make space for legend
 PlotArea   = left:20 right:10 top:10 bottom:55 # bottom 25  ->  55 to make space for legend

 Colors =
   id:lightgray value:gray(0.92)
   id:A         value:red   legend:AAA
   id:B         value:green legend:BBB
   id:C         value:blue  legend:CCC

 BackgroundColors = canvas:lightgray

 Legend     = left:200 top:30 columns:3 columnwidth:100

 PlotData =
   # replace all references to absolute colors by references to symbolic colors 
   # e.g. color:red -> color:A