Niewątpliwie wykresy i grafy są nieodłączną formą wizualizacji danych, pozwalając na przejrzyste przedstawienie skomplikowanych zestawów danych.

Niejednokrotnie wykresy są integralną częścią stron internetowych, szczególnie tych związanych ze statystykami – i w tym momencie z pomocą przychodzi stary dobry JavaScript i rzesza programistów dobrej woli.

W niniejszym artykule przedstawię 10 najlepszych moim zadaniem bibliotek JavaScriptowych (często pluginów do jQuery czy MooTools), które czynią generowanie wykresów i grafów, łatwym i przyjemnym.

1. Highcharts

Highcharts została napisana w czystym JavaScriptcie i oferuje szereg zadziwiających, animowanych wykresów z którymi użytkownik może wchodzić w interakcję. Samo dodanie biblioteki jest naprawdę proste a efekt wręcz genialny. Highcharts aktualnie wspiera m.in. wykresy liniowe, powierzchniowe, kołowe kolumnowe i wiele innych. Wszystkie wykresy są wysoce interaktywne i animowane. To mój osobisty faworyt

2. jQuery Visualize Plugin

Bardzo przyjazny plugin do jQuery generujący wykresy na podstawie istniejącej HTML-owej tabelki. Plugin ten jest wysoce konfigurowalny i wspiera m.in. takie wykresy jak: liniowe, kolumnowe, powierzchniowe oraz kołowe.

3. Protovis

Bardzo interesująca propozycja przedstawiania danych w postaci graficznej. Plugin umożliwia budowanie obiektów których dotyczy wizualizacja, przypisując im wartości w reprezentacji jak np. wagi. Przeznaczony dla raczej bardziej wytrwałych programistów.

4. flot

Flot jest pluginem do jQuery firmowanym przez Googla. Plugin ten generuje wykresy w locie po stronie klienta i jest kierowany na prostotę użycia, przyjazny wygląd i interakcję z użytkownikiem, jak na przykład przybliżanie czy śledzenie kursora. Wtyczka działa na Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ wykorzystując canvasy.

5. TufteGraph

Dość prosty plugin, umożliwiający rysowanie wykresów opartych głownie na CSS-ach. Konfiguracja za pośrednictwem wbudowanych funkcji.

6. MooChart

Wciąż w fazie rozwoju plugin do biblioteki MooTools 1.2, który wyrysowuje bezbelkowe diagramy, wykorzystując tag canvas. W przyszłości planowany jest rozwój na diagramy liniowe, kolumnowe i kołowe.

7. Canvas 3D Graph

Canvas 3D Graph pozwala na rysowanie wykresów 3D na podstawie danych numerycznych.

8. JS Charts

JS Charts jest bardzo przyjaznym generatorem wykresów, który praktycznie nie wymaga żadnego kodowania. Wtyczka pozwala na generowanie wykresów w oparciu o szablony.

9. jqPlot

jqPlot jest pluginem dla jQuery do rysowania grafów i wykresów, który umożliwia rysowanie ładnych wykresów. Dodatkowo warto zauważyć, że plugin posiada wiele dodatkowych funkcji.

10. PlotKit

PlotKit rysuje wykresy wykorzystując HTML Canvas jak również SVG. Wtyczka jest dobrze udokumentowana i posiada łatwe tutoriale by szybko zacząć.

Zapisz się na RSS by dowiadywać się o nowościach w serwisie!