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

(Created page with "// 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,...")
 
Line 1: Line 1:
 
// Interlab graph
 
// Interlab graph
−
var interlab = function(){
+
var negativeControl = {
−
var negativeControl = {
+
x: [0, 2, 4, 6],
−
x: [0, 2, 4, 6],
+
y: [-0.27, -0.04, -0.01, 0.00],
−
y: [-0.27, -0.04, -0.01, 0.00],
+
error_y: {
−
error_y: {
+
type: 'data',
−
type: 'data',
+
array: [0.26, 0.01, 0.00, 0.00],
−
array: [0.26, 0.01, 0.00, 0.00],
+
visible: true
−
visible: true
+
},
−
},
+
mode: 'lines+markers',
−
mode: 'lines+markers',
+
name: 'Negative Control',
−
name: 'Negative Control',
+
line: {shape: 'spline'},
−
line: {shape: 'spline'},
+
type: 'scatter'
−
type: 'scatter'
+
};
−
};
+
  
−
var positiveControl = {
+
var positiveControl = {
−
x: [0, 2, 4, 6],
+
x: [0, 2, 4, 6],
−
y: [0.06, 0.49, 0.30, 0.27],
+
y: [0.06, 0.49, 0.30, 0.27],
−
error_y: {
+
error_y: {
−
type: 'data',
+
type: 'data',
−
array: [0.08, 0.05, 0.01, 0.01],
+
array: [0.08, 0.05, 0.01, 0.01],
−
visible: true
+
visible: true
−
},
+
},
−
mode: 'lines+markers',
+
mode: 'lines+markers',
−
name: 'Positive Control',
+
name: 'Positive Control',
−
line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
type: 'scatter'
+
type: 'scatter'
−
};
+
};
  
−
var testDevice1 = {
+
var testDevice1 = {
−
x: [0, 2, 4, 6],
+
x: [0, 2, 4, 6],
−
y: [0.23, 0.67, 0.40, 0.41],
+
y: [0.23, 0.67, 0.40, 0.41],
−
error_y: {
+
error_y: {
−
type: 'data',
+
type: 'data',
−
array: [0.18, 0.16, 0.02, 0.01],
+
array: [0.18, 0.16, 0.02, 0.01],
−
visible: true
+
visible: true
−
},
+
},
−
mode: 'lines+markers',
+
mode: 'lines+markers',
−
name: 'Test Device 1',
+
name: 'Test Device 1',
−
line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
type: 'scatter'
+
type: 'scatter'
−
};
+
};
  
−
var testDevice2 = {
+
var testDevice2 = {
−
x: [0, 2, 4, 6],
+
x: [0, 2, 4, 6],
−
y: [0.37, 0.78, 0.49, 0.47],
+
y: [0.37, 0.78, 0.49, 0.47],
−
error_y: {
+
error_y: {
−
type: 'data',
+
type: 'data',
−
array: [0.16, 0.09, 0.03, 0.01],
+
array: [0.16, 0.09, 0.03, 0.01],
−
visible: true
+
visible: true
−
},
+
},
−
mode: 'lines+markers',
+
mode: 'lines+markers',
−
name: 'Test Device 2',
+
name: 'Test Device 2',
−
line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
type: 'scatter'
+
type: 'scatter'
−
};
+
};
  
−
var testDevice3 = {
+
var testDevice3 = {
−
x: [0, 2, 4, 6],
+
x: [0, 2, 4, 6],
−
y: [-0.13, -0.01, 0.00, 0.01],
+
y: [-0.13, -0.01, 0.00, 0.01],
−
error_y: {
+
error_y: {
−
type: 'data',
+
type: 'data',
−
array: [0.08, 0.01, 0.00, 0.00],
+
array: [0.08, 0.01, 0.00, 0.00],
−
visible: true
+
visible: true
−
},
+
},
−
mode: 'lines+markers',
+
mode: 'lines+markers',
−
name: 'Test Device 3',
+
name: 'Test Device 3',
−
line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
type: 'scatter'
+
type: 'scatter'
−
};
+
};
  
−
var testDevice4 = {
+
var testDevice4 = {
−
x: [0, 2, 4, 6],
+
x: [0, 2, 4, 6],
−
y: [-0.04, 0.45, 0.38, 0.36],
+
y: [-0.04, 0.45, 0.38, 0.36],
−
error_y: {
+
error_y: {
−
type: 'data',
+
type: 'data',
−
array: [0.18, 0.06, 0.02, 0.02],
+
array: [0.18, 0.06, 0.02, 0.02],
−
visible: true
+
visible: true
−
},
+
},
−
mode: 'lines+markers',
+
mode: 'lines+markers',
−
name: 'Test Device 4',
+
name: 'Test Device 4',
−
line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
type: 'scatter'
+
type: 'scatter'
−
};
+
};
  
−
var testDevice5 = {
+
var testDevice5 = {
−
x: [0, 2, 4, 6],
+
x: [0, 2, 4, 6],
−
y: [-0.10, 0.23, 0.13, 0.12],
+
y: [-0.10, 0.23, 0.13, 0.12],
−
error_y: {
+
error_y: {
−
type: 'data',
+
type: 'data',
−
array: [0.09, 0.02, 0.01, 0.00],
+
array: [0.09, 0.02, 0.01, 0.00],
−
visible: true
+
visible: true
−
},
+
},
−
mode: 'lines+markers',
+
mode: 'lines+markers',
−
name: 'Test Device 5',
+
name: 'Test Device 5',
−
line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
type: 'scatter'
+
type: 'scatter'
−
};
+
};
  
−
var testDevice6 = {
+
var testDevice6 = {
−
x: [0, 2, 4, 6],
+
x: [0, 2, 4, 6],
−
y: [-0.12, -0.02, 0.00, 0.00],
+
y: [-0.12, -0.02, 0.00, 0.00],
−
error_y: {
+
error_y: {
−
type: 'data',
+
type: 'data',
−
array: [0.05, 0.01, 0.00, 0.00],
+
array: [0.05, 0.01, 0.00, 0.00],
−
visible: true
+
visible: true
−
},
+
},
−
mode: 'lines+markers',
+
mode: 'lines+markers',
−
name: 'Test Device 6',
+
name: 'Test Device 6',
−
line: {shape: 'spline'},
+
line: {shape: 'spline'},
−
type: 'scatter'
+
type: 'scatter'
−
};
+
};
  
−
var data = [negativeControl, positiveControl, testDevice1, testDevice2, testDevice3, testDevice4, testDevice5, testDevice6];
+
var data = [negativeControl, positiveControl, testDevice1, testDevice2, testDevice3, testDevice4, testDevice5, testDevice6];
  
  
−
var layout = {
+
var layout = {
−
title: 'iGEM Interlab Data 2017',
+
title: 'iGEM Interlab Data 2017',
−
xaxis: {
+
xaxis: {
−
title: 'Hour'
+
title: 'Hour'
−
},
+
},
−
yaxis: {
+
yaxis: {
−
title: 'uM Fluorescein / OD600'
+
title: 'uM Fluorescein / OD600'
−
}
+
−
};
+
−
 
+
−
Plotly.newPlot('myDiv', data, layout);
+
 
}
 
}
 +
};
 +
 +
Plotly.newPlot('myDiv', data, layout);

Revision as of 01:02, 31 October 2017

// Interlab graph 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('myDiv', data, layout);