Node graph visualization widget

[gdt050579]

Discuss about how a Node Graph control / widget should be constructed

[gdt050579]

The initial (beta implementation) is ready - there are however a lot of features that need to be tested before we can release it.
For the moment, the code (to initialize a graph) looks like this:

use appcui::{prelude::*, ui::graphview::{Edge, NodeBuilder}};

fn get_graph_1() -> graphview::Graph<&'static str> {
    graphview::Graph::with_slices_and_border(
        &["A", "Node B", "C", "D12"], 
        &[(0, 1), (0, 2), (1, 2), (2, 3)], 
        LineType::Single
    )
}

fn get_graph_2() -> graphview::Graph<&'static str> {
    let sz = Size::new(5,1);
    let v = vec![
        NodeBuilder::new("Hello world !").size(sz).border(LineType::Double).build(),
        NodeBuilder::new("Color").size(sz).border(LineType::Double).build(),
        NodeBuilder::new("100").size(sz).border(LineType::Double).build(),
        NodeBuilder::new("Turbo car").size(sz).border(LineType::Double).build(),
    ];
    let e = vec![
        Edge::bidirectional(0,1),
        Edge::bidirectional(0,2),
        Edge::bidirectional(1,2),
        Edge::bidirectional(2,3),
    ];
    graphview::Graph::new(v, e)

}

fn main() -> Result<(), appcui::system::Error> {
    let mut a = App::new().build()?;
    let mut w = window!("Test,d:f");
    let mut gv = GraphView::new(Layout::fill(), graphview::Flags::None);
    gv.set_graph(get_graph_2());

    w.add(gv);
    a.add_window(w);
    a.run();
    Ok(())
}

and while it can work with any type of Object - this example is using strings (&str) for testing.

[gdt050579]

Graphview control with the following features was released:

• ability to mov nodes
• routing (direct or orthogonal)
• 8 kind o lines (double, simple, thick, braille, etc)
• 6 automatic methods of layout (gird, force directed, hierarchical, etc)
• support to customize a node or an edge (colors, text, alignament, size and position)
• search for a specific node (via a search bar).
• notification events (when a node is being changed or double clicked)
• More details ca be found on: https://gdt050579.github.io/AppCUI-rs/chapter-3/stock-controls/graphview.html

A video to highlight how the new control works:

Currently the code is on the main branch (and will be updated to crates.io soon).
A more complete example on how to use a graphview can be found: https://github.com/gdt050579/AppCUI-rs/tree/main/examples/graphs

[netbit]

I tried it and it's just awesome, thank you so much for the work you've done.

[gdt050579]

You welcome :)

[gdt050579]

Updated on crates.io
Version 0.3.5