1786318889

dashboard/Cargo.toml

@@ -16,6 +16,7 @@ thiserror = "2.0.20"
 paste = "1.0.15"
 ureq = { version = "3.4.0", default-features = false, features = ["json", "rustls"] }
 serde = { version = "1.0.229", features = ["derive"] }
+plotters = "0.3.7"
 
 [features]
 dev = ["slint/backend-winit-x11"]

dashboard/src/main.rs

@@ -6,7 +6,9 @@ mod ui;
 
 use tokio::sync::mpsc::unbounded_channel;
 
+use plotters::prelude::*;
 use slint::ComponentHandle;
+use slint::SharedPixelBuffer;
 
 use crate::{
     error::AppError,
@@ -22,6 +24,8 @@ async fn main() -> Result<(), AppError> {
 
     let app = ui::AppWindow::new()?;
 
+    app.on_render_plot(|iteration| render_plot(iteration).unwrap());
+
     let (c2s_tx, c2s_rx) = unbounded_channel::<CommandMessage>();
     let (s2c_tx, s2c_rx) = unbounded_channel::<EventMessage>();
 
@@ -35,3 +39,63 @@ async fn main() -> Result<(), AppError> {
 
     app.run().map_err(Into::into)
 }
+
+fn render_plot(i: i32) -> Result<slint::Image, Box<dyn std::error::Error>> {
+    let mut pixel_buffer = SharedPixelBuffer::new(640, 480);
+    let size = (pixel_buffer.width(), pixel_buffer.height());
+
+    let backend = BitMapBackend::with_buffer(pixel_buffer.make_mut_bytes(), size);
+    let root = backend.into_drawing_area();
+
+    root.fill(&WHITE)?;
+
+    let mut chart = ChartBuilder::on(&root)
+        .caption(
+            format!("Koch's Snowflake (n_iter = {})", i),
+            ("sans-serif", 50),
+        )
+        .build_cartesian_2d(-2.0..2.0, -1.5..1.5)?;
+
+    let mut snowflake_vertices = {
+        let mut current: Vec<(f64, f64)> = vec![
+            (0.0, 1.0),
+            ((3.0f64).sqrt() / 2.0, -0.5),
+            (-(3.0f64).sqrt() / 2.0, -0.5),
+        ];
+        for _ in 0..i {
+            current = snowflake_iter(&current[..]);
+        }
+        current
+    };
+
+    chart.draw_series(std::iter::once(Polygon::new(
+        snowflake_vertices.clone(),
+        RED.mix(0.2),
+    )))?;
+
+    snowflake_vertices.push(snowflake_vertices[0]);
+    chart.draw_series(std::iter::once(PathElement::new(snowflake_vertices, RED)))?;
+
+    root.present()?;
+    drop(chart);
+    drop(root);
+
+    Ok(slint::Image::from_rgb8(pixel_buffer))
+}
+
+fn snowflake_iter(points: &[(f64, f64)]) -> Vec<(f64, f64)> {
+    let mut ret = vec![];
+    for i in 0..points.len() {
+        let (start, end) = (points[i], points[(i + 1) % points.len()]);
+        let t = ((end.0 - start.0) / 3.0, (end.1 - start.1) / 3.0);
+        let s = (
+            t.0 * 0.5 - t.1 * (0.75f64).sqrt(),
+            t.1 * 0.5 + (0.75f64).sqrt() * t.0,
+        );
+        ret.push(start);
+        ret.push((start.0 + t.0, start.1 + t.1));
+        ret.push((start.0 + t.0 + s.0, start.1 + t.1 + s.1));
+        ret.push((start.0 + t.0 * 2.0, start.1 + t.1 * 2.0));
+    }
+    ret
+}

dashboard/ui/energy.slint

@@ -1,3 +1,23 @@
+
+import { Horizontal, Slider, Vertical } from "material/material.slint";
 export component Energy inherits Rectangle {
-    // ..
+
+    in-out property <float> pitch: 0.15;
+    in-out property <float> yaw: 0.5;
+
+    pure callback render_plot(int) -> image;
+
+    Vertical {
+        Image {
+            source: root.render_plot(amplitude-slider.value);
+        }
+
+        Horizontal {
+            amplitude-slider := Slider {
+                minimum: 0;
+                maximum: 10;
+                value: 0;
+            }
+        }
+    }
 }

dashboard/ui/main.slint

@@ -125,6 +125,8 @@ export component AppWindow inherits Window {
     height: 600px;
     default-font-size: 16px;
 
+    pure callback render_plot(int) -> image;
+
     in-out property <ColorScheme> color-scheme <=> Palette.color-scheme;
 
     in property <DateTimeData> date-time;
@@ -195,7 +197,9 @@ export component AppWindow inherits Window {
                         calendar-events: calendar-events;
                     }
 
-                    if tab-bar.current-index == 2: Energy { }
+                    if tab-bar.current-index == 2: Energy {
+                        render-plot(iteration) => render-plot(iteration);
+                    }
 
                     Rectangle {
                         tab-bar := TabBar {