From 018577a954cf5dfa20c3e3392fb81e99dae8a8a1 Mon Sep 17 00:00:00 2001
From: Yosuke Imairi <imairi@gmail.com>
Date: Tue, 17 Mar 2020 14:46:36 +0900
Subject: [PATCH] update README

---
 README.md | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 8960da6..ff54f94 100644
--- a/README.md
+++ b/README.md
@@ -16,23 +16,47 @@ swift run RIBsTreeMaker [path/to/iOSproject] --under [RIB name]
 Use `under` option, the tree will be displayed only under the RIB.
 
 ## Visualize for mindmap
-The output style is org-mode mindmap. For example, if use PlantUML the RIBs tree is visualized like the below.
+The output style is org-mode mindmap.
 
 ```uml
 @startmindmap
 * Root
-** LoggedOut
+** LoggedOut<<noView>>
 *** TermsOfUse
 **** FailedLoading
 *** Welcome
 **** SignInFailedDialog
 **** ForgotPassword
-****** SMSAuthentication
-******* ResetPassword
-** LoggedIn
+***** SMSAuthentication
+****** ResetPassword
+** LoggedIn<<noView>>
 @endmindmap
 ```
 
+Additionally, the mindmap style is set to detect easily the RIB has own view or not.
+
+```
+<style>
+mindmapDiagram {
+  . * {
+    BackGroundColor #FFF
+    LineColor #192f60
+    Shadowing 0.0
+    RoundCorner 20
+    LineThickness 2.0
+  }
+  .noView * {
+    BackGroundColor #FFF
+    LineColor #d20b52
+    TextColor #d20b52
+  }
+}
+</style>
+```
+
+For example, if use PlantUML the RIBs tree is visualized like the below.
+
+
 <p align="center">
   <img src="https://raw.githubusercontent.com/imairi/RIBsTreeMaker/master/images/example_tree.png" width="800">
 </p>