diff --git a/current_site/src/components/data.pug b/current_site/src/components/data.pug
index 63880f8..caa3468 100644
--- a/current_site/src/components/data.pug
+++ b/current_site/src/components/data.pug
@@ -8,7 +8,7 @@ block variables
 		Table: './table.html',
 		Institute: './images/institute.png',
 		"SVG Playground": './svg_playground.html',
-		"Graph": './svg_playground.html'
+		"Graph": './graph.html'
 	};
 
 	var smallCards = [
diff --git a/current_site/src/index.js b/current_site/src/index.js
index a9ff478..89912e4 100644
--- a/current_site/src/index.js
+++ b/current_site/src/index.js
@@ -1,3 +1,4 @@
 import './styles/index.styl'
+import './styles/graph.styl'
 import './styles/details.styl'
 import './styles/table.styl'
\ No newline at end of file
diff --git a/current_site/src/pages/svg_playground.pug b/current_site/src/pages/svg_playground.pug
index 9627f90..f5f76f6 100644
--- a/current_site/src/pages/svg_playground.pug
+++ b/current_site/src/pages/svg_playground.pug
@@ -1,3 +1,5 @@
+include ../components/mixins.pug
+
 
 doctype html
 html(lang="ru")
diff --git a/current_site/src/styles/graph.styl b/current_site/src/styles/graph.styl
new file mode 100644
index 0000000..807dbb5
--- /dev/null
+++ b/current_site/src/styles/graph.styl
@@ -0,0 +1,18 @@
+svg
+    width: 800px
+    height: 400px
+    
+    text
+        font: 8px Verdana
+    
+    path,
+    line
+        fill: none
+        stroke: #333333
+        width: 1px
+
+.error
+    color: red
+    background-color: black
+    font-weight: bolder
+    width: min-content
\ No newline at end of file