Difference between revisions of "Template:Toronto/js/figures"

Line 180: Line 180:
 
// results1
 
// results1
 
var results1 = function() {
 
var results1 = function() {
−
var lightControl = {
+
var negativeControl = {
−
    x: [12, 13, 14, 15.5, 16.5, 17.5, 18.5, 20, 21, 22, 23, 24, 25],
+
x: [0, 2, 4, 6],
−
    y: [129.83, 128.24, 138.79, 176.88, 230.48, 277.72, 327.33, 390.20, 425.82, 486.02, 597.98, 742.35, 960.72],
+
y: [-0.27, -0.04, -0.01, 0.00],
−
    error_y: {
+
error_y: {
−
      type: 'data',
+
type: 'data',
−
      array: [8.81, 1.81, 11.44, 25.89, 88.77, 109.73, 130.10, 180.74, 204.12, 205.80, 239.24, 243.47, 183.55],
+
array: [0.26, 0.01, 0.00, 0.00],
−
      visible: true
+
visible: true
−
    },
+
},
−
    mode: 'lines+markers',
+
mode: 'lines+markers',
−
    name: 'Light',
+
name: 'Negative Control',
−
    line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
    type: 'scatter'
+
type: 'scatter'
−
  };
+
};
  
−
  var darkControl = {
+
var positiveControl = {
−
    x: [12, 13, 14, 15.5, 16.5, 17.5, 18.5, 20, 21, 22, 23, 24, 25],
+
x: [0, 2, 4, 6],
−
    y: [115.16, 112.05, 114.44, 129.58, 132.22, 148.81, 152.93, 229.61, 254.06, 295.24, 351.34, 421.73, 565.07],
+
y: [0.06, 0.49, 0.30, 0.27],
−
    error_y: {
+
error_y: {
−
      type: 'data',
+
type: 'data',
−
      array: [4.64, 7.26, 2.53, 2.40, 14.22, 13.21, 33.95, 60.37, 61.98, 79.71, 94.47, 128.05, 156.18],
+
array: [0.08, 0.05, 0.01, 0.01],
−
      visible: true
+
visible: true
−
    },
+
},
−
    mode: 'lines+markers',
+
mode: 'lines+markers',
−
    name: 'Dark',
+
name: 'Positive Control',
−
    line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
    type: 'scatter'
+
type: 'scatter'
−
  };
+
};
  
−
  var data = [lightControl, darkControl];
+
var testDevice1 = {
 +
x: [0, 2, 4, 6],
 +
y: [0.23, 0.67, 0.40, 0.41],
 +
error_y: {
 +
type: 'data',
 +
array: [0.18, 0.16, 0.02, 0.01],
 +
visible: true
 +
},
 +
mode: 'lines+markers',
 +
name: 'Test Device 1',
 +
line: {shape: 'spline'},
 +
type: 'scatter'
 +
};
 +
 
 +
var testDevice2 = {
 +
x: [0, 2, 4, 6],
 +
y: [0.37, 0.78, 0.49, 0.47],
 +
error_y: {
 +
type: 'data',
 +
array: [0.16, 0.09, 0.03, 0.01],
 +
visible: true
 +
},
 +
mode: 'lines+markers',
 +
name: 'Test Device 2',
 +
line: {shape: 'spline'},
 +
type: 'scatter'
 +
};
 +
 
 +
var testDevice3 = {
 +
x: [0, 2, 4, 6],
 +
y: [-0.13, -0.01, 0.00, 0.01],
 +
error_y: {
 +
type: 'data',
 +
array: [0.08, 0.01, 0.00, 0.00],
 +
visible: true
 +
},
 +
mode: 'lines+markers',
 +
name: 'Test Device 3',
 +
line: {shape: 'spline'},
 +
type: 'scatter'
 +
};
 +
 
 +
var testDevice4 = {
 +
x: [0, 2, 4, 6],
 +
y: [-0.04, 0.45, 0.38, 0.36],
 +
error_y: {
 +
type: 'data',
 +
array: [0.18, 0.06, 0.02, 0.02],
 +
visible: true
 +
},
 +
mode: 'lines+markers',
 +
name: 'Test Device 4',
 +
line: {shape: 'spline'},
 +
type: 'scatter'
 +
};
 +
 
 +
var testDevice5 = {
 +
x: [0, 2, 4, 6],
 +
y: [-0.10, 0.23, 0.13, 0.12],
 +
error_y: {
 +
type: 'data',
 +
array: [0.09, 0.02, 0.01, 0.00],
 +
visible: true
 +
},
 +
mode: 'lines+markers',
 +
name: 'Test Device 5',
 +
line: {shape: 'spline'},
 +
type: 'scatter'
 +
};
 +
 
 +
var testDevice6 = {
 +
x: [0, 2, 4, 6],
 +
y: [-0.12, -0.02, 0.00, 0.00],
 +
error_y: {
 +
type: 'data',
 +
array: [0.05, 0.01, 0.00, 0.00],
 +
visible: true
 +
},
 +
mode: 'lines+markers',
 +
name: 'Test Device 6',
 +
line: {shape: 'spline'},
 +
type: 'scatter'
 +
};
  
 +
var data = [negativeControl, positiveControl, testDevice1, testDevice2, testDevice3, testDevice4, testDevice5, testDevice6];
  
 
var layout = {
 
var layout = {
−
  title: 'Normalized Fluorescence over Time',
+
title: 'iGEM Interlab Data 2017',
−
  xaxis: {
+
xaxis: {
−
    title: 'Hours'
+
title: 'Hour'
−
  },
+
},
−
  yaxis: {
+
yaxis: {
−
    title: 'RFU / OD600'
+
title: 'uM Fluorescein / OD600'
−
  }
+
}
 
};
 
};
  
−
  Plotly.newPlot('results1', data, layout);
+
Plotly.newPlot('results1', data, layout);
 
}
 
}

Revision as of 19:35, 7 December 2017

// Interlab graph var interlab = function() { var negativeControl = { x: [0, 2, 4, 6], y: [-0.27, -0.04, -0.01, 0.00], error_y: { type: 'data', array: [0.26, 0.01, 0.00, 0.00], visible: true }, mode: 'lines+markers', name: 'Negative Control', line: {shape: 'spline'}, type: 'scatter' };

var positiveControl = { x: [0, 2, 4, 6], y: [0.06, 0.49, 0.30, 0.27], error_y: { type: 'data', array: [0.08, 0.05, 0.01, 0.01], visible: true }, mode: 'lines+markers', name: 'Positive Control', line: {shape: 'spline'}, type: 'scatter' };

var testDevice1 = { x: [0, 2, 4, 6], y: [0.23, 0.67, 0.40, 0.41], error_y: { type: 'data', array: [0.18, 0.16, 0.02, 0.01], visible: true }, mode: 'lines+markers', name: 'Test Device 1', line: {shape: 'spline'}, type: 'scatter' };

var testDevice2 = { x: [0, 2, 4, 6], y: [0.37, 0.78, 0.49, 0.47], error_y: { type: 'data', array: [0.16, 0.09, 0.03, 0.01], visible: true }, mode: 'lines+markers', name: 'Test Device 2', line: {shape: 'spline'}, type: 'scatter' };

var testDevice3 = { x: [0, 2, 4, 6], y: [-0.13, -0.01, 0.00, 0.01], error_y: { type: 'data', array: [0.08, 0.01, 0.00, 0.00], visible: true }, mode: 'lines+markers', name: 'Test Device 3', line: {shape: 'spline'}, type: 'scatter' };

var testDevice4 = { x: [0, 2, 4, 6], y: [-0.04, 0.45, 0.38, 0.36], error_y: { type: 'data', array: [0.18, 0.06, 0.02, 0.02], visible: true }, mode: 'lines+markers', name: 'Test Device 4', line: {shape: 'spline'}, type: 'scatter' };

var testDevice5 = { x: [0, 2, 4, 6], y: [-0.10, 0.23, 0.13, 0.12], error_y: { type: 'data', array: [0.09, 0.02, 0.01, 0.00], visible: true }, mode: 'lines+markers', name: 'Test Device 5', line: {shape: 'spline'}, type: 'scatter' };

var testDevice6 = { x: [0, 2, 4, 6], y: [-0.12, -0.02, 0.00, 0.00], error_y: { type: 'data', array: [0.05, 0.01, 0.00, 0.00], visible: true }, mode: 'lines+markers', name: 'Test Device 6', line: {shape: 'spline'}, type: 'scatter' };

var data = [negativeControl, positiveControl, testDevice1, testDevice2, testDevice3, testDevice4, testDevice5, testDevice6];

var layout = { title: 'iGEM Interlab Data 2017', xaxis: { title: 'Hour' }, yaxis: { title: 'uM Fluorescein / OD600' } };

Plotly.newPlot('interlab', data, layout); }


// mcherry1 var mcherry1 = function() { var lightControl = { x: [12, 13, 14, 15.5, 16.5, 17.5, 18.5, 20, 21, 22, 23, 24, 25], y: [129.83, 128.24, 138.79, 176.88, 230.48, 277.72, 327.33, 390.20, 425.82, 486.02, 597.98, 742.35, 960.72], error_y: { type: 'data', array: [8.81, 1.81, 11.44, 25.89, 88.77, 109.73, 130.10, 180.74, 204.12, 205.80, 239.24, 243.47, 183.55], visible: true }, mode: 'lines+markers', name: 'Light', line: {shape: 'spline'}, type: 'scatter' };

var darkControl = { x: [12, 13, 14, 15.5, 16.5, 17.5, 18.5, 20, 21, 22, 23, 24, 25], y: [115.16, 112.05, 114.44, 129.58, 132.22, 148.81, 152.93, 229.61, 254.06, 295.24, 351.34, 421.73, 565.07], error_y: { type: 'data', array: [4.64, 7.26, 2.53, 2.40, 14.22, 13.21, 33.95, 60.37, 61.98, 79.71, 94.47, 128.05, 156.18], visible: true }, mode: 'lines+markers', name: 'Dark', line: {shape: 'spline'}, type: 'scatter' };

var data = [lightControl, darkControl];


var layout = { title: 'Normalized Fluorescence over Time', xaxis: { title: 'Hours' }, yaxis: { title: 'RFU / OD600' } }; 

 Plotly.newPlot('mcherry1', data, layout);

}


// results1 var results1 = function() { var negativeControl = { x: [0, 2, 4, 6], y: [-0.27, -0.04, -0.01, 0.00], error_y: { type: 'data', array: [0.26, 0.01, 0.00, 0.00], visible: true }, mode: 'lines+markers', name: 'Negative Control', line: {shape: 'spline'}, type: 'scatter' };

var positiveControl = { x: [0, 2, 4, 6], y: [0.06, 0.49, 0.30, 0.27], error_y: { type: 'data', array: [0.08, 0.05, 0.01, 0.01], visible: true }, mode: 'lines+markers', name: 'Positive Control', line: {shape: 'spline'}, type: 'scatter' };

var testDevice1 = { x: [0, 2, 4, 6], y: [0.23, 0.67, 0.40, 0.41], error_y: { type: 'data', array: [0.18, 0.16, 0.02, 0.01], visible: true }, mode: 'lines+markers', name: 'Test Device 1', line: {shape: 'spline'}, type: 'scatter' };

var testDevice2 = { x: [0, 2, 4, 6], y: [0.37, 0.78, 0.49, 0.47], error_y: { type: 'data', array: [0.16, 0.09, 0.03, 0.01], visible: true }, mode: 'lines+markers', name: 'Test Device 2', line: {shape: 'spline'}, type: 'scatter' };

var testDevice3 = { x: [0, 2, 4, 6], y: [-0.13, -0.01, 0.00, 0.01], error_y: { type: 'data', array: [0.08, 0.01, 0.00, 0.00], visible: true }, mode: 'lines+markers', name: 'Test Device 3', line: {shape: 'spline'}, type: 'scatter' };

var testDevice4 = { x: [0, 2, 4, 6], y: [-0.04, 0.45, 0.38, 0.36], error_y: { type: 'data', array: [0.18, 0.06, 0.02, 0.02], visible: true }, mode: 'lines+markers', name: 'Test Device 4', line: {shape: 'spline'}, type: 'scatter' };

var testDevice5 = { x: [0, 2, 4, 6], y: [-0.10, 0.23, 0.13, 0.12], error_y: { type: 'data', array: [0.09, 0.02, 0.01, 0.00], visible: true }, mode: 'lines+markers', name: 'Test Device 5', line: {shape: 'spline'}, type: 'scatter' };

var testDevice6 = { x: [0, 2, 4, 6], y: [-0.12, -0.02, 0.00, 0.00], error_y: { type: 'data', array: [0.05, 0.01, 0.00, 0.00], visible: true }, mode: 'lines+markers', name: 'Test Device 6', line: {shape: 'spline'}, type: 'scatter' };

var data = [negativeControl, positiveControl, testDevice1, testDevice2, testDevice3, testDevice4, testDevice5, testDevice6];

var layout = { title: 'iGEM Interlab Data 2017', xaxis: { title: 'Hour' }, yaxis: { title: 'uM Fluorescein / OD600' } };

Plotly.newPlot('results1', data, layout); }