Add Different category subsection

index.html

@@ -41,7 +41,7 @@ <h2>Load data</h2>
   </p>
 
   <p>
-    <input type="button" class="btn btn-success" value="load data" onclick="document.editor.textbox.value+='\n' + loadData.innerHTML" />
+    <input type="button" class="btn btn-success" value="load data" onclick="document.editor.textbox.value+=loadData" />
   </p>
 
 <hr />
@@ -136,11 +136,11 @@ <h2>Correlation between columns</h2>
 </p>
 
 <p>
-  <input type="button" class="btn btn-primary" value="corr" onclick="document.editor.textbox.value+=document.editor.variable.value === '' ? alert('Please enter a variable name in the \'Load data\' section.') || '' : document.editor.correlation.value === '' ? '\n' + document.editor.variable.value + '.' + this.value + '()' : '\n' + document.editor.correlation.value + ' = ' + document.editor.variable.value + '.' + this.value + '()'" />
-  <input type="button" class="btn btn-primary" value="figure" onclick="document.editor.textbox.value+=document.editor.figure.value === '' ? alert('Please enter a name in the figure field.') || '' : '\n' + document.editor.figure.value + ' = plt.' + this.value + '(figsize=(8,8))'" />
+  <input type="button" class="btn btn-primary" value="corr" onclick="document.editor.textbox.value+=document.editor.variable.value === '' ? alert('Please enter a variable name in the \'variable\' field, in the \'Load data\' section.') || '' : document.editor.correlation.value === '' ? '\n' + document.editor.variable.value + '.' + this.value + '()' : '\n' + document.editor.correlation.value + ' = ' + document.editor.variable.value + '.' + this.value + '()'" />
+  <input type="button" class="btn btn-primary" value="figure" onclick="document.editor.textbox.value+=document.editor.figure.value === '' ? alert('Please enter a name in the \'figure\' field, in the \'Correlation between columns\' section.') || '' : '\n' + document.editor.figure.value + ' = plt.' + this.value + '(figsize=(8,8))'" />
   <input type="button" class="btn btn-primary" value="matshow" onclick="matshow(this.value)" />
-  <input type="button" class="btn btn-primary" value="x ticks" onclick="document.editor.textbox.value+=document.editor.correlation.value === '' ? alert('Please enter a name in the correlation field.') || '' : '\nplt.' + this.value.replace(' ', '') + '(range(len(' + document.editor.correlation.value + '.columns)), ' + document.editor.correlation.value + '.columns, rotation=\'vertical\')'" />
-  <input type="button" class="btn btn-primary" value="y ticks" onclick="document.editor.textbox.value+=document.editor.correlation.value === '' ? alert('Please enter a name in the correlation field.') || '' : '\nplt.' + this.value.replace(' ', '') + '(range(len(' + document.editor.correlation.value + '.columns)), ' + document.editor.correlation.value + '.columns)'" />
+  <input type="button" class="btn btn-primary" value="x ticks" onclick="document.editor.textbox.value+=document.editor.correlation.value === '' ? alert('Please enter a name in the \'figure\' field, in the \'Correlation between columns\' section.') || '' : '\nplt.' + this.value.replace(' ', '') + '(range(len(' + document.editor.correlation.value + '.columns)), ' + document.editor.correlation.value + '.columns, rotation=\'vertical\')'" />
+  <input type="button" class="btn btn-primary" value="y ticks" onclick="document.editor.textbox.value+=document.editor.correlation.value === '' ? alert('Please enter a name in the \'correlation\' field, in the \'Correlation between columns\' section.') || '' : '\nplt.' + this.value.replace(' ', '') + '(range(len(' + document.editor.correlation.value + '.columns)), ' + document.editor.correlation.value + '.columns)'" />
 </p>
 
 <p>
@@ -151,7 +151,7 @@ <h2>Correlation between columns</h2>
 
 <p>
   <input type="button" class="btn btn-primary" value="box" onclick="box(); analysis=this.value" />
-  <input type="button" class="btn btn-primary" value="boxplot cols" onclick="document.editor.textbox.value+=document.editor.boxplotCats.value === '' ? alert('Please enter some comma separated categories.') || '' : '\n' + this.value.replace(' ', '_') + ' = [' + document.editor.boxplotCats.value.split(',').map(el => `'${el.replace(' ', '')}'`).join().replaceAll(',', ', ') + ']'; document.editor.boxplotCats.value=''; analysis=this.value" />
+  <input type="button" class="btn btn-primary" value="boxplot cols" onclick="document.editor.textbox.value+=document.editor.boxplotCats.value === '' ? alert('Please enter some comma separated categories in the \'boxplot categories\' field, in the \'Correlation between columns\' section.') || '' : '\n' + this.value.replace(' ', '_') + ' = [' + document.editor.boxplotCats.value.split(',').map(el => `'${el.replace(' ', '')}'`).join().replaceAll(',', ', ') + ']'; document.editor.boxplotCats.value=''; analysis=this.value" />
   <input class="btn" name="boxplotCats" id="plots" placeholder="boxplot catergories" size="12" type="textfield" />
 </p>
 
@@ -235,28 +235,20 @@ <h3>Same category</h3>
   <input type="button" class="btn btn-column" value="number of records (double)" onclick="numberSelectionDoubleSame();" />
 </p>
 
-  <textarea id="load-data" class="hide">
-conn = sqlite3.connect('data/sakila.db')
-
-df = pd.read_sql('''
-    SELECT
-        rental.rental_id, rental.rental_date, rental.return_date,
-        customer.last_name AS customer_lastname,
-        store.store_id,
-        city.city AS rental_store_city,
-        film.title AS film_title, film.rental_duration AS film_rental_duration,
-        film.rental_rate AS film_rental_rate, film.replacement_cost AS film_replacement_cost,
-        film.rating AS film_rating
-    FROM rental
-    INNER JOIN customer ON rental.customer_id == customer.customer_id
-    INNER JOIN inventory ON rental.inventory_id == inventory.inventory_id
-    INNER JOIN store ON inventory.store_id == store.store_id
-    INNER JOIN address ON store.address_id == address.address_id
-    INNER JOIN city ON address.city_id == city.city_id
-    INNER JOIN film ON inventory.film_id == film.film_id
-    ;
-''', conn, index_col='rental_id', parse_dates=['rental_date', 'return_date'])
-  </textarea>
+<p>
+  <h3>Different category</h3>
+  <input type="button" class="btn btn-column" value="number of records (double)" onclick="numberSelectionDoubleDiff();" />
+  <input type="button" class="btn btn-column" value="number of records (double) is in" onclick="numberSelectionDoubleDiffIsIn();" />
+</p>
+
+<p>
+  <input class="btn" name="groupA" id="groupA" placeholder="group A" size="10" type="textfield" />
+  <select id="selectionGrouping" name="selectionGrouping">
+    <option value="&">and</option>
+    <option value="|">or</option>
+  </select>
+  <input class="btn" name="groupB" id="groupB" placeholder="group B" size="10" type="textfield" />
+</p>
 
 </div>
           </td>