diff --git a/docs/diagrams/Color.png b/docs/diagrams/Color.png
new file mode 100644
index 00000000..578b6029
Binary files /dev/null and b/docs/diagrams/Color.png differ
diff --git a/docs/diagrams/Color.puml b/docs/diagrams/Color.puml
new file mode 100644
index 00000000..9a0438e7
--- /dev/null
+++ b/docs/diagrams/Color.puml
@@ -0,0 +1,51 @@
+@startuml
+
+
+
+
+
+/' Objects '/
+
+class mColor {
+	+mColor()
+	+mColor(int red, int green, int blue, int alpha)
+	+mColor(int color)
+	+a : int
+	+b : int
+	+g : int
+	+r : int
+	+{static} Black : static const mColor
+	+{static} Blue : static const mColor
+	+{static} Cyan : static const mColor
+	+{static} Green : static const mColor
+	+{static} Magenta : static const mColor
+	+{static} Red : static const mColor
+	+{static} Transparent : static const mColor
+	+{static} White : static const mColor
+	+{static} Yellow : static const mColor
+	+operator<<(std::ostream& os, const mColor& color) : std :: ostream&
+}
+
+
+
+
+
+/' Inheritance relationships '/
+
+
+
+
+/' Aggregation relationships '/
+
+.mColor "9" *-- .mColor
+
+
+
+
+
+
+/' Nested objects '/
+
+
+
+@enduml
diff --git a/docs/diagrams/Group.png b/docs/diagrams/Group.png
new file mode 100644
index 00000000..d55e45d1
Binary files /dev/null and b/docs/diagrams/Group.png differ
diff --git a/docs/diagrams/Group.puml b/docs/diagrams/Group.puml
new file mode 100644
index 00000000..a0411e92
--- /dev/null
+++ b/docs/diagrams/Group.puml
@@ -0,0 +1,41 @@
+@startuml
+
+
+
+
+
+/' Objects '/
+
+class Group {
+	+Group()
+	+Group(Attributes attributes)
+	+~Group()
+	-attributes : Attributes
+	+getAttributes() : Attributes {query}
+	+getClass() : std::string {query}
+	+getElements() : std::vector<SVGElement*> {query}
+	-shapes : std::vector<SVGElement*>
+	+addElement(SVGElement* shape) : void
+	+printData() : void {query}
+}
+
+
+
+
+
+/' Inheritance relationships '/
+
+
+
+
+/' Aggregation relationships '/
+
+
+
+
+
+/' Nested objects '/
+
+
+
+@enduml