lodviz_components 0.3.0

Components for data visualization using lodviz_core
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

/// Cross-chart linking via shared context
///
/// Provides a `DashboardContext` that synchronizes hover and selection
/// state between multiple charts in the same dashboard.
use leptos::prelude::*;
use lodviz_core::core::selection::Selection;

/// Shared dashboard interaction state
///
/// Charts publish their hover/selection state here, and
/// other charts consume it to highlight corresponding data.
#[derive(Debug, Clone, Copy)]
pub struct DashboardContext {
    /// Currently hovered x-domain value (shared across charts)
    pub hover_x: RwSignal<Option<f64>>,
    /// Current brush/click selection (shared across charts)
    pub selection: RwSignal<Option<Selection>>,
}

impl DashboardContext {
    /// Create a new empty dashboard context
    pub fn new() -> Self {
        Self {
            hover_x: RwSignal::new(None),
            selection: RwSignal::new(None),
        }
    }
}

impl Default for DashboardContext {
    fn default() -> Self {
        Self::new()
    }
}

/// Provider component for cross-chart linking
///
/// Wrap multiple charts in `<LinkedDashboard>` to enable
/// synchronized hover and selection between them.
///
/// Charts can access the shared state via:
/// ```rust,ignore
/// let ctx = use_context::<DashboardContext>();
/// ```
#[component]
pub fn LinkedDashboard(children: Children) -> impl IntoView {
    let ctx = DashboardContext::new();
    provide_context(ctx);
    children()
}