doc: add interactive diffsol solver (#245)

* doc: add interactive diffsol solver

* tidy up

Author: martinjrobins

book/src/SUMMARY.md

@@ -43,6 +43,7 @@
 - [Using Diffsol from other languages](./use/use_from_other_languages.md)
   - [Python](./use/python.md)
   - [WebAssembly](./use/webassembly.md)
+  - [WebAssembly with JIT](./use/webassembly-jit.md)
 - [Benchmarks](./benchmarks/benchmarks.md)
   - [Sundials](./benchmarks/sundials.md)
   - [Python (Diffrax & Casadi)](./benchmarks/python.md)

book/src/use/images/webassembly-jit.html

@@ -0,0 +1,46 @@
+<script src="https://cdn.plot.ly/plotly-2.26.0.min.js"></script>
+<script src="https://diffsol-js.fly.dev/diffsol.min.js"></script>
+<link rel="stylesheet" href="https://diffsol-js.fly.dev/interactive-solver.css" />
+
+<div id="solver" style="background-color: white; border-radius: 10px; padding: 20px;"></div>
+
+<script>
+const { createInteractiveSolver, MatrixType, LinearSolverType, OdeSolverType } = window.DiffSol;
+createInteractiveSolver({
+  divId: 'solver',
+  diffslCode: `in_i { y0 = 1.0 }
+a { 2.0/3.0 } b { 4.0/3.0 } 
+c { 1.0 } d { 1.0 }
+u_i {
+    y1 = y0,
+    y2 = y0,
+}
+F_i {
+    a * y1 - b * y1 * y2,
+    c * y1 * y2 - d * y2,
+}`,
+  sliders: {
+    y0: {
+      label: 'Initial Value (y0)',
+      min: 0.1,
+      max: 5,
+      initial: 1,
+    },
+  },
+  outputs: {
+    y1: {
+      label: 'prey (y1)',
+    },
+    y2: {
+      label: 'predator (y2)',
+    },
+  },
+  moduleConfig: {
+    backendUrl: 'https://diffsol-js.fly.dev',
+  },
+  finalTime: 20.0,
+  matrixType: MatrixType.FaerDense,
+  linearSolverType: LinearSolverType.Lu,
+  showCodeEditor: true,
+});
+</script>

book/src/use/webassembly-jit.md

@@ -0,0 +1,5 @@
+# WebAssembly with JIT
+
+It is possible to use Diffsol from WebAssembly with JIT compilation, but this requires a bit more work and a backend server to perform the actual JIT compilation. If you are interested in using Diffsol in this way, please get in touch. In the meantime, you can try out the interactive diffsol solver below:
+
+{{#include images/webassembly-jit.html}}