dash14 / v-network-graph

An interactive network graph visualization component for Vue 3

Home Page:https://dash14.github.io/v-network-graph/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Custom SVG on individual nodes

tomas-kucera opened this issue · comments

The library is juts fantastic ... thanks for the great work!

Have a rather simple question / request, which may appear to be like duplicate of the following issues: #80, #86, #106.

But all the provided examples always changed the shapes of all nodes.

What I am looking for is to be able to use custom SVG / HTML on individual nodes (not only icons), so for example I could have node 1 a sqare, node 2 a triangle and node 3 a circle, and node 4 a more complex SVG.

I could image that it would be achievable similarly to the custom icons or the foreignObject. Which one would work and be the best? Plus a short example would be great!

Thanks in advance!

Solved it by modifying the #106 issue.