--- a/js/flotr2/examples/js/Example.js
+++ b/js/flotr2/examples/js/Example.js
@@ -1,1 +1,100 @@
+(function () {
 
+var 
+  _             = Flotr._,
+
+  DOT           = '.',
+
+  CN_EXAMPLE    = 'flotr-example',
+  CN_LABEL      = 'flotr-example-label',
+  CN_TITLE      = 'flotr-example-title',
+  CN_MARKUP     = 'flotr-example-description',
+  CN_EDITOR     = 'flotr-example-editor',
+
+  ID_GRAPH      = 'flotr-example-graph',
+
+  TEMPLATE      = '' +
+    '<div class="' + CN_EXAMPLE + '">' +
+      '<div class="' + CN_LABEL + ' ' + CN_TITLE + '"></div>' +
+      '<div class="' + CN_MARKUP + '"></div>' +
+      '<div class="' + CN_EDITOR + '"></div>' +
+    '</div>',
+
+Example = function (o) {
+
+  this.options = o;
+  this.example = null;
+
+  this._initNodes();
+};
+
+Example.prototype = {
+
+  setExample : function (example) {
+
+    var
+      source = this.getSource(example),
+      editorNode = this._editorNode;
+
+    this.example = example;
+
+    Math.seedrandom(example.key);
+    this._exampleNode.css({ display: 'block' });
+    this._titleNode.html(example.name || '');
+    this._markupNode.html(example.description || '');
+
+    if (!this._editor) {
+      this._editor = new Flotr.Examples.Editor(editorNode, {
+          args : example.args,
+          example : source,
+          teardown : function () {
+            // Unbind event listeners from previous examples
+            Flotr.EventAdapter.stopObserving($(editorNode).find('.render')[0]);
+            $(editorNode).find('canvas').each(function (index, canvas) {
+              Flotr.EventAdapter.stopObserving(canvas);
+            });
+          }
+      });
+    } else {
+      this._editor.setExample(source, example.args);
+    }
+  },
+
+  getSource : function (example) {
+
+    var
+      source = example.callback.toString();
+
+    // Hack for FF code style
+    if (navigator.userAgent.search(/firefox/i) !== -1)
+      source = js_beautify(source);
+
+    return source;
+  },
+
+  executeCallback : function (example, node) {
+    if (!_.isElement(node)) node = node[0];
+    var args = (example.args ? [node].concat(example.args) : [node]);
+    Math.seedrandom(example.key);
+    return example.callback.apply(this, args);
+  },
+
+  _initNodes : function () {
+
+    var
+      node    = this.options.node,
+      example = $(TEMPLATE);
+
+    this._titleNode   = example.find(DOT + CN_TITLE);
+    this._markupNode  = example.find(DOT + CN_MARKUP);
+    this._editorNode  = example.find(DOT + CN_EDITOR);
+    this._exampleNode = example;
+
+    node.append(example);
+  }
+};
+
+Flotr.Examples.Example = Example;
+
+})();
+