当前位置: 首页 > news >正文

大港做网站英语培训机构前十名

大港做网站,英语培训机构前十名,培训ui设计公司,网站建设受众Mermaid 系列 如何使用 Mermaid、GitHub 和 VSCode 用代码创建关系图一如何使用 Mermaid、GitHub 和 VSCode 用代码创建关系图二 1.如何创建甘特图 Gantt 甘特图以条形图的形式用作可视化表示。它有效地展示了项目的时间表,揭示了各个项目组件完成所需的持续时间…

Mermaid 系列

  • 如何使用 Mermaid、GitHub 和 VSCode 用代码创建关系图一
  • 如何使用 Mermaid、GitHub 和 VSCode 用代码创建关系图二
    在这里插入图片描述

1.如何创建甘特图 Gantt

甘特图以条形图的形式用作可视化表示。它有效地展示了项目的时间表,揭示了各个项目组件完成所需的持续时间。

您可以使用以下示例在 Mermaid 中渲染甘特图:
在这里插入图片描述

01/01 02/01 03/01 04/01 05/01 06/01 Define Project Research Define Requirements Design Implementation Unit Testing Integration Testing Deploy User Training Ongoing Support Planning Development Testing Deployment Maintenance Project Schedule

语法细分:

  • gantt 指定要在mermaind中呈现甘特图。
  • title表示项目标题。
  • dateFormat YYYY-MM-DD 是图表的输入日期格式。
  • axisFormat %m/%d 表示 x 轴中显示的日期格式,即输出日期。
  • section 用于分隔项目的不同部分。

x 轴表示时间,y 轴记录不同的任务及其完成顺序。

2. 如何创建饼图 Pie

饼图,也称为圆图,是用于显示统计数据的圆形视觉表示形式。它被划分为多个段或切片,以直观地传达不同类别或值的数字比例。

下面是在mermaid中创建饼图的示例:
在这里插入图片描述

60% 15% 10% 15% Distribution of Expenses Food Rent Entertainment Savings

语法细分:

  • pie 表示我们正在创建一个饼图。
  • title 设置饼图的标题。
  • 双引号中的项目代表类别(例如,“Food,” “Rent,” “Entertainment,” “Savings”)。
  • 冒号后面的数字表示每个类别的比例或百分比。在这种情况下,“食物”占据了图表的 60%,“租金”占 15%,“娱乐”占 10%,“储蓄”占 15%。

3. 总结

在本文中,我们只是触及了 Mermaid 中渲染图的表面。这些图表是高度可定制的,还允许您创建非常复杂的图表。

Mermaid 支持本教程中未提及的更多类型的图表。要了解有关Mermaid的更多信息,请查看他们的官方文档。
在这里插入图片描述

动手玩 Live demo

在这里插入图片描述

代码

https://github.com/zgpeace/pets-name-langchain/tree/develop

参考

https://www.freecodecamp.org/news/diagrams-as-code-with-mermaid-github-and-vs-code/

http://www.dinnco.com/news/42272.html

相关文章:

  • 网站建设空间是指什么seo系统培训哪家好
  • 住房城乡建设部网站合同示范国际新闻热点事件
  • 网络营销做得好的产品情感网站seo
  • 给做网站公司写锦旗语今天最新的新闻
  • 装饰设计网站模板竞价代运营外包公司
  • wordpress列表页怎么写seo关键词优化公司
  • 北大青鸟网站开发网站推广软件有哪些
  • html5怎么做网站武汉网站关键词推广
  • 环球资源网的网站特色百度搜索引擎优化怎么做
  • 专门设计网站的公司叫什么内部优化
  • 关于政府网站建设的指导意见线下推广渠道有哪些方式
  • 兰州网站seo优化公司长沙企业关键词优化哪家好
  • 厦门网络公司网站seo辅助优化工具
  • 本网站只做信息展示不提供在线交易专业的google推广公司
  • 北京建设学院网站最好的网络营销软件
  • 仿站工具箱网页版给公司建网站需要多少钱
  • 上海房产做哪个网站好收录入口在线提交
  • 山东建设厅网站扫黑郑州网站关键词推广
  • 重庆展示型网站制作怎么做营销推广方案
  • 垂直行业门户网站建设方案营销推广方案案例
  • 帝国cms网站建设百度竞价推广账户
  • 室内设计软件下载网站大全郑州做网站的大公司
  • 兼职做ppt是哪个网站中国联通腾讯
  • 婚庆网站建设短视频seo优化
  • 广州番禺区网站建设网络事件营销案例
  • 大岭山仿做网站百度贴吧官网
  • 无锡通告最新宁波正规seo推广
  • 做网站二级域名随便用吗如何进行搜索引擎优化?
  • 网站会对特殊的ip做跳转seo网络推广公司排名
  • 南京网站建设 个人seo营销技巧