Hlavní navigace

Vyšla nová verze knihovny pro tvorbu diagramů JointJS

Sdílet

anonymní 22. 7. 2013

Vyšla nová, dlouho očekávaná, verze knihovny pro práci s diagramy JointJS. JointJS umožňuje tvořit interaktivní diagramy nebo diagramové nástroje v prohlížeči. Nová verze je kompletním přepisem původní knihovny a je tentokrát postavena na jQuery, Underscore, Backbone a pro vykreslování používá SVG. MVC architektura knihovny ulehčuje napojení na serverovou část aplikací. Knihovnu najdete na Jointjs.com. Autoři jsou Češi.

Tato zprávička byla zaslána čtenářem serveru Root.cz pomocí formuláře Přidat zprávičku. Děkujeme!

Našli jste v článku chybu?
  • Aktualita je stará, nové názory již nelze přidávat.
  • 22. 7. 2013 15:04

    Karlitos (neregistrovaný) ---.dip0.t-ipconnect.de

    Umi tohle delat automaticky layout ? Tim myslim jestli je nebo neni nutne resit pro kazdy element diagramu pozici a nebo jestli to umi nakreslit nejakou stromovou strukturu samo na zaklade struktury dat.

  • 22. 7. 2013 20:28

    bez přezdívky

    Zatim ne, ale mame to v planu. Do te doby se da pohrat napriklad se Springy (http://getspringy.com/). Melo by to jit celkem jednoduse zaintegrovat, nebo ze Springy vytahat implementaci ForceDirected layout algoritmu.

  • 22. 7. 2013 22:48

    Karlitos (neregistrovaný) ---.adsl.alicedsl.de

    Springy znam, ale potreboval bych spis neco co by umelo hierarchicky layout (Sugiyama ...), umelo to horizontalne a vertikalne udelat stromovou strukturu, pripadne jeste treba nejaky grid-layout.
    Force-based reseni je pro javascript celkem dost (d3, springy ...) ale neni to vhodne na vsechny veci. Navic jsem nenasel reseni kde by mi to na zaklade nejakeho popisu grafu G={V,E} umelo dat nejaky vseobecny layout ktery by ale minimalizoval krizeni spojnic na ktery bych pak navesil mnou definovane objekty (SVG/HTML)
    O neexistenci reseni pro zalamovani textu v SVG ani nemluve. Tohle jsem musel resit kombinaci foreign-element + HTML.

  • 23. 7. 2013 22:18

    bez přezdívky

    Naprosto rozumim. Do te doby, nez budeme mit neco primo v JointJS by mozna bylo zajimave se pokusit o integraci Dagre (https://github.com/cpettitt/dagre).

    Zalamovani textu v SVG se zda byt odveky problem. Planujeme na to udelat nejakou pomocnou funkci, ktera by, volitelne, text zalamovala tak, aby se vzdy vlezl napriklad do obdelniku, ktery ten text zapouzdruje.

    foreignObject je urcite zajimavy. Navic v kombinaci s "contenteditable" atributem vlastne implementuje "inline" editaci textu. Nejake pokusy jsme s nim delali, ale bohuzel implementace v prohlizecich je trosku problemova (pozorovali jsme ruzne artefakty, ktere se objevovali napriklad pri rotaci foreignObjectu pri editaci textu v nem). Chceme se na to ale podivat jeste trosku z blizka.