diff --git a/datalets/barchart-datalet/barchart-datalet.html b/datalets/barchart-datalet/barchart-datalet.html
index bb6b1a7..2817a63 100755
--- a/datalets/barchart-datalet/barchart-datalet.html
+++ b/datalets/barchart-datalet/barchart-datalet.html
@@ -49,7 +49,7 @@ Example:
              *
              * @method transformData
              */
-            transformData: function(){
+            presentData: function(){
 
                 $(this._component.$.charts.$.container).highcharts({
                     chart: {
diff --git a/datalets/base-ajax-json-jsonpath-datalet/static/js/AjaxJsonJsonPathBehavior.js b/datalets/base-ajax-json-jsonpath-datalet/static/js/AjaxJsonJsonPathBehavior.js
index 80d5adb..f55ee7e 100644
--- a/datalets/base-ajax-json-jsonpath-datalet/static/js/AjaxJsonJsonPathBehavior.js
+++ b/datalets/base-ajax-json-jsonpath-datalet/static/js/AjaxJsonJsonPathBehavior.js
@@ -62,11 +62,10 @@ var AjaxJsonJsonPathBehavior = {
      */
     handleResponse: function(e) {
         this.properties.json_results.value = e;
-        this.createDataObject();
         this.runWorkcycle();
     },
 
-    createDataObject : function(){
+    selectData : function(){
 
         this.data = [];
         this._component.fields = JSON.parse(this._component.fields);
diff --git a/datalets/base-datalet/static/js/BaseDataletBehaviors.js b/datalets/base-datalet/static/js/BaseDataletBehaviors.js
index b71788e..fd0c402 100644
--- a/datalets/base-datalet/static/js/BaseDataletBehaviors.js
+++ b/datalets/base-datalet/static/js/BaseDataletBehaviors.js
@@ -80,7 +80,6 @@ var WorkcycleBehavior = {
      * @method requestData
      */
     requestData: function(){
-
     },
 
     /**
@@ -110,6 +109,15 @@ var WorkcycleBehavior = {
     },
 
     /**
+     * Build the object/s for presentation layer.
+     *
+     * @method presentData
+     */
+    presentData: function(){
+
+    },
+
+    /**
      * Called when iron-ajax component receive the json data from called url. It is responsible to
      * extract data from response, coded in json, and refine it by using JsonPath queries in the query attribute.
      * After this phase it parses the resulting object to populate the structure(keys,values) to fill the final table by using
@@ -121,6 +129,7 @@ var WorkcycleBehavior = {
         this.selectData();
         this.filterData();
         this.transformData();
+        this.presentData();
     },
 
     init: function(component){
diff --git a/datalets/column3Dchart-datalet/column3Dchart-datalet.html b/datalets/column3Dchart-datalet/column3Dchart-datalet.html
index 4409520..9a64c06 100755
--- a/datalets/column3Dchart-datalet/column3Dchart-datalet.html
+++ b/datalets/column3Dchart-datalet/column3Dchart-datalet.html
@@ -61,7 +61,7 @@ Example:
              *
              * @method transformData
              */
-            transformData: function(){
+            presentData: function(){
                          chart = new Highcharts.Chart({
                              chart: {
                                  renderTo: this._component.$.charts.$.container,
diff --git a/datalets/columnchart-datalet/columnchart-datalet.html b/datalets/columnchart-datalet/columnchart-datalet.html
index f036bbd..224ae84 100755
--- a/datalets/columnchart-datalet/columnchart-datalet.html
+++ b/datalets/columnchart-datalet/columnchart-datalet.html
@@ -49,7 +49,7 @@ Example:
              *
              * @method transformData
              */
-            transformData: function(){
+            presentData: function(){
                 $(this._component.$.charts.$.container).highcharts({
                     chart: {
                         type: 'column',
diff --git a/datalets/datatable-datalet/datatable-datalet.html b/datalets/datatable-datalet/datatable-datalet.html
index 5594455..be7d033 100755
--- a/datalets/datatable-datalet/datatable-datalet.html
+++ b/datalets/datatable-datalet/datatable-datalet.html
@@ -32,7 +32,7 @@ Example
     <script>
         var DatatableBehavior = {
 
-            transformData: function(){
+            presentData: function(){
                 if(!this.data || this.data == undefined) return;
                 html = "";
                 html += '<thead>'+
diff --git a/datalets/highcharts-datalet/highcharts-datalet.html b/datalets/highcharts-datalet/highcharts-datalet.html
index 27150ab..c9d26de 100755
--- a/datalets/highcharts-datalet/highcharts-datalet.html
+++ b/datalets/highcharts-datalet/highcharts-datalet.html
@@ -31,7 +31,7 @@
                 }
             },
 
-            selectData: function () {
+            transformData: function () {
 
                 this.properties.categories.value = this.data[0].data;
 
diff --git a/datalets/leafletjs-datalet/leafletjs-datalet.html b/datalets/leafletjs-datalet/leafletjs-datalet.html
index 06383cc..f2a88e4 100755
--- a/datalets/leafletjs-datalet/leafletjs-datalet.html
+++ b/datalets/leafletjs-datalet/leafletjs-datalet.html
@@ -60,7 +60,7 @@ Example:
              *
              * @method transformData
              */
-            transformData: function(){
+            presentData: function(){
             	            	             
 				var coordinates = [];
 				//var keys = Object.keys(this.properties.data.value[0]);
diff --git a/datalets/linechart-datalet/linechart-datalet.html b/datalets/linechart-datalet/linechart-datalet.html
index 2227b3a..0aaf256 100755
--- a/datalets/linechart-datalet/linechart-datalet.html
+++ b/datalets/linechart-datalet/linechart-datalet.html
@@ -49,7 +49,7 @@ Example:
              *
              * @method transformData
              */
-            transformData: function(){
+            presentData: function(){
 
                 $(this._component.$.charts.$.container).highcharts({
                     title: {
diff --git a/datalets/treemap-datalet/treemap-datalet.html b/datalets/treemap-datalet/treemap-datalet.html
index c4e5f58..a9d1e66 100755
--- a/datalets/treemap-datalet/treemap-datalet.html
+++ b/datalets/treemap-datalet/treemap-datalet.html
@@ -88,11 +88,13 @@ THE SOFTWARE.
     <script>
 
         var TreemapBehavior = {
+
             map : {
                 name : "Expenses",
                 children : []
             },
-            selectData: function(e)
+
+            transformData: function(e)
             {
                 var treemapData = [];
 
@@ -117,8 +119,11 @@ THE SOFTWARE.
                 for(var i = 0; i < treemapData.length; i++){
                     this.checkAggragationField(treemapData[i], this._component.fields.length , this._component.fields.length - 1);
                 }
+
                 var json = JSON.stringify(this.map);
+
             },
+
             findChild: function(child, category){
                 var children = child.children;
                 for (var i=0; i<children.length; i++) {
@@ -129,6 +134,7 @@ THE SOFTWARE.
                 children.push(nchild);
                 return nchild;
             },
+
             checkAggragationField: function(object, levels, value_index){
                 var curchild = this.map;
                 var keys = Object.keys(object);
@@ -145,7 +151,8 @@ THE SOFTWARE.
                 curchild.children = null;
                 curchild.value = value;
             },
-            transformData: function(){
+
+            presentData: function(){
                 build(this.map, "treemap_placeholder");
             }
         };