Difference between revisions of "Population growth models"

From JSXGraph Wiki
Jump to navigationJump to search
Line 16: Line 16:
  
 
<jsxgraph height="500" width="600" board="board"  box="box1">
 
<jsxgraph height="500" width="600" board="board"  box="box1">
brd = JXG.JSXGraph.initBoard('box1', {originX: 10, originY: 250, unitX: 40, unitY: 20, axis:true});
+
var brd = JXG.JSXGraph.initBoard('box1', {originX: 10, originY: 250, unitX: 40, unitY: 20, axis:true});
var t = brd.createElement('turtle',[4,3,70]);
+
var t = brd.create('turtle',[4,3,70]);
var s = brd.createElement('slider', [[0,-5], [10,-5],[-5,0.5,5]], {name:'s'});
+
var s = brd.create('slider', [[0,-5], [10,-5],[-5,0.5,5]], {name:'s'});
var alpha = brd.createElement('slider', [[0,-6], [10,-6],[-1,0.2,2]], {name:'&alpha;'});
+
var alpha = brd.create('slider', [[0,-6], [10,-6],[-1,0.2,2]], {name:'&alpha;'});
var e = brd.createElement('functiongraph', [function(x){return s.Value()*Math.exp(alpha.Value()*x);}],{strokeColor:'red'});
+
var e = brd.create('functiongraph', [function(x){return s.Value()*Math.exp(alpha.Value()*x);}],{strokeColor:'red'});
  
 
t.hideTurtle();
 
t.hideTurtle();
 
              
 
              
A = 5;
+
var A = 5;
tau = 0.3;
+
var tau = 0.3;
 
              
 
              
 
function clearturtle() {
 
function clearturtle() {
Line 58: Line 58:
 
<source lang="xml">
 
<source lang="xml">
 
<jsxgraph height="500" width="600" board="board"  box="box1">
 
<jsxgraph height="500" width="600" board="board"  box="box1">
brd = JXG.JSXGraph.initBoard('box1', {originX: 10, originY: 250, unitX: 40, unitY: 20, axis:true});
+
var brd = JXG.JSXGraph.initBoard('box1', {originX: 10, originY: 250, unitX: 40, unitY: 20, axis:true});
var t = brd.createElement('turtle',[4,3,70]);
+
var t = brd.create('turtle',[4,3,70]);
var s = brd.createElement('slider', [[0,-5], [10,-5],[-5,0.5,5]], {name:'s'});
+
var s = brd.create('slider', [[0,-5], [10,-5],[-5,0.5,5]], {name:'s'});
var alpha = brd.createElement('slider', [[0,-6], [10,-6],[-1,0.2,2]], {name:'&alpha;'});
+
var alpha = brd.create('slider', [[0,-6], [10,-6],[-1,0.2,2]], {name:'&alpha;'});
var e = brd.createElement('functiongraph', [function(x){return s.Value()*Math.exp(alpha.Value()*x);}],{strokeColor:'red'});
+
var e = brd.create('functiongraph', [function(x){return s.Value()*Math.exp(alpha.Value()*x);}],{strokeColor:'red'});
  
 
t.hideTurtle();
 
t.hideTurtle();
 
              
 
              
A = 5;
+
var A = 5;
tau = 0.3;
+
var tau = 0.3;
 
              
 
              
 
function clearturtle() {
 
function clearturtle() {

Revision as of 22:44, 29 September 2010

Exponential population growth model

In time [math] \Delta t[/math] the population consisting of [math]y[/math] elements grows by [math]\alpha\cdot y [/math] elements: [math] \Delta y = \alpha\cdot y\cdot \Delta t [/math], that is [math] \frac{\Delta y}{\Delta t} = \alpha\cdot y [/math].

With [math]\Delta t\to 0[/math] we get [math] \frac{d y}{d t} = \alpha\cdot y [/math], i.e. [math] y' = \alpha\cdot y [/math].

The initial population is [math]y(0)= s[/math].

The red line shows the exact solution of the differential equation [math]y(t)=s\cdot e^{\alpha t}[/math]. The blue line is the simulation with [math]\Delta t = 0.1[/math].

Other models

The JavaScript code

<jsxgraph height="500" width="600" board="board"  box="box1">
var brd = JXG.JSXGraph.initBoard('box1', {originX: 10, originY: 250, unitX: 40, unitY: 20, axis:true});
var t = brd.create('turtle',[4,3,70]);
var s = brd.create('slider', [[0,-5], [10,-5],[-5,0.5,5]], {name:'s'});
var alpha = brd.create('slider', [[0,-6], [10,-6],[-1,0.2,2]], {name:'&alpha;'});
var e = brd.create('functiongraph', [function(x){return s.Value()*Math.exp(alpha.Value()*x);}],{strokeColor:'red'});

t.hideTurtle();
            
var A = 5;
var tau = 0.3;
            
function clearturtle() {
  t.cs();
  t.ht();
}
            
function run() {
  t.setPos(0,s.Value());
  t.setPenSize(4);
  dx = 0.1; // global
  x = 0.0;  // global
  loop();
}
             
function loop() {
  var dy = alpha.Value()*t.Y()*dx;   // Exponential growth
  t.moveTo([dx+t.X(),dy+t.Y()]);
  x += dx;
  if (x<20.0) {
     setTimeout(loop,10);
  }
}
</jsxgraph>