it-swarm-eu.dev

Jak zobrazit hierarchická data

Některé skutečné ui javascript knihovny chtěli!

Na webové stránce musím zobrazit některá hierarchická data. Mělo by to ne být klasický stromový pohled s textovými položkami. Hledám grafickou implementaci a měla by mít minimální interaktivitu: Chci vidět aktuální položku a její rodiče a všechny děti, poté kliknu na rodič (nebo podřízenou položku) a po animaci uvidím tuto položku (rodič, děti)

Tato knihovna existuje, ale nemohu ji najít.

Here is it

3
igor

Zvažte vyhledávání „knihovny vizualizace javascript“ na Googlu. Několik slibných výsledků:

  • processing.js - Johna Resiga - pravděpodobně budete muset napsat svou konkrétní vizualizaci sami
  • Javascript InfoVis toolkit - podívejte se na ukázkovou stránku, kde najdete příklady interaktivních stromových map, které představují hierarchie, jak jste popsali ve své otázce
  • protovis - spousta skvělých příkladů, ale bohužel žádný z nich bohužel nevypadá přesně jako váš návrh

Doufám, že to pomůže. Při vyhledávání knihoven určitě chcete používat termín „vizualizace informací“. Možná vám to pomůže najít knihovnu, o které přemýšlíte.

6
Rahul

Něco jako Zvětšení uživatelského rozhraní ? V tom případě můžete zkusit Zoomooz.js .

4
Max Steenbergen

Hmmm ... pravděpodobně neodpoví na vaši otázku přímo, ale může to pomoci:
Jednoduchý a rychlý templingový nástroj pro generování HTML z dat JSON

3
Dan Barak

pro minimální interakci můžete také použít http://www.graphviz.org/ a vygenerovat obrázek, SVG nebo podobný výstup. Bohužel, objekt „canvas“ používaný ve většině řešení javascript nelze vytisknout.

2
ericslaw

Vím, že hledáte knihovnu, ale nejprve věci. Je to uživatelské rozhraní, které toužíte?

hierarchy w/o a tree

0
CSSian