diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 0000000..607b884
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,3 @@
+tasks:
+  - init: 'echo "TODO: Replace with init/build command"'
+    command: index.html
diff --git a/.theia/launch.json b/.theia/launch.json
new file mode 100644
index 0000000..a2ea02c
--- /dev/null
+++ b/.theia/launch.json
@@ -0,0 +1,6 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  "version": "0.2.0",
+  "configurations": []
+}
diff --git a/.theia/settings.json b/.theia/settings.json
new file mode 100644
index 0000000..65144e2
--- /dev/null
+++ b/.theia/settings.json
@@ -0,0 +1,3 @@
+{
+    "editor.autoSave": "off"
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index a962ad4..3a59a93 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
+
 # viewzavr-cinema
 Viewzavr-based CinemaScience 3d viewer and it's components.
 A successor of https://github.com/pavelvasev/38parrots
@@ -10,6 +11,10 @@ A successor of https://github.com/pavelvasev/38parrots
 
 https://viewlang.ru/viewzavr-apps/vr-cinema/
 
+# edit online
+
+[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/viewzavr/vr-cinema)
+
 # copyright
 
 The presented approach for 3d scene description is developed in Computer visualization lab 
diff --git a/app.js b/app.js
index 4bffdf2..5b087d4 100644
--- a/app.js
+++ b/app.js
@@ -1,5 +1,7 @@
 import { default as setup_cinema, create_cinema } from "./src/cinema-viewzavr.js";
 
+setup_cinema(vz);
+
 var ci = create_cinema( vz,{} );
 ci.setParam("file","./examples/_tutorial/0-points-fly.cdb/data.csv");
 
diff --git a/src/cinema.js b/src/cinema.js
index b287246..c6b180a 100644
--- a/src/cinema.js
+++ b/src/cinema.js
@@ -73,11 +73,11 @@ export default function cinema() {
     return [nearest_i,nearest_dist,nearest_i2,nearest_dist2];
   }
 
-  function distf( request, dataobj, i ) {
+  function distf( request, dataframe, i ) {
     var diff = 0;
     Object.keys(request).forEach( function(name) {
         var reqval = request[name];
-        var datval = (obj.data[ name ] || [])[i];
+        var datval = (dataframe[ name ] || [])[i];
         if (datval === undefined || reqval === undefined) {
           
         }
@@ -91,11 +91,11 @@ export default function cinema() {
   
 //////////////////////  
   // is request is less than dataobj value?
-  function lessf( request, dataobj, i ) {
+  function lessf( request, dataframe, i ) {
     var lesscount = 0;
     Object.keys(request).forEach( function(name) {
         var reqval = request[name];
-        var datval = (obj.data[ name ] || [])[i];
+        var datval = (dataframe[ name ] || [])[i];
         if (datval === undefined || reqval === undefined) {
         }
         else