diff --git a/Relation map.md b/Relation map.md
index 684d7b6..b428147 100644
--- a/Relation map.md	
+++ b/Relation map.md	
@@ -1,12 +1,28 @@
 Relation map is a type of [[note|Tree concepts#note]] which visualizes notes and their [[relations|Attributes]]. See an example:
 
-[[images/relation-map.png]]
+## Development process demo
 
-## Usage
+This is a basic example how you can create simple diagram using relation maps:
 
-First take a look at the demo:
+[[images/relation-map-dev-process.png]]
 
-[[gifs/relation-map-demo.gif]]
+And this is how you can create it:
+
+[[gifs/relation-map-dev-process-demo.gif]]
+
+We start completely from scratch by first creating new note called "Development process" and changing its type to "Relation map". After that we create new notes one by one and place them by clicking into the map. We also drag [[relations|Attributes]] between notes and name them. That's all!
+
+Items on the map - "Specification", "Development", "Testing" and "Demo" are actually notes which have been created under "Development process" note - you can click on them and write some content. Connections between notes are called "[[relations|Attributes]]".
+
+## Family demo
+
+This is more complicated demo using some advanced concepts. Resulting diagram is here:
+
+[[images/relation-map-family.png]]
+
+This is how you get to it:
+
+[[gifs/relation-map-family-demo.gif]]
 
 There are several steps here:
 
diff --git a/Screenshot tour.md b/Screenshot tour.md
index 390d84a..8bd3c5c 100644
--- a/Screenshot tour.md	
+++ b/Screenshot tour.md	
@@ -14,7 +14,7 @@ This shows [[code note|code notes]] editor.
 
 See [[promoted attributes]]
 
-[[images/relation-map.png]]
+[[images/relation-map-family.png]]
 
 See [[relation map]].
 
diff --git a/gifs/relation-map-dev-process-demo.gif b/gifs/relation-map-dev-process-demo.gif
new file mode 100644
index 0000000..edebf72
Binary files /dev/null and b/gifs/relation-map-dev-process-demo.gif differ
diff --git a/gifs/relation-map-demo.gif b/gifs/relation-map-family-demo.gif
similarity index 100%
rename from gifs/relation-map-demo.gif
rename to gifs/relation-map-family-demo.gif
diff --git a/images/relation-map-dev-process.png b/images/relation-map-dev-process.png
new file mode 100644
index 0000000..59f2030
Binary files /dev/null and b/images/relation-map-dev-process.png differ
diff --git a/images/relation-map.png b/images/relation-map-family.png
similarity index 100%
rename from images/relation-map.png
rename to images/relation-map-family.png