EasyTimeline

<timeline> DateFormat = yyyy ImageSize = width:750 height:auto barincrement:18 PlotArea = left:20 right:40 bottom:30 top:15

Colors =

 id:canvas      value:rgb(0.97,0.97,0.97)
 id:grid1       value:rgb(0.80,0.80,0.80)
 id:grid2       value:rgb(0.90,0.90,0.90)
 id:Title  value:rgb(0.86,0.56,0.56)
 id:Byzantine value:rgb(0.80,0.80,0.99)
 id:Goths value:rgb(0.80,0.99,0.80)
 id:Lango value:rgb(0.80,0.99,0.80)
 id:German1 value:rgb(0.80,0.99,0.80)
 id:German2 value:rgb(0.90,0.99,0.80)
 id:German3 value:rgb(0.80,0.99,0.80)
 id:Vandals value:rgb(0.80,0.99,0.80)
 id:Islam value:rgb(0.70,0.99,0.70)
 id:Huns value:rgb(0.80,0.60,0.40)
 id:Avars value:rgb(0.80,0.80,0.60)
 id:Slavs value:rgb(0.99,0.80,0.60)
 id:Magyars  value:rgb(0.90,0.30,0.60)

 id:Life  value:rgb(0.99,0.80,0.80)
 id:Reign value:rgb(0.99,0.60,0.60)
 id:Emperor value:rgb(0.99,0.30,0.50)
 id:gray        value:gray(0.7)
 id:lightblue   value:rgb(0.60,0.99,0.99)

Period = from:267 till:1000 TimeAxis = orientation:horizontal format:yyyy ScaleMinor = unit:year increment:25 start:325 gridcolor:grid2 ScaleMajor = unit:year increment:100 start:300 gridcolor:grid1 AlignBars = justify

BackgroundColors = canvas:canvas bars:canvas

BarData=

 bar:Titlebar 
 bar:Lives1
 bar:Lives2
 bar:Lives3
 bar:German1
 bar:Migr1
 bar:Migr2
 bar:Byz
 bar:Italy
 bar:Iberia
 bar:Britain
 bar:Huns
 bar:Avars
 bar:Onogur
 bar:Bulgars
 bar:WestSlavs
 bar:SouthSlavs
 bar:Magyars
 barset:Ev1

PlotData=

 width:18 fontsize:S textcolor:black align:center
 bar:Titlebar color:Title shift:(0,-3)
 from:start  till:end text: "The Migrations Period"

 width:18 fontsize:S textcolor:black anchor:from align:left
 bar:Lives1
 color:Emperor
 from:305 till:395 text:Tetrarchy
 from:424 till:455 text:Valentinian III
 color:Life
 from:747 till:771 text:"Charlemagne"
 color:Reign
 from:771 till:800
 color:Emperor
 from:800 till:814

 bar:Lives2
 color:Life
 from:271 till:306 text:Constantine
 color:Emperor
 from:306 till:337
 color:Life
 from:406 till:434 text:Attila
 color:Reign
 from:434 till:453
 color:Life
 from:540 till:590 text:Gregory I
 color:Reign
 from:590 till:604 
 color:Life
 from:632 till:735 text:Bede

 bar:Lives3
 color:Life
 from:454 till:488 text:Theodoric
 color:Reign
 from:488 till:526
 color:Life
 from:570 till:632 text:"Muhammad

 bar:German1
 color:German1
 from:457 till:751 text:"Merovingians"
 color:German2
 from:751 till:end text:"Carolingians"

 bar:Byz 
 color:Byzantine
 from:539 till:751 text:"Exarchate of Ravenna"

 bar:Italy
 color:Lango
 from:568 till:774 text:"Lombards"

 bar:Migr1 
 color:Goths
 from:267 till:271 text:"Gothic migration"

 bar:Migr2
 color:Vandals
 from:400 till:534 text:"Vandals"

 bar:Iberia
 color:Goths
 from:429 till:711 text:"Visigothic Iberia"
 color:Islam
 from:711 till:end text:Al-Andalus

 bar:Britain
 color:German2
 from:410 till:590 text:"Anglo-Saxon invasion of Britain"
 color:German3
 from:793 till:end text:"Viking raids"

 bar:Huns
 color:Huns
 from:370 till:454 text:Huns

 bar:Avars
 color:Avars
 from:500 till:805 text:Avars

 bar:Onogur
 color:Avars
 from:635 till:685 text:Onogur

 bar:Bulgars
 color:Slavs
 from:681 till:end text:Bulgaria

 bar:WestSlavs
 color:Slavs
 from:623 till:658 text:Samo's realm
 from:770 till:907 text:Moravia/Nitria (s. 833 Great Moravia)
 

 bar:SouthSlavs
 color:Slavs
 from:626 till:end text:Medieval Croatian state

 bar:Magyars
 color:Magyars
 from:896 till:end text:Magyars

 barset:Ev1
 at:410 text:410 Visigoths sack Rome
 at:410 text:410 Rome leaves Britain
 at:439 text:439 Vandals at Carthage
 at:451 text:451 Battle of Chalons
 at:454 text:454 Battle of Nedao
 at:455 text:455 Vandals sack Rome
 at:476 text:476 last Western Emperor
 at:486 text:486 Rome leaves Gaul
 at:626 text:626 Avars raid Constantinople
 at:681 text:681 Khan Asparuh recognized by Byzantium
 at:805 text:805 Franks destroy Avars
 at:955 text:955 Battle of Lechfeld

</timeline>