gantt图 classDiagram图应用举例 南北朝更迭图 南北朝帝王关系类图

使用mermaid gannt图

示例

源代码

```mermard
gantt
    title 南北朝朝代更迭
    dateFormat  YYYY
    section 北朝
    东魏      :b2,0534,0550
    北齐		:b4,after b2,0577
    北魏      :b1,0420,0534
	隋		 :b6,0582,0589
    北周		:b5,after b3,0581
    西魏		:b3,0535,0556

    section 南朝
    刘宋      :n1,0420,0479  
    南齐		:n2,after n1,0502
    萧梁		:n3,after n2,0557
    南陈		:n4,after n3,0589

源代码

```mermaid
 classDiagram
 
拓跋珪..>拓跋嗣
拓跋嗣..>拓跋焘
拓跋焘..>拓跋余
拓跋余--|>拓跋濬
拓跋焘..>拓跋晃
拓跋晃..>拓跋濬
拓跋濬..>拓跋弘
拓跋弘..>元宏
元宏..>元恪
元恪..>元诩
元诩..>元氏
拓跋焘-->刘义隆:同一时期
刘义隆-->拓跋焘:同一时期

刘彧-->拓跋弘:同一时期
拓跋弘-->刘彧:同一时期

萧绎-->元钦:同一时期
元钦-->萧绎:同一时期

高湛-->陈蒨:同一时期
陈蒨-->高湛:同一时期

萧宝卷-->元恪:结束时期相同
萧衍--> 元恪:开始时期接近


class 拓跋珪{
<<386-409>>
-太祖()
道武帝

}
class 拓跋嗣{
<<410-423>>
-太宗()
明元帝

}
class 拓跋焘{
<<424-451>>
-世祖()
太武帝

}
class 拓跋余{
<<452>>
南安隐王 
}
class 拓跋濬{
<<453-465>>
-高宗()
文成帝

}
class 拓跋弘{
<<466-471>>
-显祖()
献文帝 

}
class 元宏{
<<472-499>>
-高祖()
孝文帝

}
class 元恪{
<<500-515>>
-世宗()
宣武帝

}
class 元诩{
<<516-527>>
-肃宗()
孝明帝
}

class 元氏{
<<528>>
女帝
}
class 元钊{
<<528>>
幼主
}

class 元子攸{
<<529-530>>
-敬宗()
孝庄帝
}
class 元晔{
<<531>>
长广王
}
class 元恭{
<<532>>
节闵帝
}
class 元郎{
<<532>>
安定王
}
class 元修{
<<533-534>>
孝武帝
出帝
}




元宝晖..>元钊
元愉..>元宝晖
元宏..>元愉

元勰..>元子攸
拓跋弘..>元勰

元怡..>元晔
拓跋桢..>元怡
拓跋晃..>拓跋桢

元羽..>元恭
拓跋弘..>元羽

元融..>元郎
元彬..>元融
拓跋桢..>元彬
拓跋晃..>拓跋桢

元怀..>元修
元宏..>元怀

元氏--|>元钊
元钊--|>元子攸
元子攸--|>元晔
元晔--|>元恭
元恭--|>元郎
元郎--|>元修

class 元宝炬{
<<535-551>>
文帝
}
class 元钦{
<<552-554>>
废帝 
}

class 拓跋廓{
<<555-556>>
恭帝
}

class 元善见{
<<534-550>>
孝静帝
}

元愉..>元宝炬
元宏..>元愉

元亶..>元善见
元怿..>元亶
元宏..>元怿

元修--|>元宝炬:西魏
元宝炬..>元钦
元宝炬..>拓跋廓
元钦--|>拓跋廓

元修--|>元善见:东魏

元善见--o高洋:禅让
拓跋廓--o宇文觉:禅让

class 宇文觉{
<<557>>
孝闵帝 
}
class 宇文毓{
<<558-560>>
明帝 
-世宗()
}
class 宇文邕{
<<561-578>>
武帝
-高祖()
}
class 宇文赟{
<<579-580>>
宣帝 
}
class 宇文衍{
<<581>>
静帝 
}
宇文觉..>宇文毓
宇文毓..>宇文邕
宇文邕..>宇文赟
宇文赟..>宇文衍

宇文衍--o杨坚:禅让
陈叔宝--*杨坚:被俘


class 高洋{
<<551-559>>
 -显祖()
文宣帝
}
class 高殷{
<<560>>
 济南闵悼王
}
class 高演{
<<561>>
 孝昭帝 
}
class 高湛{
<<562-565>>
 -世祖() 
 武成帝 
}
class 高纬{
<<566-576>>
 后主
}
class 高恒{
<<577>>
 幼主 
}

高欢..>高洋
高洋..>高殷
高殷--|>高演
高欢..>高演
高演--|>高湛
高欢..>高湛
高湛..>高纬
高纬..>高恒

高恒--*宇文邕:被俘

class 刘裕{
    <<420-422>>
	-高祖()
	武帝
}
class 刘义符{
	<<423>>
	少帝
}
class 刘义隆{
	<<424-452>>
	文帝
	-太祖()
}
class 刘邵{
	<<453>>
}
class 刘骏{
	<<454-464>>
	-世祖()
	孝武帝
}
class 刘子业{
	<<465>>
	前废帝
}
class 刘彧{
	<<466-472>>
	-太宗()
	明帝
}
class 刘昱{
	<<473-476>>
	后废帝
}
class 刘准{
	<<477-479>>
	顺帝
}
刘裕..>刘义符
刘裕..>刘义隆
刘义隆..>刘邵
刘义隆..>刘骏
刘骏..>刘子业
刘义隆..>刘彧
刘彧..>刘昱
刘彧..>刘准

刘义符--|>刘义隆
刘邵--|>刘骏
刘子业--|>刘彧
刘昱--|>刘准

刘准--o萧道成:禅让

 class 萧道成{
	<<480-482>>
	-太祖()
	高帝 							
}
 class 萧赜{
	<<483-493>>
	-世祖()
	武帝
}
 class 萧昭业{
	<<494>>
	郁林王 
}
 class 萧昭文{
	<<494>>
	海陵王 
}
 class 萧鸾{
	<<495-498>>
	-高宗() 
	明帝 
}
 class 萧宝卷{
	<<499-500>>
	炀帝
	东昏侯 
}
 class 萧宝融{
	<<501-502>>
	和帝 
}
 萧承之..>萧道成
 萧承之..>萧道生
 萧道生..>萧鸾
 萧道成..>萧赜
 萧赜..>萧昭业
 萧赜..>萧昭文
 萧昭文--|>萧鸾
 萧昭业--|>萧鸾
 萧鸾..>萧宝卷
 萧鸾..>萧宝融
 
 萧宝卷--|>萧宝融
 
 萧整..>萧隽
 萧隽..>萧乐子
萧乐子..> 萧承之

萧整..>萧辖
萧辖..>萧副子
萧副子..>萧道赐
萧道赐..>萧顺之

萧宝融--o萧衍:禅让

class 萧衍{
	<<503-548>>
	-高祖() 
	武帝 
}
 class 萧正德{
	<<549>>
	前废帝
}
 class 萧纲{
	<<550>>
	-太宗() 
	简文帝 
}
 class 萧栋{
	<<551>>
	兴文帝 
}
 class 萧绎{
	<<552-554>>
	-世祖() 
	元帝 
}
 class 萧渊明{
	<<555>>
	-肃宗() 
	闵帝 
}
 class 萧方智{
	<<556-557>>
	-穆宗() 
	敬帝 
}
 萧顺之..>萧衍
 萧顺之..>萧宏
 萧宏..>萧正德
 萧衍..>萧统
 萧衍..>萧纲
 萧衍..>萧绎
 萧统..>萧欢
 萧欢..> 萧栋
 萧绎..>萧方智
 萧顺之..>萧懿
 萧懿..>萧渊明
 
 萧衍 --|>萧正德
 萧正德--|>萧纲
 萧纲--|>萧栋
 萧栋--|>萧绎
 萧绎--|>萧渊明
 萧渊明 --|>萧方智
 
萧方智--o陈霸先:禅让

class 陈霸先{
<<558-559>>
 -高祖() 
 武帝 
}
class 陈蒨{
<<560-566>>
 -世祖() 
 文帝 
}
class 陈伯宗{
<<567-568>>
 废帝 
}
class 陈顼{
<<569-582>>
 -高宗()
孝宣帝
}
class 陈叔宝{
<<583-589>>
后主 
炀公 
}

陈蒨..> 陈伯宗
陈文赞..>陈霸先
陈文赞..>陈道谭
陈道谭..>陈蒨
陈道谭..>陈顼
陈顼..>陈叔宝

陈霸先--|>陈蒨
陈伯宗--|>陈顼