2013-03-17 16 views
13

Chciałbym utworzyć interaktywny schemat typu "rozwiązywanie problemów", który składa się z elementów div.Najlepsza biblioteka javascript do tworzenia i interaktywnego diagramu przepływu

Chciałbym zrobić coś bardzo podobnego do tego, co New York Times zrobili w tym przykładzie ...

http://www.nytimes.com/interactive/2012/06/14/us/how-the-supreme-court-could-rule-on-the-health-care-law.html?ref=us

Ktoś zasugerował Raphael tak Uczę się trochę, że i to jest niesamowite.

Czy jest jakaś inna biblioteka warta rozważenia?

Również jeśli Raphael nadaje się do tego zadania, czy jest to biblioteka powszechnie używana? Jeśli mam zamiar uczyć się nowych umiejętności W moim najlepszym interesie jest nauczenie się popularnego kodu, dzięki czemu mogę go ponownie zastosować do różnych zadań, które otrzymuję, a nie do jakiejś egzotycznej rzeczy, której nigdy nie używam lub której nikt nigdy nie będzie chciał użyć ponownie.

Dziękuję bardzo.

+0

Hej @Dale, na co się ułożyłeś? Chcę wiedzieć, co tam jest, aby wizualizować "interaktywne drzewo decyzyjne", takie jak strona NY Times. Myślę, że odpowiedzi tutaj są dobre, aby przetworzyć nasze własne, ale wydaje się, że dla tak powszechnej rzeczy, powinno być więcej narzędzi, aby po prostu podłączyć dane drzewne i zacząć skórki. Jeśli nie, czy jesteś zainteresowany pracą nad czymś otwartym? Chcę stworzyć przewodnik dla początkującego rolnika, który podejmie właściwe decyzje w oparciu o rodzaj gleby, opady, PH, rośliny uprawne, które chce się zasadzić itp., Aby nowi rolnicy mogli łatwo nauczyć się przygotowywania gleby. –

+0

* Nienawidzę *, gdy zwierzchnicy zamykają rzeczy. To niesamowicie konstruktywne, panowie, proszę, przestańcie to robić. – user1130176

Odpowiedz

4

Zastanów się, D3JS, jeśli chcesz zanurkować w wizualizacji danych. Istnieje mnóstwo miłego przykładu i tutoriale na stronie internetowej.

PS: stworzyć Mike Bostock bieżące prace dla NY Times o ile wiem;)

+0

Nie wiem, w jaki sposób d3js jest dobry w przypadku schematów blokowych. Schematy przepływu mają wiele struktur, a utrudnienie sprawia, że ​​korzystanie z tabelarycznego pliku danych. Podaj przykład, aby to zilustrować? – AbdealiJK

1

Zgadzam się, że Raphael js biblioteki jest potężny. Mogę również zaproponować, aby przyjrzeć się ExtJs 4 - ma też fajne przykłady (oczywiście, jeśli potrzebujesz czegoś innego z tego, nie tylko wykresów) ...

3

Dla czegoś naprawdę prostego, jak przykład NYTimes, nic nie stoi na przeszkodzie robisz to z kilkoma obrazami strzałek i jquery .slideDown(). Z pewnością będzie lżejszy niż przy użyciu większej biblioteki wektorowej i będzie działać w starszych przeglądarkach jako sól.

Powiązane problemy