vincent15000's avatar

JS package to create diagrams

Hello,

I'm looking for a JS / VueJS package to create diagrams.

I have found GoJS, who knows it ? But it's not free.

I have also found v-network-graph and visjs.

Perhaps you know other interesting and free packages ?

The idea is to display visually the different steps of a treasure hunt.

Thanks for your help.

V

0 likes
4 replies
jlrdw's avatar

What type of diagrams? I believe chart js would work.

1 like
vincent15000's avatar

Perhaps I'm wrong, but I think that ChartJS can only display graphics with values on axis.

I don't have any value, I just want to display some shapes binded with lines or arrows to represent the different steps of a treasure hunt. In each shape, there will be some informations about the step (name, color, order, ...).

So it looks like something between a mindmap and a network graph.

hinlocaesar-75309181's avatar

Cytoscape.js – great for interactive node/edge graphs, with layouts and styling built in

D3.js – very powerful and flexible if you need custom visuals (but a bit more complex)

Mermaid – simple, text-based diagrams (flowcharts, sequences), easy to integrate

JointJS (core version) – basic diagramming is free, paid features are optional

1 like
vincent15000's avatar

I have tested some packages and I have chosen visjs.

It's just wonderful.

Please or to participate in this conversation.