VSCodeとMarkdownでガントチャート

Pocket

テキストでガントチャートを描く方法についてまとめます。
次の組み合わせでできます。

準備

エディタはVSCodeを使います。
マークダウン記法を使います。
それをプレビューするのに拡張機能のMarkdown Preview Enhancedを使います。

書き方は二通りあります。

PlantUML

```plantuml
@startuml
saturday are closed
sunday are closed
language ja
title 動物
Project starts 2022-04-04
[アフリカゾウ] starts 2022-04-04 and lasts 5 days
[いのしし] starts 2022-04-11 and ends 2022-04-12
then [うし] lasts 3 days
@enduml
```

Mermaid

```mermaid
gantt
  title 動物
  dateFormat YYYY-MM-DD
  axisFormat  %m/%d
  excludes weekends

  section 哺乳類
  アフリカゾウ: 2022-04-04, 5d
  いのしし: 2022-04-11, 2022-04-13
  うし: 3d
```

[ 2022年4月6日 | カテゴリー: デジタル | タグ: , , , , ]

« | »

コメントを残す

メールアドレスが公開されることはありません。

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報