Bulles Kinetic Graphs

2021-03-30 20:38:51 +02:00 · 2021-03-30 20:38:51 +02:00 · 7c0574556a
commit 7c0574556a
4 changed files with 7887 additions and 0 deletions
--- a/README.md
+++ b/README.md
--- a/courbes.html
+++ b/courbes.html
@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>Courbes - Kinetic Graphs</title>
+    <link href="css/kg.0.2.1.css" rel="stylesheet" type="text/css" />
+    <script src="js/kg.0.2.1.js"></script>
+	<style>
+		.kg-container {
+
+			margin: auto;
+		}
+
+		#evolution-solde {
+
+			width: 100%;
+		}
+	</style>
+</head>
+<body>
+
+<nav><a href=".">&lt; Accueil</a></nav>
+
+<h1>Evolution du solde d'un individu</h1>
+
+<p>
+	c représente le taux de croissance de la masse monétaire.
+</p>
+
+<p>
+	Essayez de modifier c pour voir comment votre solde évoluera.
+</p>
+
+<div class="kg-container" id="evolution-solde">
+
+params:
+- {name: c, value: 10, min: 0, max: 100}
+- {name: N, value: 100}
+- {name: M00, value: 1000}
+- {name: a00, value: 0}
+
+calcs:
+  M01: (params.M00 * (1 + params.c / 100))
+  M02: calcs.M01 * pow((1 + params.c / 100), 2)
+  M03: calcs.M02 * pow((1 + params.c / 100), 3)
+  M04: calcs.M03 * pow((1 + params.c / 100), 4)
+  M05: calcs.M04 * pow((1 + params.c / 100), 5)
+  M06: calcs.M05 * pow((1 + params.c / 100), 6)
+  M07: calcs.M06 * pow((1 + params.c / 100), 7)
+
+  DU01: calcs.M01 / params.N * params.c / 100
+  DU02: calcs.M02 / params.N * params.c / 100
+  DU03: calcs.M03 / params.N * params.c / 100
+  DU04: calcs.M04 / params.N * params.c / 100
+  DU05: calcs.M05 / params.N * params.c / 100
+  DU06: calcs.M06 / params.N * params.c / 100
+  DU07: calcs.M07 / params.N * params.c / 100
+
+  a01: ((params.a00 + calcs.DU01) / calcs.DU01)
+  a02: ((calcs.a01 + calcs.DU02) / calcs.DU02)
+  a03: ((calcs.a02 + calcs.DU03) / calcs.DU03)
+  a04: ((calcs.a03 + calcs.DU04) / calcs.DU04)
+  a05: ((calcs.a04 + calcs.DU05) / calcs.DU05)
+  a06: ((calcs.a05 + calcs.DU06) / calcs.DU06)
+  a07: ((calcs.a06 + calcs.DU07) / calcs.DU07)
+
+layout:
+  OneWideGraphPlusSidebar:
+    graph:
+      xAxis:
+        title: Temps $(annees)$
+        max: 80
+        ticks: 12
+      yAxis:
+        title: Monnaie $(DUG1)$
+        max: 10
+        ticks: 10
+      objects:
+
+      - Curve:
+          univariateFunction:
+            fn: (x)^(1/params.c)
+            ind: x
+          color: red
+
+      - Point:
+          coordinates: [0,params.a00]
+      - Point:
+          coordinates: [1,calcs.a01]
+      - Point:
+          coordinates: [2,calcs.a02]
+      - Point:
+          coordinates: [3,calcs.a03]
+      - Point:
+          coordinates: [4,calcs.a04]
+      - Point:
+          coordinates: [5,calcs.a05]
+      - Point:
+          coordinates: [6,calcs.a06]
+      - Point:
+          coordinates: [7,calcs.a07]
+    sidebar:
+      controls:
+      - title: Modifier le taux de croissance
+        sliders:
+        - {param: c, label: "c"}
+
+</div>
+
+</body>
+</html>
--- a/css/kg.0.2.1.css
+++ b/css/kg.0.2.1.css
--- a/js/kg.0.2.1.js
+++ b/js/kg.0.2.1.js