Made Module 4

Courssumm02 · Courssumm02 · commit ed42d0289ad3 · 2021-07-13T16:31:40.000+02:00
diff --git a/Module 3/app.js b/Module 3/app.js
@@ -26,6 +26,17 @@ function app(){
     return arr;
     }
 
+    Array.prototype.remove = function() {
+        var what, a = arguments, L = a.length, ax;
+        while (L && this.length) {
+            what = a[--L];
+            while ((ax = this.indexOf(what)) !== -1) {
+                this.splice(ax, 1);
+            }
+        }
+        return this;
+    };
+
     function num_Unique(array){
         var u = array.map(JSON.stringify)
         return u.unique().length
@@ -42,7 +53,8 @@ function app(){
         for (let j = 0; j < clones.length; j++){
             clones[j]=clones[j].map((base)=>{
                 if (Math.random() < mutation_rate){
-                    return rand_base()
+                    let mybase = BASES.remove(base)
+                    return mybase[Math.floor(Math.random() * mybase.length)]
                 }
                 return base
             })
diff --git a/Module 4/app.js b/Module 4/app.js
@@ -0,0 +1,69 @@
+function app(){
+
+const ANIMALS = parseInt(document.getElementById("samples").value)
+const gen = parseInt(document.getElementById("generations").value)
+console.log(ANIMALS, gen);
+const initial_a1_freq = parseFloat(document.getElementById("a1").value)
+const initial_a2_freq = 1-initial_a1_freq
+
+var a1_freq = initial_a1_freq
+var a2_freq = 1 - a1_freq
+var arr_a1 = []
+var arr_a2 = []
+for (var i = 0; i < gen; i++){
+    let a1 = 0
+    let a2 = 0
+    for (let j = 0; j<ANIMALS*2;j++){
+        if(Math.random()<a1_freq){
+            a1++
+        }else{
+            a2++
+        }
+    }
+    a1_freq=a1/(a1+a2)
+    a2_freq = 1 - a1_freq
+    arr_a1.push(a1_freq)
+    arr_a2.push(a2_freq)
+}
+
+
+var ctx = document.getElementById('myChart').getContext('2d');
+
+
+var a1_data = {
+    label: "A1",
+    data: arr_a1,
+    lineTension: 0.5,
+    fill: false,
+    borderColor: 'red',
+    borderWidth: 1.5
+}
+var a2_data = {
+    label: "A2",
+    data: arr_a2,
+    lineTension: 0.5,
+    fill: false,
+    borderColor: 'blue',
+    borderWidth: 1.5
+}
+
+const data = {
+    labels: [...Array(gen).keys()],
+    datasets: [a1_data, a2_data]
+  };
+
+
+var myChart = new Chart(ctx, {
+    type: 'line',
+    data: data,
+    options: {
+        scales: {
+            y: {
+                beginAtZero: true
+            }
+        },
+        bezierCurve: true
+    }
+});
+myChart.update() 
+}
diff --git a/Module 4/main.html b/Module 4/main.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js'></script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    
+</head>
+<body class="container pt-5 pb-5">
+<main>
+    <h1>Module 4</h1>
+    <p class="fs-5 col-md-8">Here I implement a simulation genetic drift with natural selection.</p>
+    <div class="col-md-6">
+        <h2>Tech used projects</h2>
+        <p>Here are some libraries used in this module</p>
+        <ul class="icon-list">
+          <li><a href="https://getbootstrap.com/">Bootstrap</a></li>
+          <li><a href="https://www.chartjs.org/">Chart Js</a></li>
+        </ul>
+      </div>
+    <div class="mb-5">
+      <a href="https://github.com/techboy-coder/nature-in-code" class="btn btn-primary btn-lg px-4">Other examples made by me</a>
+    </div>
+
+    <hr>
+
+  </main>
+    <form action="" id="input">
+        <label for="samples">Number of samples</label>
+        <input type="number" name="samples" id="samples" placeholder="100" value="100">
+        <label for="generations">Number of generations</label>
+        <input type="number" name="generations" id="generations" placeholder="100" value="100">
+        <label for="a1">Frequency of a1 (between 1 and 0; --> a2 = 1-a1) </label>
+        <input type="number" name="a1" id="a1" placeholder="0.5" value="0.3" step="0.0001">
+    </form>
+    <button type="button" onclick="app();">Run Simulation</button>
+    <canvas id="myChart"></canvas>
+    <script src="app.js"></script>
+</body>
+</html>
diff --git a/Module 4/notes.md b/Module 4/notes.md
