ariel-rs 0.2.0

A faithful Rust port of Mermaid JS — headless SVG diagram rendering without a browser
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128

//! Layout and styling constants for the timeline renderer.

// ---------------------------------------------------------------------------
// Layout geometry
// ---------------------------------------------------------------------------

/// Left margin for the timeline canvas (conf.timeline.leftMargin = 150, px).
pub const LEFT_MARGIN: f64 = 150.0;

/// Padding added around the viewBox by setupGraphViewbox (px).
pub const VIEWBOX_PADDING: f64 = 50.0;

/// Width of a node before padding is applied (px).
pub const NODE_WIDTH: f64 = 150.0;

/// Padding applied on each side of a node (px).
pub const NODE_PADDING: f64 = 20.0;

/// Rendered width of a node including padding on both sides (px).
/// Equals NODE_WIDTH + 2 × NODE_PADDING = 190.
pub const RENDERED_WIDTH: f64 = NODE_WIDTH + 2.0 * NODE_PADDING;

/// Horizontal step between consecutive tasks (masterX increment, px).
pub const TASK_STEP: f64 = 200.0;

/// Initial Y coordinate for sections (px).
pub const SECTION_START_Y: f64 = 50.0;

/// Initial X coordinate for the master layout cursor (px).
/// Equal to 50 + LEFT_MARGIN.
pub const MASTER_START_X: f64 = 50.0 + LEFT_MARGIN;

/// Initial Y coordinate for the master layout cursor (px).
pub const MASTER_START_Y: f64 = 50.0;

// ---------------------------------------------------------------------------
// Typography
// ---------------------------------------------------------------------------

/// Default font size for timeline nodes and labels (px).
pub const FONT_SIZE: f64 = 16.0;

// ---------------------------------------------------------------------------
// Node path geometry
// ---------------------------------------------------------------------------

/// Corner radius for rounded-rectangle node background paths (px).
pub const NODE_CORNER_R: f64 = 5.0;

// ---------------------------------------------------------------------------
// SVG identifiers
// ---------------------------------------------------------------------------

/// Fixed id attribute for the timeline diagram SVG root element.
pub const DIAGRAM_ID: &str = "mermaid-timeline";

// ---------------------------------------------------------------------------
// Section colour palette
// ---------------------------------------------------------------------------

pub struct SectionStyle {
    pub fill: &'static str,
    pub line: &'static str,
    pub text: &'static str,
}

pub const SECTION_STYLES: [SectionStyle; 12] = [
    SectionStyle {
        fill: "hsl(240, 100%, 76.2745098039%)",
        line: "hsl(60, 100%, 86.2745098039%)",
        text: "#ffffff",
    },
    SectionStyle {
        fill: "hsl(60, 100%, 73.5294117647%)",
        line: "hsl(240, 100%, 83.5294117647%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(80, 100%, 76.2745098039%)",
        line: "hsl(260, 100%, 86.2745098039%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(270, 100%, 76.2745098039%)",
        line: "hsl(90, 100%, 86.2745098039%)",
        text: "#ffffff",
    },
    SectionStyle {
        fill: "hsl(300, 100%, 76.2745098039%)",
        line: "hsl(120, 100%, 86.2745098039%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(330, 100%, 76.2745098039%)",
        line: "hsl(150, 100%, 86.2745098039%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(0, 100%, 76.2745098039%)",
        line: "hsl(180, 100%, 86.2745098039%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(30, 100%, 76.2745098039%)",
        line: "hsl(210, 100%, 86.2745098039%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(90, 100%, 76.2745098039%)",
        line: "hsl(270, 100%, 86.2745098039%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(150, 100%, 76.2745098039%)",
        line: "hsl(330, 100%, 86.2745098039%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(180, 100%, 76.2745098039%)",
        line: "hsl(0, 100%, 86.2745098039%)",
        text: "black",
    },
    SectionStyle {
        fill: "hsl(210, 100%, 76.2745098039%)",
        line: "hsl(30, 100%, 86.2745098039%)",
        text: "black",
    },
];