Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Interaktywne grafy w przeglądarce

Autor: Piotr Karpiuk o piątek 22. Lipiec 2011

Powracając do tematu grafów, zadałem sobie ostatnio trudu poszukania opensource’owej biblioteki JavaScriptu do prezentowania interaktywnych grafów, podobnej do Flashowego Flare wspominanego wcześniej na blogu, ale bez potrzeby korzystania z wtyczek przeglądarki. Znalazłem co chciałem, a nawet więcej:

  • Protovis – (SVG); fantastyczny, deklaratywny styl konfigurowania grafu; bogata kolekcja przykładów wykorzystania biblioteki do bardzo szeroko rozumianej prezentacji danych

  • Dracula Graph Library(JavaScript+SVG)

  • arbor.js – używa WebWorkers i jQuery; zawiera sam mechanizm rozmieszczania wierzchołków grafu, rysowanie na ekranie opracowujemy we własnym zakresie, co daje nam swobodę wyboru technologii (np. canvas, SVG, czy pozycjonowane elementy HTML)
  • Canviz – (Canvas) JavaScriptowy renderer języka xdot ze znanej linuksowej biblioteki Graphviz; graf defniujemy w postaci pliku tekstowego
  • JavaScript InfoVis Toolkit – (HTML/SVG/CSS/JS, zaczyna wykorzystywać WebGL i nowinki z CSS3); wykresy, interesujące wizualizacje drzew i grafów; polecam przejrzenie przykładów
  • js-graph.it – do tworzenia diagramów procesów decyzyjnych i biznesowych
  • jsPlumb (SVG, Canvas, VML) – plugin jQuery
  • Moo Wheel – (Canvas, biblioteki CanvasText, MooTools 1.2); rozmieszcza dane na okręgu i pozwala interaktywnie odkrywać powiązania pomiędzy nimi
Interaktywne grafy w przeglądarce, 5.0 out of 5 based on 1 rating
Share and Enjoy:
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Śledzik
  • Blip
  • Blogger.com
  • Gadu-Gadu Live
  • LinkedIn
  • MySpace
  • Wykop

2 Komentarzy do “Interaktywne grafy w przeglądarce”

  1. q napisał(a):

    Piotrze,

    a tak trochę à propos, znasz może jakąś bibliotekę js do robienia wykresów (np. ciastowych albo kolumnowych) z drilldownem? Coś w tym rodzaju: http://www.anychart.com/products/anychart/docs/users-guide/livesamples/drilldown/index.html
    Szukałem już kilka razy, ale znajdowałem jakieś bardzo płatne.

    Kuba

  2. Piotr Karpiuk napisał(a):

    Niestety – nie interesowałem się tym tematem.

Zostaw komentarz

XHTML: Możesz użyć następujących tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>