Archiwa kategorii: Wykresy

Timeline – Zaawansowana oś czasu w jQuery

Timeline to zaawansowany skrypt osi czasu. Jednak jak zapewnia autor jest on prosty i intuicyjny w użyciu a jednocześnie prezentuje się znakomicie. Dane do osi czasu mogą być wgrywane przez format danych JSON. Na osi czasu możemy umieścić najróżniejsze media, zdjęcia, mapy Google, video, pliki audio. Media można dodawać z portali społecznościowych.

timeline jquery

Framework: jQuery
Demo: http://timeline.verite.co/
Licencja: GPL

 

Elycharts – interaktywne wykresy w JavaScript

elycharts_jquery_thumb.jpg

Elycharts to łatwa w użyciu biblioteka  do tworzenia wykresów w JavaScript. Obsługuje większość popularnych typów wykresów takich jak słupkowe, kołowe, liniowe itp. Biblioteka ma wbudowane wiele interakcji, dzięki którym można śledzić myszą szczegółowe informacje na wykresie. Dodatkowo zmiana danych powoduje animowane przejścia. Wykresy generowane są  przy użyciu technologii SVG / VML.

Framework: jQuery
Demo: http://elycharts.com/examples
Licencja: MIT

Joint – jak stworzyć interaktywny diagram UML w jQuery

joint

Biblioteka Joint daje możliwość stworzenia interaktywnych diagramów. Możemy tworzyć zarówno proste organizacyjne diagramy, jak i bardziej skomplikowane diagramy relacji, diagramy maszyn stanowych, diagramy klas itp. Obiekty diagramu możemy przesuwać po po ekranie i łączyć z rożnego rodzaju łącznikami.

Framework: jQuery
Link: http://www.jointjs.com/
Demo: http://www.jointjs.com/demos.html
Licencja: MIT

CanvasXpress – biblioteka do rysowania wykresów HTML5

canvasxpress

CanvasXpress to JavaScript-(towa) biblioteka oparta na znacznikach <canvas>, które to znaczniki wchodzą w skład nowego standardu HTML5. Za pomocą biblioteki możemy wygenerować najróżniejsze wykresy kolumnowe, liniowe, kołowe słupkowe, warstwowe i inne. Wykresy działają we wszystkich przeglądarkach w tym w Internet Explorer 8.

canvasxpress

Link: http://canvasxpress.org/
Demo: http://canvasxpress.org/examples
Licencja: Darmowa

HumbleFinance – profesjonalny wykres dla portali finansowych

humblefinance

Profesjonalny skrypt do wykresów finansowych. Takie wykresy, ale w znacznie skromniejszej wersji „bez bajerów :)” można znaleźć na większości stronach o giełdzie. Skrypt umożliwia nie tylko wyświetlenie całego przekroju historycznego notowania, ale też manipulacje przedziałami czasowymi, dzięki zakresom przesuwanym za pomocą myszki. Dodatkowo można doprecyzować okres  z podziałem 1 dzień, 1 miesiąc, 3 miesiące, 6 miesięcy, 1 rok i 5 lat.  Skrypt działa na frameworku Prototype. Dane do wykresu są wczytywane z pliku json (prostsza wersja xml).

humblefinance

Wymagania: Prototype
Demo: http://www.humblesoftware.com/finance/index
Licencja: MIT

JavaScript InfoVis Toolkit – Zaawansowane wykresy w JavaScript

sunburst

Ostatnio przeglądając wiadomości ze świata internetu, znalazłem ciekawie przygotowaną prezentację w formie wykresu na temat firm z branży IT. Omijając wątek samej prezentacji, zaciekawił mnie wykres, który ja przedstawiał. Dziś znalazłem skrypt, który generuje właśnie te wykresy. Niesamowite w tym skrypcie jest to że wykresy, które generuje przypominają bardzo wykresy Flash, jednak są napisane w JavaScript. Dane do wykresu wczytywane są w formacie JSON. Wykresy nie tylko pozwalają przedstawić zaawansowane dane, ale również ciekawe przeglądanie poszczególnych pozycji wykresu.

sunburst

Link: http://thejit.org/
Demo: http://thejit.org/demos/
Licencja: CC

JpGraph – biblioteka wykresów w PHP i GD

JpGraph

JpGraph to potężna biblioteka wykresów, która potrafi przedstawić niemal każdy rodzaj wykresy. Biblioteka działa dzięki wykorzystaniu języka PHP i modułu GD2, który to moduł jest odpowiedzialny za generowanie grafiki. Biblioteka generuje już gotowe obrazy przedstawiające wykresy. Kod biblioteki napisany jest w PHP obiektowym. Pobierając kod, trzeba zdecydować czy pobrać bibliotekę dla wersji PHP 4 czy 5. Komponent jest udostępniany za darmo tylko do użytku osobistego lub edukacyjnego. Jedna licencja kosztuje około 100 dolarów a wersja do rozpowszechniania około 800 dolarów.

JpGraph

Demo: http://jpgraph.net/features/gallery.php
Download: http://jpgraph.net/download/
Licencja: Darmowa, Płatna