diff --git a/assets/images/model_types.png b/assets/images/model_types.png
new file mode 100644
index 0000000..16b7e0e
Binary files /dev/null and b/assets/images/model_types.png differ
diff --git a/assets/images/model_types.svg b/assets/images/model_types.svg
new file mode 100644
index 0000000..9e52d7a
--- /dev/null
+++ b/assets/images/model_types.svg
@@ -0,0 +1,287 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="550"
+   height="190"
+   viewBox="0 0 145.52083 50.270836"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="model_types.svg"
+   inkscape:export-filename="C:\Users\Viktor\GitRepos\Online3DViewer\assets\images\model_types.png"
+   inkscape:export-xdpi="192"
+   inkscape:export-ydpi="192">
+  <defs
+     id="defs2">
+    <marker
+       inkscape:stockid="TriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutL"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         id="path1191"
+         d="M 5.77,0 -2.88,5 V -5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="scale(0.8)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutL-2"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path1191-9"
+         d="M 5.77,0 -2.88,5 V -5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="scale(0.8)" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutL-27"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path1191-3"
+         d="M 5.77,0 -2.88,5 V -5 Z"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+         transform="scale(0.8)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="275.21383"
+     inkscape:cy="133.44139"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1001"
+       snapvisiblegridlinesonly="true"
+       dotted="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-246.72912)">
+    <rect
+       style="fill:#f2f2f2;stroke:#000000;stroke-width:0.26458332;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1"
+       id="rect970"
+       width="37.041668"
+       height="10.583333"
+       x="7.9374971"
+       y="254.66661"
+       ry="5.2916665" />
+    <text
+       xml:space="preserve"
+       style="font-size:10.58333302px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;stroke-width:0.26458332"
+       x="37.32515"
+       y="76.072914"
+       id="text974"><tspan
+         sodipodi:role="line"
+         id="tspan972"
+         x="37.32515"
+         y="85.862495"
+         style="stroke-width:0.26458332"></tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:8.28707123px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;stroke-width:0.20717679"
+       x="26.452301"
+       y="261.22006"
+       id="text978"><tspan
+         sodipodi:role="line"
+         id="tspan976"
+         x="26.452301"
+         y="261.22006"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;font-family:Arial;-inkscape-font-specification:Arial;text-align:center;text-anchor:middle;stroke-width:0.20717679">3D model files</tspan></text>
+    <rect
+       style="fill:#f2f2f2;stroke:#000000;stroke-width:0.26458332;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect970-0"
+       width="37.041668"
+       height="10.583333"
+       x="54.239582"
+       y="254.66661"
+       ry="5.2916665" />
+    <text
+       xml:space="preserve"
+       style="font-size:8.28707123px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;stroke-width:0.20717679"
+       x="72.720787"
+       y="261.2037"
+       id="text978-4"><tspan
+         sodipodi:role="line"
+         id="tspan976-1"
+         x="72.720787"
+         y="261.2037"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;font-family:Arial;-inkscape-font-specification:Arial;text-align:center;text-anchor:middle;stroke-width:0.20717679">Internal model</tspan></text>
+    <rect
+       style="fill:#f2f2f2;stroke:#000000;stroke-width:0.26458332;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect970-0-7"
+       width="37.041668"
+       height="10.583333"
+       x="100.54166"
+       y="254.66661"
+       ry="5.2916665" />
+    <text
+       xml:space="preserve"
+       style="font-size:8.28707123px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;stroke-width:0.20717679"
+       x="119.02287"
+       y="261.2037"
+       id="text978-4-2"><tspan
+         sodipodi:role="line"
+         id="tspan976-1-5"
+         x="119.02287"
+         y="261.2037"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;font-family:Arial;-inkscape-font-specification:Arial;text-align:center;text-anchor:middle;stroke-width:0.20717679">three.js model</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:10.58333302px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;stroke-width:0.26458332"
+       x="93.927086"
+       y="72.104164"
+       id="text1871"><tspan
+         sodipodi:role="line"
+         id="tspan1869"
+         x="93.927086"
+         y="81.893745"
+         style="stroke-width:0.26458332"></tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:10.58333302px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;stroke-width:0.26458332"
+       x="91.28125"
+       y="86.65625"
+       id="text1893"><tspan
+         sodipodi:role="line"
+         id="tspan1891"
+         x="91.28125"
+         y="96.445831"
+         style="stroke-width:0.26458332"></tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:10.58333302px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;stroke-width:0.26458332"
+       x="112.44791"
+       y="103.85416"
+       id="text1969"><tspan
+         sodipodi:role="line"
+         id="tspan1967"
+         x="112.44791"
+         y="113.64374"
+         style="stroke-width:0.26458332"></tspan></text>
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#TriangleOutL)"
+       d="m 44.979165,259.95829 h 7.9375"
+       id="path2517"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#TriangleOutL-27)"
+       d="m 91.281246,259.95829 h 7.9375"
+       id="path2517-7"
+       inkscape:connector-curvature="0" />
+    <text
+       xml:space="preserve"
+       style="font-size:10.58333302px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;stroke-width:0.26458332"
+       x="145.52083"
+       y="81.364578"
+       id="text2760"><tspan
+         sodipodi:role="line"
+         id="tspan2758"
+         x="145.52083"
+         y="91.15416"
+         style="stroke-width:0.26458332"></tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:8.28707123px;line-height:0.69999999;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;stroke-width:0.20717679"
+       x="104.38375"
+       y="271.7449"
+       id="text978-4-8-6-7"><tspan
+         sodipodi:role="line"
+         id="tspan976-1-9-9-5"
+         x="104.38375"
+         y="271.7449"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:0.69999999;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;text-anchor:start;stroke-width:0.20717679">- Visualization</tspan><tspan
+         sodipodi:role="line"
+         x="104.38375"
+         y="277.54587"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:0.69999999;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;text-anchor:start;stroke-width:0.20717679"
+         id="tspan2784">- Selection highlight</tspan><tspan
+         sodipodi:role="line"
+         x="104.38375"
+         y="283.3468"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:0.69999999;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;text-anchor:start;stroke-width:0.20717679"
+         id="tspan2786">- Show and hide</tspan><tspan
+         sodipodi:role="line"
+         x="104.38375"
+         y="289.14777"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:0.69999999;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;text-anchor:start;stroke-width:0.20717679"
+         id="tspan2788">- Measure</tspan><tspan
+         sodipodi:role="line"
+         x="104.38375"
+         y="294.9487"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:0.69999999;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;text-anchor:start;stroke-width:0.20717679"
+         id="tspan2782" /></text>
+    <text
+       xml:space="preserve"
+       style="font-size:8.28707123px;line-height:0.69999999;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;stroke-width:0.20717679"
+       x="58.115086"
+       y="271.77109"
+       id="text978-4-8-6-7-7"><tspan
+         sodipodi:role="line"
+         id="tspan976-1-9-9-5-9"
+         x="58.115086"
+         y="271.77109"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:0.69999999;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;text-anchor:start;stroke-width:0.20717679">- Export</tspan><tspan
+         sodipodi:role="line"
+         x="58.115086"
+         y="277.57205"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:0.69999999;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;text-anchor:start;stroke-width:0.20717679"
+         id="tspan2788-6">- Calculations</tspan><tspan
+         sodipodi:role="line"
+         x="58.115086"
+         y="283.37299"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:0.69999999;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;text-anchor:start;stroke-width:0.20717679"
+         id="tspan2782-1" /></text>
+  </g>
+</svg>