diff --git a/examples/index.html b/examples/index.html
new file mode 100644
index 0000000..a5c0435
--- /dev/null
+++ b/examples/index.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Timeline.js example</title>
+    <style type="text/css">
+        body {
+            background-color: #333;
+        }
+    </style>
+</head>
+<body onload="">
+    <div id="holder"></div>
+    <script type="text/javascript" src="../timeline.js"></script>
+    <script type="text/javascript">
+        SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'rounded': false, 'x_callback': false});
+
+        SVG.addGraph('test', 'red');
+        SVG.addPoints('test', [{'x':200, 'y':50, 'label':'%x : %y test'},{'x':75, 'y':100, 'label':'%x : %y test2'},{'x':150,'y':25, 'label':'%x : %y test3'},{'x':175, 'y':-200, 'label':'%x : %y test4'},{'x':125, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':225, 'y':-220, 'label':'%x : %y test4'}]);
+        
+        SVG.addGraph('test2', 'blue');
+        SVG.addPoints('test2', [{'x':180, 'y':50, 'label':'%x : %y test'},{'x':120, 'y':100, 'label':'%x : %y test2'},{'x':160,'y':25, 'label':'%x : %y test3'},{'x':150, 'y':-200, 'label':'%x : %y test4'},{'x':100, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':200, 'y':-220, 'label':'%x : %y test4'}]);
+        
+        SVG.draw();
+    </script>
+</body>
+</html>
diff --git a/examples/index2.html b/examples/index2.html
new file mode 100644
index 0000000..25ece33
--- /dev/null
+++ b/examples/index2.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Timeline.js example</title>
+    <style type="text/css">
+        body {
+            background-color: #333;
+        }
+    </style>
+</head>
+<body onload="">
+    <div id="holder"></div>
+    <script type="text/javascript" src="../timeline.js"></script>
+    <script type="text/javascript">
+        SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'rounded': false, 'x_callback': false});
+
+        SVG.addGraph('test', 'red');
+        SVG.addPoints('test', [{'x':200, 'y':50, 'label':'%x : %y test. Click me !', 'click': function() { alert('Hello World…'); }},{'x':75, 'y':100, 'label':'%x : %y test2'},{'x':150,'y':25, 'label':'%x : %y test3'},{'x':175, 'y':-200, 'label':'%x : %y test4'},{'x':125, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':225, 'y':-220, 'label':'%x : %y test4'}]);
+        
+        SVG.draw();
+    </script>
+</body>
+</html>
diff --git a/examples/index3.html b/examples/index3.html
new file mode 100644
index 0000000..157b46f
--- /dev/null
+++ b/examples/index3.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Timeline.js example</title>
+    <style type="text/css">
+        body {
+            background-color: #333;
+        }
+    </style>
+</head>
+<body onload="">
+    <div id="holder"></div>
+    <script type="text/javascript" src="../timeline.js"></script>
+    <script type="text/javascript">
+        SVG.init({'id': 'holder', 'height': '100%', 'width': '100%', 'grid': 'both', 'x_axis': true, 'rounded': true, 'x_callback': false});
+
+        SVG.addGraph('test', 'red');
+        SVG.addPoints('test', [{'x':200, 'y':50, 'label':'%x : %y test. Click me !', 'click': function() { alert('Hello World…'); }},{'x':75, 'y':100, 'label':'%x : %y test2'},{'x':150,'y':25, 'label':'%x : %y test3'},{'x':175, 'y':-200, 'label':'%x : %y test4'},{'x':125, 'y':75, 'label':'%x : %y µg/m<sup>3</sup>'},{'x':225, 'y':-220, 'label':'%x : %y test4'}]);
+        
+        SVG.draw();
+    </script>
+</body>
+</html>
diff --git a/index.html b/index.html
index 4ce3826..87b1634 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,13 @@
 
 <p>I coded it because I couldn't find any basic JS library to do this, without any external dependencies and extra features. Timeline.js is only 13k once minified, and can be reduced under 10k thanks to obfuscation. Better results may be obtained with a little refactor, but that's enough for me.</p>
 
+<h2>Examples</h2>
+<ul>
+    <li><a href="http://phyks.github.io/timeline.js/examples/index.html">Multi graphs example</a></li>
+    <li><a href="http://phyks.github.io/timeline.js/examples/index2.html">Single graph example</a></li>
+    <li><a href="http://phyks.github.io/timeline.js/examples/index3.html">Rounded graph example</a></li>
+</ul>
+
 <h2>
 <a name="usage" class="anchor" href="#usage"><span class="octicon octicon-link"></span></a>Usage</h2>
 
@@ -107,4 +114,4 @@ And you can add points thanks to <code>SVG.addPoints(GRAPH_NAME, POINTS);</code>
     <script src="javascripts/scale.fix.js"></script>
     
   </body>
-</html>
\ No newline at end of file
+</html>
