"
Team:Groningen/Brainstorm/Modelling
From 2009.igem.org
(Difference between revisions)
m (→Modelling a Genetic Circuit - TODO: Anchor) |
(→Interactive Graphs?: Added dojo version of graphs) |
||
| Line 72: | Line 72: | ||
<span id="chart2"></span> | <span id="chart2"></span> | ||
</div> | </div> | ||
| + | <table> | ||
| + | <tr> | ||
| + | <td id="dojochart1" style="width: 400px; height: 240px;"></td> | ||
| + | <td id="dojochart2" style="width: 400px; height: 240px;"></td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td align="center"><div id="dojolegend1"></div></td> | ||
| + | <td align="center"><div id="dojolegend2"></div></td> | ||
| + | </tr> | ||
| + | </table> | ||
<script type="text/javascript" src="http://www.google.com/jsapi"></script> | <script type="text/javascript" src="http://www.google.com/jsapi"></script> | ||
| + | <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.3.0/dojo/dojo.xd.js" djConfig="isDebug: false"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| + | |||
| + | var loaded = 0; | ||
| + | |||
| + | function onLoadCallback() { | ||
| + | loaded++; | ||
| + | if (loaded==2) { | ||
| + | initialize(); // Google, Dojo is called when results from the query return. | ||
| + | } | ||
| + | } | ||
| + | |||
| + | <!-- Google part --> | ||
// Load the Visualization API and the scatterchart package. | // Load the Visualization API and the scatterchart package. | ||
| Line 79: | Line 101: | ||
// Set a callback to run when the API is loaded. | // Set a callback to run when the API is loaded. | ||
| - | google.setOnLoadCallback( | + | google.setOnLoadCallback(onLoadCallback); |
var data, chart = [], view = []; | var data, chart = [], view = []; | ||
| + | var dojochart = [], dojolegend = []; | ||
function initialize() { | function initialize() { | ||
| Line 89: | Line 112: | ||
google.visualization.events.addListener(chart[0], 'select', function() { handleSelect(0); } ); | google.visualization.events.addListener(chart[0], 'select', function() { handleSelect(0); } ); | ||
google.visualization.events.addListener(chart[1], 'select', function() { handleSelect(1); } ); | google.visualization.events.addListener(chart[1], 'select', function() { handleSelect(1); } ); | ||
| + | |||
| + | dojochart[0] = new dojox.charting.Chart2D("dojochart1"); | ||
| + | dojochart[0].addPlot("default", {type: "Lines"}); | ||
| + | dojochart[0].addAxis("x"); | ||
| + | dojochart[0].addAxis("y", {vertical: true}); | ||
| + | dojolegend[0] = new dojox.charting.widget.Legend({chart: dojochart[0]}, "dojolegend1"); | ||
| + | dojochart[1] = new dojox.charting.Chart2D("dojochart2"); | ||
| + | dojochart[1].addPlot("default", {type: "Lines"}); | ||
| + | dojochart[1].addAxis("x"); | ||
| + | dojochart[1].addAxis("y", {vertical: true}); | ||
| + | dojolegend[1] = new dojox.charting.widget.Legend({chart: dojochart[1]}, "dojolegend2"); | ||
// Query spreadsheet and let result be drawn | // Query spreadsheet and let result be drawn | ||
| Line 108: | Line 142: | ||
chart[0].draw(view[0], {width: 400, height: 240, lineSize: 1}); | chart[0].draw(view[0], {width: 400, height: 240, lineSize: 1}); | ||
chart[1].draw(view[1], {width: 400, height: 240, lineSize: 1}); | chart[1].draw(view[1], {width: 400, height: 240, lineSize: 1}); | ||
| + | |||
| + | makeCharts(); // Dojo call | ||
} | } | ||
| Line 131: | Line 167: | ||
} | } | ||
| + | <!-- Dojo part --> | ||
| + | |||
| + | function seriesFromDataTable(view) { | ||
| + | var seriesArray = []; | ||
| + | for(var c=1; c<view.getNumberOfColumns(); c++) { | ||
| + | var series = []; | ||
| + | for(var r=0; r<view.getNumberOfRows(); r++) { | ||
| + | series.push({x: view.getValue(r,0), y: view.getValue(r,c)}); | ||
| + | } | ||
| + | seriesArray.push({title: view.getColumnLabel(c), data: series}); | ||
| + | } | ||
| + | return seriesArray; | ||
| + | } | ||
| + | |||
| + | dojo.require("dojox.charting.Chart2D"); | ||
| + | dojo.require("dojox.charting.widget.Legend"); | ||
| + | makeCharts = function(){ | ||
| + | for(var s=0; s<view.length; s++) { | ||
| + | var series = seriesFromDataTable(view[s]); | ||
| + | for(var i=0; i<series.length; i++) { | ||
| + | dojochart[s].addSeries(series[i].title, series[i].data); | ||
| + | } | ||
| + | dojochart[s].render(); | ||
| + | dojolegend[s].refresh(); | ||
| + | } | ||
| + | }; | ||
| + | dojo.addOnLoad(onLoadCallback); | ||
</script> | </script> | ||
</html> | </html> | ||
Revision as of 19:13, 1 May 2009
[http://2009.igem.org/Team:Groningen http://2009.igem.org/wiki/images/f/f1/Igemhomelogo.png]
|
|---|
Software tools from previous years
- RNA folding (secondary structure)
- Alberta 2008, using [http://rna.urmc.rochester.edu/rnastructure.html RNAstructure] and UNAFold (with a front-end), they used both programs (presumably to get an idea of the certainty)
- Molecular/genetic Circuit (?), (small) systems of (non-linear) ODEs
- Bologna 2008, using Simulink (Mathworks)
- ETH Zurich 2008, using the SimBiology toolbox in Matlab
- IHKU 2008
- (?)Istanbul 2008, using the SimBiology toolbox
- LCG-UNAM-Mexico 2008, using the SimBiology toolbox
- NTU Singapore 2008, using Simulink, [http://www.sbtoolbox2.org/main.php Systems Biology Toolbox 2] (sensitivity analysis) and [http://www.cellware.org/index.html CellWare] (stochastic analysis)
- Purdue 2008, using Excel and Mathcad
- TU Delft 2008, using CellDesigner and the [http://www.sys-bio.org/ Synthetic Biology Workbench] for Matlab
- Edinburgh 2008, using [http://www.copasi.org/tiki-index.php COPASI]
- Freiburg 2008, using Matlab
- Johns Hopkins 2008, using Matlab (for population dynamics of yeast)
- Michigan 2008, using Mathematica
- Pavia 2008, using Matlab and Simulink
- Ottawa 2008, using Matlab
- Washington 2008, using Mathematica
- Tsinghua 2008, using Matlab
- BCCS-Bristol 2008, Matlab
- Groningen 2008!, using Matlab and some custom tools to construct the models
- KULeuven, using Matlab and Celldesigner, site done very decently
- Montreal, using Mathematica
- Paris 2008, using BIOCHAM
- UCSF, using Matlab, Klaas Bernd: perhaps for growth stages?
- Cambridge, using an unspecified tool
- Imperial College Londen, using Matlab
- Peking, using SimBiology
- Cell processes
- Calgary 2008, using their own tool (transcription and translation)
- Waterloo 2008, using [http://theileria.ccb.sickkids.ca/CellSim/overview.php Cell++]
- Static genome analysis (?)
- ETH Zurich 2008, using their own tool
- Genome Scale Model (whole cell response)
- ETH Zurich 2008, using the [http://gcrg.ucsd.edu/Downloads/Cobra_Toolbox Cobra Toolbox] for Matlab
- ?Wisconsin 2008, using GAMS
- Chemostat simulation
- ETH Zurich 2008, using their genome scale model data
- Cell movement
- IHKU 2008, as random walks
- Lethbridge 2008, using [http://www.pdn.cam.ac.uk/groups/comp-cell/BCT.html BCT] (a tool to model the chemotaxis pathway of E. Coli?)
- Tsinghua 2008, using their own code?
- Group behaviour
- BCCS-Bristol 2008, movement of groups of cells, using a home-grown Java tool
- Groningen 2008!, spatial interaction
- Heidelberg, two population distributions and some substance concentrations using custom Matlab code
- Montreal, interaction in Repressilator network, using Mathematica
- Cambridge, quorum sensing
- Imperial College Londen, growth curve and motility, using Matlab
- Mutation
Other potentially interesting software tools:
- UC Berkeley's Clotho
- [http://sbml.org/ SBML], a standard to define models.
- KU Leuven's Simbiology2LaTeX
Interactive Graphs?
It might be interesting to use JavaScript to present simulation results. This would allow for some degree of interaction (like resizing graphs, linked views, etc.) and may even make it somewhat easier to use graphs, we'd simply have some on-line repository of simulation results (a spreadsheet for example) and we could select which graphs to use on the Wiki.
Below an example of a JavaScript generated graph is shown, based on [http://spreadsheets.google.com/pub?key=rRnyFyi-bgqsjT3SdJBdKKw this spreadsheet]. Note that the two views of the data are linked (although at this time both the kind of graph and the link is not optimal) and that it would be possible to create templates for creating these linked graphs. The current demo is based on Google technology, but it looks like [http://www.dojotoolkit.org/ the Dojo Toolkit] has more advanced charting capabilities at this moment (although I don't know how well they're supported in different browsers).
Questions that would have to be resolved include:
- How can we make this easy to use?
- What kinds of plots do we need?
- How flexible do we need it to be? (Layout-wise.)
- Can we make it that flexible? (And still easy to use.)
- Do we want to keep referring to parts of a spreadsheet or do we want to be able to select parts by the parameters used?
- Can we create a relatively easy way to let the viewer select different data for exploratory purposes? We will likely run more simulations than you would normally graph.
- ???
Taking this idea (much) further it would even be possible to run simulations using JavaScript (and charting the results), based on SBML models. However, this would involve much, much more effort than just showing a few interactive plots.
Modelling a Genetic Circuit - TODO
To model a genetic circuit the following must be done (TODO: more detail):
- Determine which genes are involved and how they are regulated???
- Model gene transcription? (How?)
- Model gene translation? (How?)
- Model interaction of relevant substances. This requires reaction formulas for all the substances with (known) reaction rates, as well as information on how the substance diffuses (unless it is assumed the model is "well-mixed").
This can be done using one of the following methods:
- One ordinary differential equation per substance involved, reflecting the different reaction formulas and rates.
- If the spatial distribution of substances needs to be taken into account partial differential equations can be used.
- Stochastic modelling can be used if needed (if we deal with very low concentrations for example).
Questions:
- What exactly is the role of a kinetic law in modelling a reaction?
