VIS network diagram in Angular4 - Urgent

[Jayant Nag D]

Hello Everyone,

I came across the below plunker link where Vis.js is being used  to create network diagram. I currently have a requirement to create similar one on Angular 4 and request your help to know how I can make it happen.

http://plnkr.co/edit/N639ZxuIjvTO1MidM2D2?p=preview

Also came across another component called "NGX-Graph".

Requirement is similar to the plunker given above, so any guidance on how I can get the same on Angular4 would be of great help. 

Thanking you

Jayanth Nag D

[Jayant Nag D]

So there is no one who can give out a solution? I thought this group usually helps out immediately and has experts on every use case.

[Sander Elias]

Hi Jayant,

Well, the experts in here, do help in their spare time and don't want to be rushed. Most of us feel that if something is that 'urgent' you should turn to someone and pay them to provide you with a working solution.

Also, you don't really need anything special in Angular, as it works perfectly well with all kind of 3rth party libs. Just create a component, and add the code. 

In this stckblitz I ported the basic usage sample. Probably something you could have done yourself. It's basically just 1 additional line to the original sample.

Regards

Sander

[Jayant Nag D]

Hello Sander,

Thank you very much for sharing the solution, I am sorry to have pushed for an answer but your gesture is highly appreciated.

I had tried the same before but ended up getting errors. Now tried your way but still I am getting the below single error

"vis-graph.component.ts (10,30): Type 'ElementRef' is not generic."

Any help on this one please/

Thanking you

Jayanth Nag

[Jayanth Nag D]

I was able to resolve it myself and the network graph has come out very well. 

Thank you Sander for the initial help, without that I could not have got the idea to solve the errors that was showing up.