diff --git a/beaker-notebooks/Embedding.bkr b/beaker-notebooks/Embedding.bkr
index 82b32f188fe21ac81a567058141da9f5d4082803..735bc52dc2268639356655c4e4ecf10c8ba43843 100644
--- a/beaker-notebooks/Embedding.bkr
+++ b/beaker-notebooks/Embedding.bkr
@@ -411,7 +411,7 @@
                     "      <div class=\"lasso_form_group\">",
                     "        <p class=\"lasso_selection_description\"><b>Embedding methods:</b> </p>",
                     "        <div id='embed_method_selector'>",
-                    "          <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio1\" value=\"pca\" CHECKED>  Principal Compenent Analysis (PCA) [<a href=\"https://en.wikipedia.org/wiki/Principal_component_analysis\" target=\"_blank\">more info</a>]</label>",
+                    "          <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio1\" value=\"pca\" CHECKED>  Principal Component Analysis (PCA) [<a href=\"https://en.wikipedia.org/wiki/Principal_component_analysis\" target=\"_blank\">more info</a>]</label>",
                     "          <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio2\" value=\"mds\"> Multidimensional scaling (MDS) [<a href=\"https://en.wikipedia.org/wiki/Multidimensional_scaling\" target=\"_blank\">more info</a>]</label>",
                     "          <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio3\" value=\"tsne_pca\"> t-Distributed Stochastic Neighbor Embedding (t-SNE) [<a href=\"https://en.wikipedia.org/wiki/T-distributed_stochastic_neighbor_embedding\" target=\"_blank\">more info</a>]</label>",
                     "        </div>         ",
@@ -446,9 +446,9 @@
                 "result": {
                     "type": "BeakerDisplay",
                     "innertype": "Html",
-                    "object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<script>\nvar run_lasso = function() {\n  $(\"#lasso_result_button\").removeClass(\"active\").addClass(\"disabled\");\n  getFeatures();\n  getEmbedMethod();\n  getStandardize();\n  getUnits();\n  beaker.evaluate(\"lasso_cell\"); // evaluate cells with tag \"lasso_cell\"\n // view_result()\n};\nvar reset_lasso = function(){\n  beaker.evaluate(\"lasso_gui\");\n};\nvar getFeatures = function() {\n    beaker.selected_feature_list = [];\n    $('#lasso_features_select input:checkbox').each(function () {\n        if(this.checked )\n          beaker.selected_feature_list.push(this.value);\n    });\n};\n  \nvar getUnits = function() {\n   beaker.units = $(\"#units_select\").val();\n};\n  \nvar getEmbedMethod = function() {\n   beaker.embed_method = \"pca\";\n   $('#embed_method_selector input:radio').each(function () {\n     if(this.checked )\n       beaker.embed_method = this.value;\n   });\n};\n  \nvar getStandardize = function() {\n   beaker.standardize = \"yes\";\n   $('#standardize input:radio').each(function () {\n     if(this.checked )\n       beaker.standardize = this.value;\n   });\n};\n  \nbeaker.view_result = function(result_link) {\n//   beaker.evaluate(\"lasso_viewer_result\").then(function(x) {\n    $(\"#lasso_result_button\").attr(\"href\", result_link);\n//   }); \n  $(\"#lasso_result_button\").removeClass(\"disabled\").addClass(\"active\");\n}\n</script>\n<style type=\"text/css\">\n  label {\n    font-size: 18px;\n  }\n .lasso_control{\n    font-size: 18px;\n  }   \n.lasso_form_group input {\n    width: 15px;\n    height: 15px;\n    padding: 0;\n    margin:0;\n    padding-right:5px; \n    vertical-align: bottom;\n    top: -1px;\n} \n .lasso_selection_description{\n        padding: 10px 15px;\n  }\n</style>\n<div class=\"lasso_control\">\n  <div class=\"row\">\n    <p class=\"lasso_selection_description\"><b>Primary features </b>\n  (hover the mouse pointer over the feature names to see a full description):</p>\n    <form id=\"lasso_features_select\">\n      <div class=\"lasso_form_group\">\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_ionization_potential\" checked=\"\" type=\"checkbox\"> <span title=\"Atomic ionization potential\"><i>IP</i> </span></label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_electron_affinity\" checked=\"\" type=\"checkbox\"> <span title=\"Atomic electron affinity\"> <i>EA</i></span></label>\n          <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_homo\" type=\"checkbox\"> <span title=\"Energy of highest occupied molecular orbital\"><i>E</i> <sub>HOMO</sub></span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-2\"> <input value=\"atomic_lumo\" type=\"checkbox\"> <span title=\"Energy of lowest unoccupied molecular orbital\"> <i>E</i> <sub>LUMO</sub>  </span> </label>\n        \n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rs_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence s orbital is maximum\"> <i>r</i><sub>s</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rp_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence p orbital is maximum\"> <i>r</i><sub>p</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rd_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence d orbital is maximum\"> <i>r</i><sub>d</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_number\" type=\"checkbox\"> <span title=\"Atomic number\"> <i>Z</i>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_number_valence_electrons\" type=\"checkbox\"> <span title=\"Number of valence electrons\"> <i>Z</i><sub>val</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"period\" type=\"checkbox\"> <span title=\"Period (in the periodic table)\"> <i>n</i> <sub>period</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_r_by_2_dimer\" type=\"checkbox\"> <span title=\"Bond length of the dimer\"> <i>d</i> <sub>dimer</sub> </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_electronic_binding_energy_dimer\" type=\"checkbox\"> <span title=\"Binding energy of the dimer\"> <i>E</i> <sub>b</sub> </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_homo_lumo_diff\" type=\"checkbox\"> <span title=\"HOMO-LUMO gap of the dimer\"> Δ<i>E</i><sub>HL</sub>  </span> </label>\n        \n<!---              <label class =\"col-xs-4 col-md-4 col-lg-3\"> <input type=\"checkbox\" value=\"Es/sqrt(Zval)\"  > \n         <span title=\"Energy of the valence s orbital(s) divided by the square root of the number of valence electrons. [Phys. Rev. B 85, 104104 (2012)]\"> <i>E</i><sub>s</sub>/sqrt(<i>Z</i> <sub>val</sub>) </span> </label>\n         <label class =\"col-xs-4 col-md-4 col-lg-3\"> <input type=\"checkbox\" value=\"Ep/sqrt(Zval)\"  > \n         <span title=\"Energy of the valence p orbital(s) divided by the square root of the number of valence electrons. [Phys. Rev. B 85, 104104 (2012)]\"> <i>E</i><sub>p</sub>/sqrt(<i>Z</i> <sub>val</sub>) </span> </label>\n-->      \n      </div>\n    </form>\n  </div>  <!-- End of row-->\n    \n  <br>\n    <div class=\"row\"> <!-- Start of row-->\n  <p class=\"lasso_selection_description\"><b>Units of measurement: </b> \n  <select id=\"units_select\">\n    <option value=\"eV_angstrom\"> [energy]=eV;&nbsp;&nbsp;[length]=angstrom</option>\n    <option value=\"J_m\"> [energy]=J;&nbsp;&nbsp;[length]=m</option>\n    <option value=\"kcal/mol_angstrom\"> [energy]=kcal/mol;&nbsp;&nbsp;[length]=angstrom</option>\n  </select> </p>\n  </div><!-- End of row-->\n  \n  <br>\n  <div class=\"row\"> <!-- Start of second row-->\n      <div class=\"lasso_form_group\">\n        <p class=\"lasso_selection_description\"><b>Embedding methods:</b> </p>\n        <div id=\"embed_method_selector\">\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio1\" value=\"pca\" checked=\"\" type=\"radio\">  Principal Compenent Analysis (PCA) [<a href=\"https://en.wikipedia.org/wiki/Principal_component_analysis\" target=\"_blank\">more info</a>]</label>\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio2\" value=\"mds\" type=\"radio\"> Multidimensional scaling (MDS) [<a href=\"https://en.wikipedia.org/wiki/Multidimensional_scaling\" target=\"_blank\">more info</a>]</label>\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio3\" value=\"tsne_pca\" type=\"radio\"> t-Distributed Stochastic Neighbor Embedding (t-SNE) [<a href=\"https://en.wikipedia.org/wiki/T-distributed_stochastic_neighbor_embedding\" target=\"_blank\">more info</a>]</label>\n        </div>         \n      </div>\n  </div><!-- End of row-->  \n    <div class=\"row\"> <!-- Start of second row-->\n      <div class=\"lasso_form_group\">\n        <p class=\"lasso_selection_description\"><b>Scale data to unit-variance:</b>\n        (data are centered around the mean in any case) [<a href=\"https://en.wikipedia.org/wiki/Feature_scaling\" target=\"_blank\">more info</a>]</p>\n        <div id=\"standardize\">\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptionsStandardize\" id=\"inlineRadio4\" value=\"True\" checked=\"\" type=\"radio\"> yes </label>\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptionsStandardize\" id=\"inlineRadio5\" value=\"False\" type=\"radio\"> no </label>\n        </div>         \n      </div>\n  </div><!-- End of row-->  \n  <br>\n\n<!-- <span title=''> <img src=\"http://images.clipartpanda.com/question-purzen_Icon_with_question_mark_Vector_Clipart.png\" style=\"height: 30px; width: 30px;\"> </span> -->\n  <button class=\"btn btn-default\" onclick=\"run_lasso()\">RUN TWO-DIMENSIONAL EMBEDDING</button>\n  <button class=\"btn btn-default\" onclick=\"reset_lasso()\">RESET</button>\n  <label title=\"This button becomes active when the run is finished. By clicking it, an interactive structural-similarity plot will be opened\"> <a href=\"#\" target=\"_blank\" class=\"btn btn-primary disabled\" id=\"lasso_result_button\">View interactive 2D scatter plot</a> </label>\n</div> <!-- End of lasso_control -->\n"
+                    "object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<script>\nvar run_lasso = function() {\n  $(\"#lasso_result_button\").removeClass(\"active\").addClass(\"disabled\");\n  getFeatures();\n  getEmbedMethod();\n  getStandardize();\n  getUnits();\n  beaker.evaluate(\"lasso_cell\"); // evaluate cells with tag \"lasso_cell\"\n // view_result()\n};\nvar reset_lasso = function(){\n  beaker.evaluate(\"lasso_gui\");\n};\nvar getFeatures = function() {\n    beaker.selected_feature_list = [];\n    $('#lasso_features_select input:checkbox').each(function () {\n        if(this.checked )\n          beaker.selected_feature_list.push(this.value);\n    });\n};\n  \nvar getUnits = function() {\n   beaker.units = $(\"#units_select\").val();\n};\n  \nvar getEmbedMethod = function() {\n   beaker.embed_method = \"pca\";\n   $('#embed_method_selector input:radio').each(function () {\n     if(this.checked )\n       beaker.embed_method = this.value;\n   });\n};\n  \nvar getStandardize = function() {\n   beaker.standardize = \"yes\";\n   $('#standardize input:radio').each(function () {\n     if(this.checked )\n       beaker.standardize = this.value;\n   });\n};\n  \nbeaker.view_result = function(result_link) {\n//   beaker.evaluate(\"lasso_viewer_result\").then(function(x) {\n    $(\"#lasso_result_button\").attr(\"href\", result_link);\n//   }); \n  $(\"#lasso_result_button\").removeClass(\"disabled\").addClass(\"active\");\n}\n</script>\n<style type=\"text/css\">\n  label {\n    font-size: 18px;\n  }\n .lasso_control{\n    font-size: 18px;\n  }   \n.lasso_form_group input {\n    width: 15px;\n    height: 15px;\n    padding: 0;\n    margin:0;\n    padding-right:5px; \n    vertical-align: bottom;\n    top: -1px;\n} \n .lasso_selection_description{\n        padding: 10px 15px;\n  }\n</style>\n<div class=\"lasso_control\">\n  <div class=\"row\">\n    <p class=\"lasso_selection_description\"><b>Primary features </b>\n  (hover the mouse pointer over the feature names to see a full description):</p>\n    <form id=\"lasso_features_select\">\n      <div class=\"lasso_form_group\">\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_ionization_potential\" checked=\"\" type=\"checkbox\"> <span title=\"Atomic ionization potential\"><i>IP</i> </span></label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_electron_affinity\" checked=\"\" type=\"checkbox\"> <span title=\"Atomic electron affinity\"> <i>EA</i></span></label>\n          <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_homo\" type=\"checkbox\"> <span title=\"Energy of highest occupied molecular orbital\"><i>E</i> <sub>HOMO</sub></span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-2\"> <input value=\"atomic_lumo\" type=\"checkbox\"> <span title=\"Energy of lowest unoccupied molecular orbital\"> <i>E</i> <sub>LUMO</sub>  </span> </label>\n        \n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rs_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence s orbital is maximum\"> <i>r</i><sub>s</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rp_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence p orbital is maximum\"> <i>r</i><sub>p</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rd_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence d orbital is maximum\"> <i>r</i><sub>d</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_number\" type=\"checkbox\"> <span title=\"Atomic number\"> <i>Z</i>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_number_valence_electrons\" type=\"checkbox\"> <span title=\"Number of valence electrons\"> <i>Z</i><sub>val</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"period\" type=\"checkbox\"> <span title=\"Period (in the periodic table)\"> <i>n</i> <sub>period</sub>  </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_r_by_2_dimer\" type=\"checkbox\"> <span title=\"Bond length of the dimer\"> <i>d</i> <sub>dimer</sub> </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_electronic_binding_energy_dimer\" type=\"checkbox\"> <span title=\"Binding energy of the dimer\"> <i>E</i> <sub>b</sub> </span> </label>\n         <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_homo_lumo_diff\" type=\"checkbox\"> <span title=\"HOMO-LUMO gap of the dimer\"> Δ<i>E</i><sub>HL</sub>  </span> </label>\n        \n<!---              <label class =\"col-xs-4 col-md-4 col-lg-3\"> <input type=\"checkbox\" value=\"Es/sqrt(Zval)\"  > \n         <span title=\"Energy of the valence s orbital(s) divided by the square root of the number of valence electrons. [Phys. Rev. B 85, 104104 (2012)]\"> <i>E</i><sub>s</sub>/sqrt(<i>Z</i> <sub>val</sub>) </span> </label>\n         <label class =\"col-xs-4 col-md-4 col-lg-3\"> <input type=\"checkbox\" value=\"Ep/sqrt(Zval)\"  > \n         <span title=\"Energy of the valence p orbital(s) divided by the square root of the number of valence electrons. [Phys. Rev. B 85, 104104 (2012)]\"> <i>E</i><sub>p</sub>/sqrt(<i>Z</i> <sub>val</sub>) </span> </label>\n-->      \n      </div>\n    </form>\n  </div>  <!-- End of row-->\n    \n  <br>\n    <div class=\"row\"> <!-- Start of row-->\n  <p class=\"lasso_selection_description\"><b>Units of measurement: </b> \n  <select id=\"units_select\">\n    <option value=\"eV_angstrom\"> [energy]=eV;&nbsp;&nbsp;[length]=angstrom</option>\n    <option value=\"J_m\"> [energy]=J;&nbsp;&nbsp;[length]=m</option>\n    <option value=\"kcal/mol_angstrom\"> [energy]=kcal/mol;&nbsp;&nbsp;[length]=angstrom</option>\n  </select> </p>\n  </div><!-- End of row-->\n  \n  <br>\n  <div class=\"row\"> <!-- Start of second row-->\n      <div class=\"lasso_form_group\">\n        <p class=\"lasso_selection_description\"><b>Embedding methods:</b> </p>\n        <div id=\"embed_method_selector\">\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio1\" value=\"pca\" checked=\"\" type=\"radio\">  Principal Component Analysis (PCA) [<a href=\"https://en.wikipedia.org/wiki/Principal_component_analysis\" target=\"_blank\">more info</a>]</label>\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio2\" value=\"mds\" type=\"radio\"> Multidimensional scaling (MDS) [<a href=\"https://en.wikipedia.org/wiki/Multidimensional_scaling\" target=\"_blank\">more info</a>]</label>\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio3\" value=\"tsne_pca\" type=\"radio\"> t-Distributed Stochastic Neighbor Embedding (t-SNE) [<a href=\"https://en.wikipedia.org/wiki/T-distributed_stochastic_neighbor_embedding\" target=\"_blank\">more info</a>]</label>\n        </div>         \n      </div>\n  </div><!-- End of row-->  \n    <div class=\"row\"> <!-- Start of second row-->\n      <div class=\"lasso_form_group\">\n        <p class=\"lasso_selection_description\"><b>Scale data to unit-variance:</b>\n        (data are centered around the mean in any case) [<a href=\"https://en.wikipedia.org/wiki/Feature_scaling\" target=\"_blank\">more info</a>]</p>\n        <div id=\"standardize\">\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptionsStandardize\" id=\"inlineRadio4\" value=\"True\" checked=\"\" type=\"radio\"> yes </label>\n          <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptionsStandardize\" id=\"inlineRadio5\" value=\"False\" type=\"radio\"> no </label>\n        </div>         \n      </div>\n  </div><!-- End of row-->  \n  <br>\n\n<!-- <span title=''> <img src=\"http://images.clipartpanda.com/question-purzen_Icon_with_question_mark_Vector_Clipart.png\" style=\"height: 30px; width: 30px;\"> </span> -->\n  <button class=\"btn btn-default\" onclick=\"run_lasso()\">RUN TWO-DIMENSIONAL EMBEDDING</button>\n  <button class=\"btn btn-default\" onclick=\"reset_lasso()\">RESET</button>\n  <label title=\"This button becomes active when the run is finished. By clicking it, an interactive structural-similarity plot will be opened\"> <a href=\"#\" target=\"_blank\" class=\"btn btn-primary disabled\" id=\"lasso_result_button\">View interactive 2D scatter plot</a> </label>\n</div> <!-- End of lasso_control -->\n"
                 },
-                "height": 591
+                "height": 609
             },
             "evaluatorReader": true,
             "lineCount": 137
diff --git a/beaker-notebooks/sis_cscl.bkr b/beaker-notebooks/sis_cscl.bkr
index 20b369d37403f00f9f449fd7f0137a05a09e53a9..52d3050fc7c98448687a12fa4b644e828af1f553 100644
--- a/beaker-notebooks/sis_cscl.bkr
+++ b/beaker-notebooks/sis_cscl.bkr
@@ -128,7 +128,7 @@
                 "result": {
                     "type": "BeakerDisplay",
                     "innertype": "Html",
-                    "object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<div id=\"teaser\" style=\"background-color: rgba(149,170,79, 1.0); background-position:  right center; background-size: 200px; background-repeat: no-repeat; \n    padding-top: 20px;\n    padding-right: 10px;\n    padding-bottom: 50px;\n    padding-left: 80px;\"> \n\n  <div class=\"nomad--header\">\n   <div style=\"text-align:center\">\n    <h2> <img id=\"nomad\" src=\"https://nomad-coe.eu/uploads/nomad/images/NOMAD_Logo2.png\" alt=\"NOMAD Logo\" height=\"100\">  NOMAD Analytics Toolkit   \n  <img id=\"nomad\" src=\"https://www.nomad-coe.eu/uploads/nomad/backgrounds/head_big-data_analytics_2.png\" alt=\"NOMAD Logo\" height=\"80\"> </h2>\n  </div>\n    <h3>Predicting energy differences between crystal structures: (Meta-)stability of octet-binary compounds</h3>\n    <p class=\"nomad--description\">\n      created by:\n Angelo Ziletti<sup> 1</sup>,\n Emre Ahmetcik<sup>1</sup>,\n Runhai Ouyang<sup>1</sup>,\n Ankit Kariryaa<sup>1</sup>, \n Fawzi R. Mohamed<sup>1</sup>,\n Luca Ghiringhelli<sup>1</sup>,\n and Matthias Scheffler<sup>1</sup> <br><br>\n   \n      <sup>1</sup> Fritz Haber Institute of the Max Planck Society, Faradayweg 4-6, D-14195 Berlin, Germany <br>\n      <span class=\"nomad--last-updated\" data-version=\"v1.0.0\">[Last updated: May 10, 2017]</span>\n    </p>\n</div>\n\n</div>  \n\n<div style=\"text-align: right;\">\n<a href=\"https://analytics-toolkit.nomad-coe.eu/home/\" class=\"btn btn-primary\" style=\"font-size:larger;\">Back to Analytics Home</a> \n<a href=\"https://www.nomad-coe.eu/\" class=\"btn btn-primary\" style=\"font-size:larger;\">Back to NOMAD CoE Home</a> \n</div>\n"
+                    "object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<div id=\"teaser\" style=\"background-color: rgba(149,170,79, 1.0); background-position:  right center; background-size: 200px; background-repeat: no-repeat; \n    padding-top: 20px;\n    padding-right: 10px;\n    padding-bottom: 50px;\n    padding-left: 80px;\"> \n\n  <div class=\"nomad--header\">\n   <div style=\"text-align:center\">\n    <h2> <img id=\"nomad\" src=\"https://nomad-coe.eu/uploads/nomad/images/NOMAD_Logo2.png\" alt=\"NOMAD Logo\" height=\"100\">  NOMAD Analytics Toolkit   \n  <img id=\"nomad\" src=\"https://www.nomad-coe.eu/uploads/nomad/backgrounds/head_big-data_analytics_2.png\" alt=\"NOMAD Logo\" height=\"80\"> </h2>\n  </div>\n    <h3>Predicting energy differences between crystal structures: (Meta-)stability of octet-binary compounds</h3>\n    <p class=\"nomad--description\">\n      created by:\n Angelo Ziletti<sup> 1</sup>,\n Emre Ahmetcik<sup>1</sup>,\n Runhai Ouyang<sup>1</sup>,\n Ankit Kariryaa<sup>1</sup>, \n Fawzi R. Mohamed<sup>1</sup>,\n Luca Ghiringhelli<sup>1</sup>,\n and Matthias Scheffler<sup>1</sup> <br><br>\n   \n      <sup>1</sup> Fritz Haber Institute of the Max Planck Society, Faradayweg 4-6, D-14195 Berlin, Germany <br>\n      <span class=\"nomad--last-updated\" data-version=\"v1.0.0\">[Last updated: May 12, 2017]</span>\n    </p>\n</div>\n\n</div>  \n\n<div style=\"text-align: right;\">\n<a href=\"https://analytics-toolkit.nomad-coe.eu/home/\" class=\"btn btn-primary\" style=\"font-size:larger;\">Back to Analytics Home</a> \n<a href=\"https://www.nomad-coe.eu/\" class=\"btn btn-primary\" style=\"font-size:larger;\">Back to NOMAD CoE Home</a> \n</div>\n"
                 },
                 "selectedType": "BeakerDisplay",
                 "elapsedTime": 0,
@@ -327,6 +327,86 @@
             "evaluatorReader": true,
             "lineCount": 147
         },
+        {
+            "id": "codePjdM5h",
+            "type": "code",
+            "evaluator": "HTML",
+            "input": {
+                "body": [
+                    "<script>",
+                    "var run_lasso = function() {",
+                    "  $(\"#lasso_result_button\").removeClass(\"active\").addClass(\"disabled\");",
+                    "  getFeatures();",
+                    "  getOperators();",
+                    "  getMaxDim();",
+                    "  getUnits();",
+                    "  beaker.evaluate(\"calc_cell\"); // evaluate cells with tag \"calc_cell\"",
+                    " // view_result()",
+                    "};",
+                    "var reset_lasso = function(){",
+                    "  beaker.evaluate(\"lasso-settings-cell\");",
+                    "  var e = document.getElementById('lasso-hidden-settings-div');",
+                    "  var b = document.getElementById('lasso-hidden-settings-button');",
+                    "  e.style.display = 'block';",
+                    "  b.style.display = 'inline';",
+                    "};",
+                    "var getFeatures = function() {",
+                    "    beaker.selected_feature_list = [];",
+                    "    $('#lasso_features_select input:checkbox').each(function () {",
+                    "        if(this.checked )",
+                    "          beaker.selected_feature_list.push(this.value);",
+                    "    });",
+                    "};",
+                    "var getOperators = function() {",
+                    "    beaker.allowed_operations = [];",
+                    "    $('#lasso_operators_select input:checkbox').each(function () {",
+                    "        if(this.checked )",
+                    "          beaker.allowed_operations.push(this.value);",
+                    "    });",
+                    "};  ",
+                    "var getMaxDim = function() {",
+                    "   beaker.max_dim = $(\"#lasso_max_dim_selector\").val();",
+                    "};",
+                    "  ",
+                    "var getUnits = function() {",
+                    "   beaker.units = $(\"#units_select\").val();",
+                    "};",
+                    "var toggle_settings = function(){",
+                    "  var e = document.getElementById('lasso-hidden-settings-div');",
+                    "  var b = document.getElementById('lasso-hidden-settings-button');",
+                    "  if(e.style.display == 'block'){",
+                    "    e.style.display = 'none';",
+                    "    b.style.display = 'none';",
+                    "  }",
+                    "  else{",
+                    "    e.style.display = 'block';",
+                    "    b.style.display = 'inline';",
+                    "  }",
+                    "};",
+                    "beaker.view_result = function(result_link) {",
+                    "//   beaker.evaluate(\"lasso_viewer_result\").then(function(x) {",
+                    "    $(\"#lasso_result_button\").attr(\"href\", result_link);",
+                    "//   }); ",
+                    "  $(\"#lasso_result_button\").removeClass(\"disabled\").addClass(\"active\");",
+                    "}",
+                    "</script>"
+                ],
+                "hidden": true
+            },
+            "output": {
+                "state": {},
+                "result": {
+                    "type": "BeakerDisplay",
+                    "innertype": "Html",
+                    "object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<script>\nvar run_lasso = function() {\n  $(\"#lasso_result_button\").removeClass(\"active\").addClass(\"disabled\");\n  getFeatures();\n  getOperators();\n  getMaxDim();\n  getUnits();\n  beaker.evaluate(\"calc_cell\"); // evaluate cells with tag \"calc_cell\"\n // view_result()\n};\nvar reset_lasso = function(){\n  beaker.evaluate(\"lasso-settings-cell\");\n  var e = document.getElementById('lasso-hidden-settings-div');\n  var b = document.getElementById('lasso-hidden-settings-button');\n  e.style.display = 'block';\n  b.style.display = 'inline';\n};\nvar getFeatures = function() {\n    beaker.selected_feature_list = [];\n    $('#lasso_features_select input:checkbox').each(function () {\n        if(this.checked )\n          beaker.selected_feature_list.push(this.value);\n    });\n};\nvar getOperators = function() {\n    beaker.allowed_operations = [];\n    $('#lasso_operators_select input:checkbox').each(function () {\n        if(this.checked )\n          beaker.allowed_operations.push(this.value);\n    });\n};  \nvar getMaxDim = function() {\n   beaker.max_dim = $(\"#lasso_max_dim_selector\").val();\n};\n  \nvar getUnits = function() {\n   beaker.units = $(\"#units_select\").val();\n};\nvar toggle_settings = function(){\n  var e = document.getElementById('lasso-hidden-settings-div');\n  var b = document.getElementById('lasso-hidden-settings-button');\n  if(e.style.display == 'block'){\n    e.style.display = 'none';\n    b.style.display = 'none';\n  }\n  else{\n    e.style.display = 'block';\n    b.style.display = 'inline';\n  }\n};\nbeaker.view_result = function(result_link) {\n//   beaker.evaluate(\"lasso_viewer_result\").then(function(x) {\n    $(\"#lasso_result_button\").attr(\"href\", result_link);\n//   }); \n  $(\"#lasso_result_button\").removeClass(\"disabled\").addClass(\"active\");\n}\n</script>"
+                },
+                "selectedType": "BeakerDisplay",
+                "elapsedTime": 0,
+                "height": 50
+            },
+            "evaluatorReader": true,
+            "lineCount": 57
+        },
         {
             "id": "lasso-settings-cell",
             "type": "code",
@@ -461,7 +541,8 @@
                     "dimensions of the optimized descriptor will be opened\"> ",
                     "<a href=\"#\" target=\"_blank\" class=\"btn btn-primary disabled\" style=\"font-size:larger;\" id=\"lasso_result_button\" >View interactive 2D scatter plot</a> </label>",
                     "  </div>"
-                ]
+                ],
+                "hidden": true
             },
             "output": {
                 "state": {},
@@ -596,10 +677,10 @@
             },
             "output": {
                 "state": {},
-                "selectedType": "Hidden",
+                "selectedType": "BeakerDisplay",
                 "pluginName": "IPython",
-                "shellId": "9EB237413B384A55AB6DDFB2F76F1D1A",
-                "elapsedTime": 681
+                "shellId": "36A530561FB7403AA6DF3BF15A08831E",
+                "elapsedTime": 1063
             },
             "evaluatorReader": true,
             "lineCount": 81,
@@ -1045,8 +1126,8 @@
                 "state": {},
                 "selectedType": "Hidden",
                 "pluginName": "IPython",
-                "shellId": "9EB237413B384A55AB6DDFB2F76F1D1A",
-                "elapsedTime": 483
+                "shellId": "36A530561FB7403AA6DF3BF15A08831E",
+                "elapsedTime": 526
             },
             "evaluatorReader": true,
             "lineCount": 427,
@@ -1154,8 +1235,8 @@
                 "state": {},
                 "selectedType": "Results",
                 "pluginName": "IPython",
-                "shellId": "9EB237413B384A55AB6DDFB2F76F1D1A",
-                "elapsedTime": 14948,
+                "shellId": "36A530561FB7403AA6DF3BF15A08831E",
+                "elapsedTime": 39196,
                 "height": 1206
             },
             "evaluatorReader": true,
@@ -1181,10 +1262,10 @@
             },
             "output": {
                 "state": {},
-                "selectedType": "Results",
+                "selectedType": "BeakerDisplay",
                 "pluginName": "IPython",
-                "shellId": "9EB237413B384A55AB6DDFB2F76F1D1A",
-                "elapsedTime": 1176,
+                "shellId": "36A530561FB7403AA6DF3BF15A08831E",
+                "elapsedTime": 91328,
                 "height": 56
             },
             "evaluatorReader": true,
@@ -1219,7 +1300,7 @@
             },
             "output": {
                 "state": {},
-                "selectedType": "Results",
+                "selectedType": "BeakerDisplay",
                 "height": 56,
                 "pluginName": "IPython",
                 "shellId": "9EB237413B384A55AB6DDFB2F76F1D1A",