Javascript Graph Layout Engine [zamknięty]

zamknięte. to pytanie nie spełnia wytycznych dotyczących przepełnienia stosu . Obecnie nie przyjmuje odpowiedzi.

chcesz poprawić to pytanie? Update the pytanie więc to on-topic {[3] } dla przepełnienia stosu.

Zamknięte 7 lat temu .

Popraw to pytanie

Szukam Biblioteki/silnika Javascript, który może wykonywać układy graficzne. (A kiedy mówię układy, mam na myśli logicznie ułożone wierzchołki ładnie.) Wykresy, z którymi pracuję to drzewa m-ary. M jest zwykle nie więcej niż 5 lub 6, ale może być większa w niektórych przypadkach.

Mam coś, czego teraz używam, program do węzłów Graphviz, i działa idealnie. Problem polega na tym, że podczas uruchamiania aplikacji internetowej muszę wysyłać żądanie na serwer za każdym razem, gdy chcę układu. Najlepiej, chciałbym coś napisane w Javascript, które można szybko uruchomić po stronie klienta. Wszystko, co musi zrobić, to podać informacje o układzie (względne pozycjonowanie i inne). Nie potrzebuję go do rysowania na płótnie. albo użyj SVG czy coś, interesuje mnie tylko układ.

Użycie biblioteki jak jQuery lub RaphaelJS jest dla mnie w porządku. Popracuję nad tym. Szukam czegoś, co przyspieszy wszystko.

Również, rozważyłbym napisanie własnego, gdybym mógł znaleźć ładny opis algorytmu do robienia układów. Ale naprawdę nie chcę spędzać zbyt wiele czasu. Mam coś, co teraz działa, więc uzyskanie tego po stronie klienta to tylko bonus, a nie konieczność.

Author: GJK, 2012-09-04
Source

4 answers

Spójrz na D3 (dokumenty oparte na Danych)

Http://d3js.org/

Mają piękne układy graficzne.

 8
Author: ColinE,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-09-04 21:40:25

Zobacz dagre https://github.com/cpettitt/dagre teraz używa D3 i wykonuje układ Graphviz (Sugiyama).

 10
Author: Glen,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-03-05 05:00:50

Http://sigmajs.org/ jest wyspecjalizowaną biblioteką js do wizualizacji Wykresów. Używa Canvas zamiast SVG.

 2
Author: Seb,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-01-08 12:51:57

W scenariuszu komercyjnym warto zajrzeć do biblioteki yFiles dla HTML. Chociaż jest również wyposażony w własne możliwości wizualizacji i edycji, układy mogą być również używane jako samodzielne i w momencie pisania są to najprawdopodobniej najbardziej elastyczne i złożone algorytmy układu, które znajdziesz, Jeśli szukasz czystych bibliotek Javascript. Oczywiście istnieją obecnie dostępne techniki, które w zasadzie skompilują dowolną bibliotekę (np. bibliotekę GraphViz) do Javascript "blobs" , ale nie dostarczają prawdziwego API, są bardziej jak aplikacje konsolowe w przeglądarce.

Istnieje wiele dem dostępnych online, które pokazują, co możesz zrobić z układami w yFiles. Implementacja dostarcza wyrafinowane i konfigurowalne wersje algorytmów kierowanych siłą, hierarchicznych (styl Sugiyama), ortogonalnych, drzewnych, okrągłych i czystych algorytmów routingu krawędzi. Ten przegląd pokazuje różne dostępne moduły i że mogą być używane niezależnie od części przeglądarki i edytora.

Pełne ujawnienie: pracuję dla firmy, która tworzy yFiles, ale dalej nie reprezentuję mojego pracodawcy.

 2
Author: Sebastian,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 11:47:18