Is it possible to use Custom HTML / SVG as edges?

[B45i]

I want to use this library in my React.js app and would like to render my own React components as edges.
Even custom HTML or SVG could work.

Or If it's possible to praise the coordinates of edges, I can use that to draw the graph.

Is either of this possible?

[levnach]

Yes, it is possible, and msagljs is specially designed to support this scenario. In this case you take dependency only on @msagl/core. Please have a look at https://microsoft.github.io/msagljs/docs/api, which has an example. You use @msagl/core to calculate the geometry: the graph rendering happens in your code. You can see how to parse the geometry of the curve geometry of an edge in

msagljs/modules/renderer-svg/src/svgCreator.ts

Line 528 in ad15357

function* curveStringTokens(iCurve: ICurve): IterableIterator<string> {

.

Or you can also use a simpler approach by calling

msagljs/modules/core/src/math/geometry/curve.ts

Line 1713 in ad15357

export function interpolateICurve(s: ICurve, eps: number): Point[] {

as in

msagljs/modules/core/test/utils/testUtils.ts

Line 115 in ad15357

function interpolateEdge(edge: GeomEdge): Point[] {

.

[levnach]

@assufsun, do you have an example of using just @msagl/core?

[B45i]

I wasn't able to figure it out from doc. It would be super helpful if someone can provide a working sample.

[levnach]

@B45i, can you describe in more details what you try to achieve? What do you mean by this: "I want to use this library in my React.js app and would like to render my own React components as edges."