在
PlantUML 中,
MindMap 图表是头脑
风暴、组织想法和项目规划的有效工具。MindMap 图表或思维导图是信息的
可视化表示,其中的中心思想分支成相关主题,形成一个概念的蜘蛛网。PlantUML 以其简单、
基于文本的语法为创建这些图表提供了便利,从而可以高效地组织复杂的想法并将其可视化。
使用 PlantUML 绘制 MindMaps 尤为有利,因为它可以
与其他工具和系统集成。这种集成简化了将思维导图纳入大型项目文档的过程。PlantUML 基于文本的方法还能轻松修改和
控制思维导图的
版本,使其成为协作式头脑风暴和创意开发的动态工具。
PlantUML 中的思维导图可用于各种目的,从勾勒项目结构到头脑风暴产品功能或业务战略。思维导图的
分层和直观布局有助于识别不同想法和概念之间的关系,从而更容易纵观全局,找出需要进一步探索的领域。这使得 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]
It is possible to change node
color.
With inline color
🎉 Copied!
|
@startmindmap
*[#Orange] Colors
**[#lightgreen] Green
**[#FFBBCC] Rose
**[#lightblue] Blue
@endmindmap
|
- Arithmetic notation syntax mindmap
🎉 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
|
With style color
🎉 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
|
- Arithmetic notation syntax mindmap
🎉 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
|
🎉 Copied!
|
@startmindmap
<style>
mindmapDiagram {
.myStyle * {
BackgroundColor lightgreen
}
}
</style>
+ root
++ b1 <<myStyle>>
+++ b11
+++ b12
++ b2
@endmindmap
|
[Ref. GA-920]
你可以用下划线移除方框图。
🎉 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
|
节点、深度
🎉 Copied!
|
@startmindmap
<style>
mindmapDiagram {
node {
BackgroundColor lightGreen
}
:depth(1) {
BackGroundColor white
}
}
</style>
* Linux
** NixOS
** Debian
*** Ubuntu
**** Linux Mint
**** Kubuntu
**** Lubuntu
**** KDE Neon
@endmindmap
|
无盒
🎉 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]