1、用mermaid.js 形成京东网站改版时长序列图

以下属于应用Mermaid.js产生的京东网站改版时长序列图：

gantt title 京东网站改版时长序列图 dateFormat YYYY-MM-DD section 基本功能改版 登陆注册界面 :done, 2018-01-15, 10d 购物车页面优化 :done, 2018-02-10, 10d 宝贝详情改版 :done, 2018-03-15, 15d 收款台网页页面改版 :done, 2018-04-10, 10d section 交互方式优化 网页页面响应时间优化 :done, 2018-05-01, 10d 收藏功能改善 :done, 2018-06-01, 15d 响应式网站兼容 :done, 2018-07-01, 20d 网络信息安全优化 :done, 2018-08-01, 10d

在这样一个图中，大家列出京东网站在2018年所进行的改版时长序列图。在其中，基本功能改版包含登陆注册界面、购物车页面优化、宝贝详情改版和收款台网页页面改版。交互方式优化包含网页页面响应时间优化、收藏功能改善、响应式网站兼容和网络信息安全优化。

在Gantt图中，使用横坐标表明时间线，纵坐标表明每日任务，每一个每日任务用一个方形表明。这一数据图表使我们更好地了解京东网站在2018年的改版规划和项目实施进度。

2、用mermaid.js 形成红楼梦关系图

以下属于应用Mermaid.js产生的《红楼梦》人物关系：

graph LR JiaYu[贾宝玉]--远房亲戚-->XueBaochai[宝钗]JiaYu--表妹-->LinDaiyu[黛玉]JiaYu--奸情-->XuePan[薛蟠]XuePan--引诱-->WangXifeng[王熙凤]WangXifeng--诬陷-->Baoyu[贾宝玉]Baoyu--同窗好友-->DaiYu[林黛玉]Baoyu--堂妹-->Baochai[薛宝钗]Baoyu--亲密-->XueBaochai DaiYu--朋友-->Baochai DaiYu--患难之交-->Baochai WangXifeng--运用-->JiaLian[贾琏]JiaLian--小三-->ZhenHuan[甄环]XueBaochai--仰慕-->Baochai JiaYu--知己-->QinKeqing[秦可卿]QinKeqing--同室-->WangXifeng Baoyu--痴心-->DaiYu XueBaochai--遁入空门-->Miaoyu[妙玉]Baochai--好闺蜜-->XueBaoqin[薛宝琴]JiaLian--老婆-->WangXifeng ZhenHuan--小三-->WangXifeng ZhenHuan--小三-->LiWan[李纨]LiWan--前男友-->JiaYu

3、用mermaid.js 形成注会考试认证知识点

下列是一个应用mermaid.js形成注会考试认证知识点的事例：

graph LR A[注会考试验证]--> B[金融法律法规]A --> C[管理和信息管理系统]A --> D[财务会计]A --> E[财务会计]A --> F[财务审计]A --> G[经济发展]B --> B1[财务制度]B --> B2[税收法律]B --> B3[劳动合同法]B --> B4[破产法]B --> B5[商法]C --> C1[企业管理学]C --> C2[信息管理系统]D --> D1[财务报表]D --> D2[成本控制]D --> D3[全面预算管理]E --> E1[初级会计实务]E --> E2[会计实操]F --> F1[审计理论]F --> F2[审计实务]G --> G1[微观经济学]G --> G2[微观经济]

在这样一个例子中，大家展现了注会考试认证知识点的组织结构。使用连接点（node）和箭头符号（-->）来描述不一样重点知识相互关系。在其中，注会考试验证最高层次的连接点，意味着全部认证整体定义。下边我们将要验证划分成六个最主要的支系：金融法律法规、管理和信息管理系统、财务会计、财务会计、财务审计与经济。

每一个支系又可分为好多个子支系，意味着了这一支系中的关键知识要点。比如，在金融法律法规支系中，大家列出五个子支系，包含财务制度、税收法律、劳动合同法、破产法和商法等。在财务会计支系中，大家列出初级会计实务和会计实操等支系。这一例子中仅仅一个简单的实例，事实上，注会考试认证知识体系比较复杂，必须更具体和完整的知识点来描述。

4、用mermaid.js 形成比亚迪汽车公司的组织结构图

下边是一个应用mermaid.js形成比亚迪汽车公司的组织结构图的事例：

graph LR subgraph 比亚迪汽车 BYD[比亚迪汽车]subgraph 企业领导阶层 BYD -- 老总 --> wangchuanfu[王传福]wangchuanfu -- 副董 --> bydzhang[张荣]wangchuanfu -- 副董 --> bydchen[陈伟星]wangchuanfu -- 副董 --> bydli[郭庆]end subgraph 车辆业务部 BYD -- 车辆业务部 --> bydzh[周洁]bydzh -- 汽车贸易 --> bydhu[胡亚贤]bydzh -- 汽车研发 --> bydliu[刘海霞]bydzh -- 汽车工业 --> bydxia[夏伟军]end subgraph 充电电池业务部 BYD -- 充电电池业务部 --> bydhe[何文舟]bydhe -- 电池销售 --> bydwang[王阳]bydhe -- 电池研发 --> bydchenx[陈健]bydhe -- 电池制造 --> bydlv[吕建]end subgraph 别的业务部 BYD -- IT业务部 --> bydouyang[皇甫莹]BYD -- 新能源技术业务部 --> bydwangchun[吴晓]BYD -- 公共性业务部 --> bydluo[罗文]BYD -- 公共关系部 --> bydleng[冷剑]end end

这个案例展现了比亚迪汽车公司的组织结构图。使用子图（subgraph）来机构企业的差异部门及领导阶层，并用箭头符号（-->）表明不一样单位相互关系。

在这样一个例子中，大家展现了吉利汽车业务部、充电电池业务部和其它事业部的组织架构，以及企业领导阶层的组织架构。还标志了各个部门负责人和他的岗位工作职责。

希望这些事例可以帮助你建立你的比亚迪汽车公司组织结构图。假如你有什么问题或需要进一步的支持，请随时随地跟我说。