1

I am looking for a JS visualisation library that allows me to display a graph which shows company ownership, and attributes of those companies/relationships. So something that would look like this (with pretty CSS) and allow me to have:

Nodes as organisations which can be different colours.

Edges as relationships between organisations which can be different arrow types.

Attributes on both nodes (ID, company asset value, industry, etc.) and edges (relationship type, ownership percentage, etc.) to be visible when a node/edge is selected.

Make the graph zoomable/attributes editable/move nodes around.

I've looked at libraries available like Google Chart, Vega, Dracula, TreantJS, etc. but none of them seem to allow me to do this from what I've seen. Have considered using D3 to do all of these since I know it's powerful enough, but I want to make sure there's no libraries that could save me some time.

2 Answers 2

1

Diagram is a feature-rich JS component for visualizing, creating, and editing interactive diagrams like flow charts, organizational charts, mind maps, BPMN diagrams, and more. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.

Herewith we have a created a sample to display a graph that shows company ownership, and attributes of those companies/relationships with our Diagram’s Nodes and Connectors.

Example: https://stackblitz.com/edit/n7vehc-81wyvr

For further information, please refer our help documentation

The whole suite of controls is available for free (commercial applications also) through the community license program if you qualify. The community license is the full product with no limitations or watermarks. Note: I work for Syncfusion

0

you can use BALKAN OrgChartJS

BALKAN OrgChartJS lets developers to create simple, flexible and highly customizable organization chart for presenting structural data in an elegant way.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.