Unmerge edges

Things I have tried

I’ve set up a graph view using juggl with two nodes, connected with a double link
A → B
A → B

It shows a single edge:
Screenshot from 2022-12-29 11-42-20

I wish to create two curved edges instead, based on the separate links between A & B. The juggl documentation (CSS Styling - Juggl) suggests edges are bundled by default:

edgeCount: When edges are merged (default), this is the total amount of edges of a certain type that are merged together. This is used by default to make lines thicker for merged edges that represent more links.

What I’m trying to do

How do I ‘unmerge’ these edges and show aliases for each unique link?

I am following the idea of @Salamander23 orginal post

Therefore, my Node A looks like this:

A
#test
description:: [[B|something]]
description:: [[B|something else]]

I use juggl’s graph.css to show the edge-data:

/*If the context contains 'description', label the link as "description" */
edge[context *= 'description']{
    label: data(alias);
}

edge {
    ...
    curve-style: unbundled-bezier; /*important to better visualize separate juggl links*/
    text-rotation: autorotate;
    ...
}

I’d like to show 2 edges from A to B, each with it’s own label: ‘something’ & ‘something else’ … ideally the solution is

  • a ‘single mode’ network A-> B
  • and not a ‘two mode’ network A → Something (else) → B

Hello pljvp,
I believe if you replace your css line
“curve-style: unbundled-bezier;” with “curve-style: bezier;”, you’ll get your desired effect

Thanks for thinking along @Salamander23 … unfortunately the simple ‘bezier’ only gives me a ‘haystack’ style:
image

From what I remember when I did this, once I introduced another edge between A and B with a different field name, I got two separate edges. The haystack behavior you mention should only be there if there’s only one edge between A and B.

Yes, another edge - in another direction - works fine.
image

I know I’m pushing the system for an alternative to a two-mode system. But hey, it’s the way we learn :wink:
I’ll keep on looking for a solution to show multiple edges - in the same direction - between two nodes.

Even with Breadcrumbs, Dataview and Juggl enabled, I cannot generate a double edge between two nodes.

Here’s the B-node content

#test

- atype:: [ [[C-node|type_0]], [[C-node|type_1]] ]
- somelink:: [ [[A-node|link_one]], [[D-node|link_two]] ]

- description0:: [[E-node|some_description]]
- description1:: [[E-node|some_other_description]]

[[A-node]] - [[A-node]] - [[C-node]]

And here’s some styling in graph.css within the juggl folder:

/*If the context contains 'description', label the link as "description" */
edge[context *= 'description']{
    label: data(alias);
}
edge[context *= 'description0']{
    label: data(alias);
}
edge[context *= 'description1']{
    label: data(alias);
}

/*If the context contains 'description', label the link as "description" */
edge[context *= 'sibling']{
    label: data(alias);
    color: cyan;
}
edge[context *= 'parent']{
    label: data(alias);
    color: cyan;
}

/*If the context contains 'description', label the link as "description" */
edge[context *= 'somelink']{
    label: data(alias);
    color: green;
}
edge[context *= 'atype']{
    label: data(alias);
    color: red;
}

Every solution so far only renders the first link: