Sulla base di una risposta precedente che ho fornito su StackOverflow, aggiungerei alla tua lista quanto segue:

• VivaGraph è uno strumento gratuito e open source per lo strumento di visualizzazione di grafici, ma ha una comunità più piccola rispetto a SigmaJS. Ha la funzione di zoom. Non so nulla dell'integrazione angolare.

• Keylines è uno strumento di visualizzazione di grafici commerciali, con stili, analisi e layout avanzati e forniscono copia / incolla demo se stai usando Neo4J o Titan. Non è gratuito, ma supporta anche i browser più vecchi, da IE7 in poi ... Ha la funzione "zoom" e c'è un semplice wrapper angolare (beta).

Dichiarazione di non responsabilità: faccio parte del team di KeyLines.

yFiles per HTML, una libreria di disegni grafici commerciali per Javascript / HTML5 offre le funzionalità che stai cercando:

Puoi importare nodi e bordi da strutture JSON e aggiornare dinamicamente il grafico più avanti. Questa funzione è mostrata in queste demo. La visualizzazione supporta lo zoom e la panoramica praticamente infinita. Lo zoom e la panoramica, nonché altre interazioni con i grafici (modifica) possono essere eseguite tramite mouse, penna, tastiera e input tattile. Esempi più avanzati sono disponibili qui. Poiché l'aggiunta di nodi e bordi in modo dinamico richiede posizionamenti intelligenti dei nuovi elementi, yFiles fornisce le implementazioni di layout automatico più avanzate disponibili per JavaScript e TypeScript fino ad oggi.

Ci sono alcune demo di AngularJS e Angular2 + che mostrano come eventualmente integrare la libreria con AngularJS e Angular (2+). La demo mostra tutte le possibili funzionalità di integrazione:

• Puoi fare in modo che il controllo stesso venga implementato come una direttiva angolare
• Puoi usare Angular per modellare e associare a dati gli snippet SVG per il visualizzazione dei nodi e delle etichette
• Puoi utilizzare le funzionalità di associazione dei dati di Angular per guidare la struttura del grafico: l'aggiunta di elementi a un elenco li aggiungerà automaticamente al grafico e puoi anche utilizzare il meccanismo di filtraggio di Angular per filtrare il grafico, ad es.

Disclaimer : lavoro per l'azienda che crea quella libreria (ecco perché conosco quella demo), ma su SE non lo faccio rappresenta il mio datore di lavoro.

Linkurious.js funziona bene con Angular ed è gratuito per i progetti open source. Con loro ho creato un'app Web complessa per la visualizzazione di grafici (alcune migliaia di nodi).

Tuttavia consiglio vivamente di NON utilizzare il data binding angolare a due vie per controllare le modifiche negli oggetti perché Angular deve eseguire l'hash l'oggetto ad ogni ciclo $ digest, ed è un'operazione costosa. Un'architettura pub-sub tradizionale eviterebbe un calo delle prestazioni.

Dichiarazione di non responsabilità: lavoro presso Linkurious SAS.

GoJS è una libreria di diagrammi JavaScript generica

Ci sono un sacco di interattività incorporata che rendono facile per gli utenti creare e modificare i propri diagrammi. Guarda un esempio di diagramma di flusso qui o molti altri tipi di diagramma qui.

• Integrato, gli utenti possono trascinare e rilasciare i nodi dalle tavolozze, disegnare nuovi collegamenti, ridisporre / ridimensionare i nodi, rimodellare i collegamenti.
• I modelli per nodi, collegamenti e gruppi possono essere arbitrariamente complessi e includere forme / geometrie personalizzate
• Supporto per collegamenti creati dall'utente con convalida dei collegamenti arbitraria
• Con collegamenti, instradamento dei collegamenti ortogonali e Bezier con opzioni "Evita nodi" e "Salta sopra"
• Associazione dati con dati JSON
• Intuitiva funzionalità Drag-and-Drop & Copia-Incolla
• Annulla e ripristina estensibile illimitata
• Supporto per mouse e tocco con personalizzabile strumenti
• Layout automatico dei grafici
• Tavolozze e panoramiche

Dichiarazione di non responsabilità: sono uno degli sviluppatori principali di GoJS