DEV Community

Vijay
Vijay

Posted on

How to create an organisation chart in Angular from scratch?

Hi everyone,
I wanted to create an organisation chart from scratch in angular.I need an explanation with example how to create organisation chart from scratch. where
There are packages but those are not customisable and I am also wanted to create package where end user can customize each and every inch of organization chart by providing some input values to the component. So if any one can explain how to create an basic chart with example. It will be helpful.

Top comments (3)

Collapse
 
ky1e_s profile image
Kyle Stephens • Edited

PrimeNG has it available out of the box. See here.

Regarding end-user configurability - that could look many different ways. You're looking into product/application design there.

Collapse
 
olierxleben profile image
Oliver Erxleben

If primeNG is used in the whole app that is pretty cool, but... do you want to integrate a whole dependency for that? Besides bundle size and dependency management later on, does it fit into the visual language of the application?

Collapse
 
hendrikfoo profile image
Hendrik Richert

It would probably help if you could provide a ui mockup (and maybe the expected input data) of what you're trying to build :)