PlantUML の文脈における
MindMap ダイアグラムは、
ブレーンストーミング、 アイデアの整理、およびプロジェクト計画のための効果的なツールである。MindMap ダイアグラム、またはマインドマップは、情報の
視覚的な表現であり、中心的な アイデアが関連するトピックに枝分かれし、概念のクモの巣を作成します。PlantUML は、シンプルな
テキストベースの構文により、これらのダイアグラムの 作成を容易にし、複雑なアイデアの効率的な組織化と視覚化を可能にします。
MindMaps のために PlantUML を使用することは、
他のツールやシステムとの統合により、特に有利です。この統合は、より大きなプロジェクト文書にマインドマップを組み込む プロセスを合理化します。また、PlantUML のテキストベースのアプローチは、マインドマップの容易 な修正と
バージョン管理を可能にし、共同ブレーンストーミングやアイデア開 発のためのダイナミックなツールにします。
PlantUML の MindMaps は、プロジェクトの構造のアウトラインから、製品の特徴やビジネス戦略 のブレーンストーミングまで、さまざまな目的に使用することができます。マインドマップの
階層的で直感的なレイアウトは、異なるアイデアやコンセプ ト間の関係を特定するのに役立ち、全体像を見やすくし、さらなる探求が必要な 領域をピンポイントで特定します。このため、PlantUML は、複雑な情報を視覚的に整理し、明瞭かつ簡潔 に提示する方法を必要とするプロジェクトマネージャ、開発者、およびビジネ スアナリストにとって、非常に貴重なツールとなります。
OrgModeと互換性のある文法です。
🎉 Copied!
|
@startmindmap
* Debian
** Ubuntu
*** Linux Mint
*** Kubuntu
*** Lubuntu
*** KDE Neon
** LMDE
** SolydXK
** SteamOS
** Raspbian with a very long name
*** <s>Raspmbc</s> => OSMC
*** <s>Raspyfi</s> => Volumio
@endmindmap
|
この構文は、Markdownと互換性があります。
🎉 Copied!
|
@startmindmap
* root node
* some first level node
* second level node
* another second level node
* another first level node
@endmindmap
|
枝を左右どちらの側に伸ばすかを、以下のように算術記号で指定できます。
🎉 Copied!
|
@startmindmap
+ OS
++ Ubuntu
+++ Linux Mint
+++ Kubuntu
+++ Lubuntu
+++ KDE Neon
++ LMDE
++ SolydXK
++ SteamOS
++ Raspbian
-- Windows 95
-- Windows 98
-- Windows NT
--- Windows 8
--- Windows 10
@endmindmap
|
:
と
;
を使って、複数行の箱を作ることができます。
🎉 Copied!
|
@startmindmap
* Class Templates
**:Example 1
<code>
template <typename T>
class cname{
void f1()<U+003B>
...
}
</code>
;
**:Example 2
<code>
other template <typename T>
class cname{
...
</code>
;
@endmindmap
|
🎉 Copied!
|
@startmindmap
+ root
**:right_1.1
right_1.2;
++ right_2
left side
-- left_1
-- left_2
**:left_3.1
left_3.2;
@endmindmap
|
You can create multiroot mindmap, as:
🎉 Copied!
|
@startmindmap
* Root 1
** Foo
** Bar
* Root 2
** Lorem
** Ipsum
@endmindmap
|
[Ref. QH-773]
ノードの
色を変えることができます。
インラインの色指定
🎉 Copied!
|
@startmindmap
*[#Orange] Colors
**[#lightgreen] Green
**[#FFBBCC] Rose
**[#lightblue] Blue
@endmindmap
|
🎉 Copied!
|
@startmindmap
+[#Orange] Colors
++[#lightgreen] Green
++[#FFBBCC] Rose
--[#lightblue] Blue
@endmindmap
|
🎉 Copied!
|
@startmindmap
*[#Orange] root node
*[#lightgreen] some first level node
*[#FFBBCC] second level node
*[#lightblue] another second level node
*[#lightgreen] another first level node
@endmindmap
|
スタイルによる色指定
🎉 Copied!
|
@startmindmap
<style>
mindmapDiagram {
.green {
BackgroundColor lightgreen
}
.rose {
BackgroundColor #FFBBCC
}
.your_style_name {
BackgroundColor lightblue
}
}
</style>
* Colors
** Green <<green>>
** Rose <<rose>>
** Blue <<your_style_name>>
@endmindmap
|
🎉 Copied!
|
@startmindmap
<style>
mindmapDiagram {
.green {
BackgroundColor lightgreen
}
.rose {
BackgroundColor #FFBBCC
}
.your_style_name {
BackgroundColor lightblue
}
}
</style>
+ Colors
++ Green <<green>>
++ Rose <<rose>>
-- Blue <<your_style_name>>
@endmindmap
|
🎉 Copied!
|
@startmindmap
<style>
mindmapDiagram {
.green {
BackgroundColor lightgreen
}
.rose {
BackgroundColor #FFBBCC
}
.your_style_name {
BackgroundColor lightblue
}
}
</style>
* root node
* some first level node <<green>>
* second level node <<rose>>
* another second level node <<your_style_name>>
* another first level node <<green>>
@endmindmap
|
[Ref. GA-920]
WARNING
This translation need to be updated. WARNING
アンダースコア
_
を使うことで、箱を消すことができます。
🎉 Copied!
|
@startmindmap
* root node
** some first level node
***_ second level node
***_ another second level node
***_ foo
***_ bar
***_ foobar
** another first level node
@endmindmap
|
🎉 Copied!
|
@startmindmap
*_ root node
**_ some first level node
***_ second level node
***_ another second level node
***_ foo
***_ bar
***_ foobar
**_ another first level node
@endmindmap
|
🎉 Copied!
|
@startmindmap
+ root node
++ some first level node
+++_ second level node
+++_ another second level node
+++_ foo
+++_ bar
+++_ foobar
++_ another first level node
-- some first right level node
--_ another first right level node
@endmindmap
|
図の両側を使うことができます。
🎉 Copied!
|
@startmindmap
* count
** 100
*** 101
*** 102
** 200
left side
** A
*** AA
*** AB
** B
@endmindmap
|
You can change (whole) diagram orientation with:
left to right direction
(by default)
top to bottom direction
right to left direction
bottom to top direction
(not yet implemented/issue then use workaround)
Left to right direction (by default)
🎉 Copied!
|
@startmindmap
* 1
** 2
*** 4
*** 5
** 3
*** 6
*** 7
@endmindmap
|
Top to bottom direction
🎉 Copied!
|
@startmindmap
top to bottom direction
* 1
** 2
*** 4
*** 5
** 3
*** 6
*** 7
@endmindmap
|
Right to left direction
🎉 Copied!
|
@startmindmap
right to left direction
* 1
** 2
*** 4
*** 5
** 3
*** 6
*** 7
@endmindmap
|
Bottom to top direction
🎉 Copied!
|
@startmindmap
top to bottom direction
left side
* 1
** 2
*** 4
*** 5
** 3
*** 6
*** 7
@endmindmap
|
[Ref. QH-1413]
🎉 Copied!
|
@startmindmap
caption figure 1
title My super title
* <&flag>Debian
** <&globe>Ubuntu
*** Linux Mint
*** Kubuntu
*** Lubuntu
*** KDE Neon
** <&graph>LMDE
** <&pulse>SolydXK
** <&people>SteamOS
** <&star>Raspbian with a very long name
*** <s>Raspmbc</s> => OSMC
*** <s>Raspyfi</s> => Volumio
header
My super header
endheader
center footer My super footer
legend right
Short
legend
endlegend
@endmindmap
|
ノード(node)、深さ(depth)
🎉 Copied!
|
@startmindmap
<style>
mindmapDiagram {
node {
BackgroundColor lightGreen
}
:depth(1) {
BackGroundColor white
}
}
</style>
* Linux
** NixOS
** Debian
*** Ubuntu
**** Linux Mint
**** Kubuntu
**** Lubuntu
**** KDE Neon
@endmindmap
|
枠無し(boxless)
🎉 Copied!
|
@startmindmap
<style>
mindmapDiagram {
node {
BackgroundColor lightGreen
}
boxless {
FontColor darkgreen
}
}
</style>
* Linux
** NixOS
** Debian
***_ Ubuntu
**** Linux Mint
**** Kubuntu
**** Lubuntu
**** KDE Neon
@endmindmap
|
MaximumWidth
で、最大幅を設定すると、自動的に単語を折り返すことができます。使用する単位はピクセルです。
🎉 Copied!
|
@startmindmap
<style>
node {
Padding 12
Margin 3
HorizontalAlignment center
LineColor blue
LineThickness 3.0
BackgroundColor gold
RoundCorner 40
MaximumWidth 100
}
rootNode {
LineStyle 8.0;3.0
LineColor red
BackgroundColor white
LineThickness 1.0
RoundCorner 0
Shadowing 0.0
}
leafNode {
LineColor gold
RoundCorner 0
Padding 3
}
arrow {
LineStyle 4
LineThickness 0.5
LineColor green
}
</style>
* Hi =)
** sometimes i have node in wich i want to write a long text
*** this results in really huge diagram
**** of course, i can explicit split with a\nnew line
**** but it could be cool if PlantUML was able to split long lines, maybe with an option
@endmindmap
|
You can use
Creole or HTML Creole on Mindmap:
[Ref. QA-17838]