Jump to content

TL test: Difference between revisions

From ICANNWiki
JP (talk | contribs)
Created page with "<timeline> ImageSize = width:800 height:600 PlotArea = width: 750 height:550 left:25 bottom:25 DateFormat = yyyy Period = from:1997 till:2022 TimeAxis = orientation:h..."
 
Christiane (talk | contribs)
 
(53 intermediate revisions by one other user not shown)
Line 1: Line 1:
<timeline>
<timeline>
ImageSize = width:800 height:600
ImageSize= width:800 height:auto barincrement:35 # Sets the width at 800px, and provides some cushion between the bars
PlotArea  = width: 750 height:550 left:25 bottom:25
DateFormat=mm/dd/yyyy # Other options are yyyy or mm/yyyy
DateFormat = yyyy
Period = from:01/01/1990 till:01/01/2005 # Defines the beginning and end dates of the timeline
Period     = from:1997 till:2022
TimeAxis = orientation:horizontal
TimeAxis   = orientation:horizontal
PlotArea = right:10 left:10 bottom:20 top:20 # Sets plot area margins in pixels
ScaleMajor = unit:year increment:1 start:1997
 
Colors = # defines colors - indent all lines below until you're done with colors.
    id:bg value:white # there are 32 named colors you can use
    id:thing value:rgb(0.8,0.8,0.8) # this is a darkish gray
    id:anotherthing value:rgb(1,0.5,0.5) # this is a salmon pink colors
    id:yetanotherthing value:limegreen legend:"Yet another thing" # another example of a named color - note the "legend" variable, which will show up in the legend that you defined above
    id:lightline value:rgb(0.2,0.2,0.2) # a nice light gray for your gridlines (below)
 
BackgroundColors = canvas:bg  # this sets a white background. You can set a default color for your timeline bars with "bars:[colorid]"
ScaleMajor = unit:year gridcolor:lightline # creates a timeline with grid lines that will run upwards across the whole image
 
PlotData = # it's finally time to draw some bars
 
    bar:thing
    color:thing width:25 text:S mark:(line,black)
          from:01/01/1990 till:03/01/1994 text:"[[ICANN|You can link things,]]"
          from:03/01/1994 till:06/30/1998 text:"or not,"
          from:06/30/1998 till:01/01/2005 text:"but you must [[ICANN|choose]]"
 
    bar:anotherthing
    color:anotherthing width:25 text:S mark:(line,black)
          from:03/01/1994 till:12/31/1998 text:"Bars can start anywhere,"
          from:01/01/2000 till:01/01/2002 text:"and have gaps."
          from:01/01/2002 till:01/01/2005 shift:(0,15) text:"You can move text with 'shift:(x,y)'""
 
    bar:yetanotherthing
    color:yetanotherthing width 25 text:S mark:(line,black)
          from:01/01/1990 till:01/01/2005 text:"Most commands and variables are called with the name:value format"


PlotData=
  color:red width:25 mark:(line,white) align:left fontsize:S shift:(25,0)
  # shift texts up or down manually to avoid overlap
  from:start till:1998 shift:(,15)  text:Creation of [[ICANN]]
  from:1998  till:1999 shift:(,5)    text:[[Testbed]] Registrars color:green
  from:1999  till:2016 shift:(10)    text:[[IANA]] Functions Contract with NTIA color:purple
  from:2002  till:2005 shift:(,5)    text:[[2002 Evolution and Reform Process|Evolution and Reform]] color:blue
  from:2007  till:2022 shift:(5)    text:Seemingly Infinite [[ICANN Reviews]]
  from:2008  till:2012 shift:(,5)    text:Preparation & Launch of [[New gTLD Program]]
  from:2012  till:2017 shift:(,-12)  text:[[New gTLD Program]]*
  from:2018  till:2022 shift:(,4)    text:Streamlining [[ICANN Reviews]]
  from:2019  till:end  shift:(10)    text:Evolving the [[Multistakeholder Model]]
</timeline>
</timeline>
[[Category:Loose initiatives]]

Latest revision as of 00:14, 12 April 2024

<timeline> ImageSize= width:800 height:auto barincrement:35 # Sets the width at 800px, and provides some cushion between the bars DateFormat=mm/dd/yyyy # Other options are yyyy or mm/yyyy Period = from:01/01/1990 till:01/01/2005 # Defines the beginning and end dates of the timeline TimeAxis = orientation:horizontal PlotArea = right:10 left:10 bottom:20 top:20 # Sets plot area margins in pixels

Colors = # defines colors - indent all lines below until you're done with colors.

    id:bg value:white # there are 32 named colors you can use
    id:thing value:rgb(0.8,0.8,0.8) # this is a darkish gray
    id:anotherthing value:rgb(1,0.5,0.5) # this is a salmon pink colors
    id:yetanotherthing value:limegreen legend:"Yet another thing" # another example of a named color - note the "legend" variable, which will show up in the legend that you defined above
    id:lightline value:rgb(0.2,0.2,0.2) # a nice light gray for your gridlines (below)

BackgroundColors = canvas:bg # this sets a white background. You can set a default color for your timeline bars with "bars:[colorid]" ScaleMajor = unit:year gridcolor:lightline # creates a timeline with grid lines that will run upwards across the whole image

PlotData = # it's finally time to draw some bars

    bar:thing
    color:thing width:25 text:S mark:(line,black)
         from:01/01/1990 till:03/01/1994 text:"You can link things,"
         from:03/01/1994 till:06/30/1998 text:"or not,"
         from:06/30/1998 till:01/01/2005 text:"but you must choose"
    bar:anotherthing
    color:anotherthing width:25 text:S mark:(line,black)
         from:03/01/1994 till:12/31/1998 text:"Bars can start anywhere,"
         from:01/01/2000 till:01/01/2002 text:"and have gaps."
         from:01/01/2002 till:01/01/2005 shift:(0,15) text:"You can move text with 'shift:(x,y)'""
    bar:yetanotherthing
    color:yetanotherthing width 25 text:S mark:(line,black)
          from:01/01/1990 till:01/01/2005 text:"Most commands and variables are called with the name:value format"

</timeline>