Team:Groningen/Brainstorm/Modelling

From 2009.igem.org

(Difference between revisions)
m (Team:Groningen/Modelling moved to Team:Groningen/Modelling/Brainstorm: We will now start on the actual modelling.)
(Interactive Graphs?: Some small steps towards easily usable JavaScript graphs.)
Line 65: Line 65:
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.
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).
+
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 [http://www.dojotoolkit.org/ the Dojo Toolkit] as it has more advanced charting capabilities at this moment than Google visualization (and it seems to be supported well in different browsers).
<html>
<html>
-
<div>
+
<table class="chart" datasource="http://spreadsheets.google.com/pub?key=rRnyFyi-bgqsjT3SdJBdKKw">
-
<span id="chart1"></span>
+
-
<span id="chart2"></span>
+
-
</div>
+
-
<table>
+
<tr>
<tr>
<td id="dojochart1" style="width: 400px; height: 240px;"></td>
<td id="dojochart1" style="width: 400px; height: 240px;"></td>
Line 108: Line 104:
function initialize() {
function initialize() {
   // Initialize some global variables
   // Initialize some global variables
-
  chart[0] = new google.visualization.ScatterChart(document.getElementById('chart1'));
 
-
  chart[1] = new google.visualization.ScatterChart(document.getElementById('chart2'));
 
-
  google.visualization.events.addListener(chart[0], 'select', function() { handleSelect(0); } );
 
-
  google.visualization.events.addListener(chart[1], 'select', function() { handleSelect(1); } );
 
-
 
   dojochart[0] = new dojox.charting.Chart2D("dojochart1");
   dojochart[0] = new dojox.charting.Chart2D("dojochart1");
   dojochart[0].addPlot("default", {type: "Lines"});
   dojochart[0].addPlot("default", {type: "Lines"});
Line 125: Line 116:
   // Query spreadsheet and let result be drawn
   // Query spreadsheet and let result be drawn
-
   var query = new google.visualization.Query('http://spreadsheets.google.com/pub?key=rRnyFyi-bgqsjT3SdJBdKKw');
+
  var compositeCharts = dojo.query('.chart');
 +
   var query = new google.visualization.Query(compositeCharts[0].getAttribute('datasource'));
   query.send(drawChart);
   query.send(drawChart);
}
}
Line 139: Line 131:
   view[1] = new google.visualization.DataView(data);
   view[1] = new google.visualization.DataView(data);
   view[1].hideColumns([0]);
   view[1].hideColumns([0]);
-
 
-
  chart[0].draw(view[0], {width: 400, height: 240, lineSize: 1});
 
-
  chart[1].draw(view[1], {width: 400, height: 240, lineSize: 1});
 
   makeCharts(); // Dojo call
   makeCharts(); // Dojo call
-
}
 
-
 
-
function handleSelect(chartIndex) {
 
-
  var selection_org = chart[chartIndex].getSelection();
 
-
  var view_org = view[chartIndex];
 
-
  for(var c=0; c<chart.length; c++) {
 
-
    if (c==chartIndex) continue;
 
-
    var selection_new = [];
 
-
    var view_new = view[c];
 
-
    for(var i=0; i<selection_org.length; i++) {
 
-
      var item_org = selection_org[i];
 
-
      var item = {'row': (item_org.row!=null ? view_org.getTableRowIndex(item_org.row) : null),
 
-
                  'column': (item_org.column!=null ? view_org.getTableColumnIndex(item_org.column) : null)}
 
-
      var item_new = {'row': (item.row!=null ? view_new.getViewRowIndex(item.row) : null),
 
-
                      'column': (item.column!=null ? view_new.getViewColumnIndex(item.column) : null)}
 
-
      if (item_new.row==-1) continue; // Skip items that are not represented in this view
 
-
      if (item_new.column==-1) continue;
 
-
      selection_new.push(item_new);
 
-
    }
 
-
    chart[c].setSelection(selection_new);
 
-
  }
 
}
}

Revision as of 13:20, 21 June 2009

[http://2009.igem.org/Team:Groningen http://2009.igem.org/wiki/images/f/f1/Igemhomelogo.png]


Software tools from previous years

Other potentially interesting software tools:

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 [http://www.dojotoolkit.org/ the Dojo Toolkit] as it has more advanced charting capabilities at this moment than Google visualization (and it seems to be supported well 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?) Try to avoid this, try going directly to protein.
  • Model gene translation? (How?) Try to avoid this, try going directly to protein.
  • Model degradation? (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").
  • Link to the world outside the cell and macroscopic effects, like cell density. Note the medium is usually well-known.
  • Create a kind of mind map of the processes involved to show how the model could be refined.
  • Formulate what aspects of the modelling results are essential. So, for example that some concentration rises as a result of the presence of a substance, or that the bacteria actually float. (Can we use mathematical topology as a criterium?)

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. This is probably not necessary when talking about large numbers of bacteria.
  • 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?

Purpose of Modelling

  • Descriptive, it can help describe the system.
  • As verification of the design.
  • Predictive, it can help predict results to aid in selecting physical parameters. (How many copies of a gene? What concentrations? etc.)
  • As tool in designing tests. What tests will give the best discrimination, etc.

Literature

See our literature list for a full overview of all literature. For our team members that are looking for books on the subject, have a look under code [http://opc.ub.rug.nl/DB=1/SET=2/TTL=1/CLK?IKT=8110&TRM=605B 605B] (Bernoulliborg library, lower floor), as well as 605C/D/E (A and Z also exist but seem to be less interesting) and 610A (and possibly 625, 715).