add vizualization of plot

Author: steveoni

notebookjs/src/public/javascripts/index.js

@@ -14,16 +14,18 @@ let vars_in_scope = {
 
 function exec_cell(id, count) {
 
+    window.current_cell = id;
     let global_scope = ("global", eval)(vars_in_scope[id].getValue())
 
     if(Array.isArray(global_scope)){
         global_scope = print_val(global_scope)
     }
-    $(`#out_${id}`).html(global_scope || "");
+    $(`#out_${id}`).html(global_scope);
 
     count = parseInt(count) + 1
     let div_count = `div-${count}`
 
+    window.current_cell = div_count
     if (!(div_count in vars_in_scope)) {
         $("#container").append(
             `<div id=${div_count} class=""></div><br />

notebookjs/src/public/javascripts/utils.js

@@ -76,4 +76,15 @@ function print_val(val){
         return data_string;
 
     }
+}
+
+function viz(name,callback){
+
+    let id = `#out_${window.current_cell}`
+    $(`${id}`).append(`<div id=${name}></div>`)
+
+    let cb =  callback(name);
+    // $("#ploty").remove(`${name}`)
+
+    return cb
 }

notebookjs/src/views/index.hbs

@@ -47,10 +47,10 @@
             </div>
             <div class="col-md-1"></div>
             <div id="out_div-1" class="col-md-10 out-divs">
-
             </div>
-        </div>
 
+        </div>
+    <div id="ploty"></div>
     </div>