Kompletny przegląd najlepszych narzędzi do wizualizacji danych

Zużywanie dużych zestawów danych nie zawsze jest proste. Czasami zbiory danych są tak duże, że wręcz nie sposób odróżnić od nich niczego użytecznego. Tu właśnie pojawiają się wizualizacje danych.

Tworzenie wizualizacji danych rzadko jest proste. To nie jest tak, że projektanci mogą po prostu wziąć zestaw danych z tysiącami wpisów i stworzyć wizualizację od podstaw. Jasne, to możliwe, ale kto chciałby spędzić dziesiątki lub setki godzin na kreśleniu kropek na wykresie punktowym? Tu właśnie przydają się narzędzia do wizualizacji danych.

Czym są narzędzia do wizualizacji danych?

Narzędzia do wizualizacji danych zapewniają projektantom wizualizacji danych łatwiejszy sposób tworzenia wizualnych reprezentacji dużych zestawów danych. W przypadku zbiorów danych zawierających setki tysięcy lub miliony punktów danych automatyzacja procesu tworzenia wizualizacji, przynajmniej w części, znacznie ułatwia pracę projektanta.

Te wizualizacje danych mogą być następnie wykorzystywane do różnych celów: pulpitów nawigacyjnych, raportów rocznych, materiałów sprzedażowych i marketingowych, prezentacji dla inwestorów i praktycznie wszędzie tam, gdzie informacje muszą być natychmiast interpretowane.

Co mają wspólnego najlepsze narzędzia do wizualizacji danych?

Najlepsze narzędzia do wizualizacji danych na rynku mają kilka cech wspólnych. Po pierwsze, łatwość ich użycia. Istnieje kilka niezwykle skomplikowanych aplikacji do wizualizacji danych. Niektóre mają doskonałą dokumentację i samouczki oraz są zaprojektowane w sposób intuicyjny dla użytkownika. Innych brakuje w tych obszarach, eliminując ich z jakiejkolwiek listy „najlepszych” narzędzi, niezależnie od ich innych możliwości.

Najlepsze narzędzia radzą sobie również z ogromnymi zestawami danych. W rzeczywistości najlepsi mogą nawet obsługiwać wiele zestawów danych w jednej wizualizacji.

Najlepsze narzędzia mogą również generować szereg różnych typów wykresów, wykresów i map. Większość poniższych narzędzi może wyświetlać zarówno obrazy, jak i interaktywne wykresy. Istnieją jednak wyjątki od różnorodności kryteriów wyjściowych. Niektóre narzędzia do wizualizacji danych skupiają się na konkretnym typie wykresu lub mapy i robią to bardzo dobrze. Te narzędzia mają również miejsce wśród „najlepszych” narzędzi.

Wreszcie są względy kosztowe. Chociaż wyższa cena niekoniecznie dyskwalifikuje narzędzie, wyższa cena musi być uzasadniona lepszym wsparciem, lepszymi funkcjami i lepszą ogólną wartością.

Porównanie narzędzi do wizualizacji danych

Dostępne są dziesiątki, jeśli nie setki aplikacji, narzędzi i skryptów do tworzenia wizualizacji dużych zbiorów danych. Wiele z nich jest bardzo prostych i ma wiele nakładających się funkcji.

Istnieją jednak cechy wyróżniające, które albo mają większe możliwości dla typów wizualizacji, które mogą tworzyć, albo są znacznie łatwiejsze w użyciu niż inne dostępne opcje.

Tableau (i Tableau Public)

Tableau ma wiele dostępnych opcji, w tym aplikację komputerową, serwerową i hostowane wersje online oraz bezpłatną opcję publiczną. Dostępne są setki opcji importu danych, od plików CSV przez dane Google Ads i Analytics po dane Salesforce.

Opcje wyjściowe obejmują wiele formatów wykresów, a także możliwość mapowania. Oznacza to, że projektanci mogą tworzyć mapy oznaczone kolorami, które prezentują ważne geograficznie dane w formacie, który jest znacznie łatwiejszy do strawienia niż kiedykolwiek mogłaby być tabela lub wykres.

Publiczna wersja Tableau jest bezpłatna dla każdego, kto szuka wydajnego sposobu tworzenia wizualizacji danych, których można używać w różnych ustawieniach. Od dziennikarzy, przez ćpunów politycznych, po tych, którzy chcą po prostu oszacować dane z własnego życia, Tableau Public ma mnóstwo potencjalnych zastosowań. Posiadają obszerną galerię infografik i wizualizacji, które zostały stworzone wraz z wersją publiczną, aby służyć jako inspiracja dla tych, którzy są zainteresowani tworzeniem własnych.

Plusy

• Setki opcji importu danych
• Możliwość mapowania
• Dostępna bezpłatna wersja publiczna
• Wiele samouczków wideo, które poprowadzą Cię przez proces korzystania z Tableau

Cons

• Wersje niewolne są drogie (70 USD/miesiąc/użytkownika za oprogramowanie Tableau Creator)
• Wersja publiczna nie pozwala na zachowanie prywatności analiz danych

Przykłady wizualizacji danych

Dolna linia

Tableau to świetna opcja dla tych, którzy oprócz innych rodzajów wykresów muszą tworzyć mapy. Tableau Public to również świetna opcja dla każdego, kto chce tworzyć wizualizacje dostępne publicznie.

Infogram

Infogram to w pełni funkcjonalne narzędzie do wizualizacji typu „przeciągnij i upuść”, które umożliwia nawet osobom niebędącym projektantami tworzenie skutecznych wizualizacji danych do raportów marketingowych, infografik, postów w mediach społecznościowych, map, pulpitów nawigacyjnych i nie tylko.

Gotowe wizualizacje można wyeksportować do wielu formatów: .PNG, .JPG, .GIF, .PDF i .HTML. Możliwe są również interaktywne wizualizacje, idealne do osadzania w witrynach internetowych lub aplikacjach. Infogram oferuje również wtyczkę WordPress, która jeszcze bardziej ułatwia osadzanie wizualizacji dla użytkowników WordPress.

Plusy

• Wielopoziomowe ceny, w tym bezpłatny plan z podstawowymi funkcjami
• Zawiera ponad 35 typów wykresów i ponad 550 typów map
• Edytor przeciągnij i upuść
• API do importowania dodatkowych źródeł danych

Cons

• Znacznie mniej wbudowanych źródeł danych niż niektóre inne aplikacje

Przykłady

Dolna linia

Infogram to świetna opcja zarówno dla osób nie będących projektantami, jak i dla projektantów. Edytor „przeciągnij i upuść” ułatwia tworzenie profesjonalnie wyglądających projektów bez większych umiejętności projektowania wizualnego.

WykresBloki

ChartBlocks twierdzi, że dane można importować „z dowolnego miejsca” za pomocą ich interfejsu API, w tym z kanałów na żywo. Chociaż twierdzą, że importowanie danych z dowolnego źródła można wykonać „zaledwie kilka kliknięć”, z pewnością jest bardziej złożone niż inne aplikacje, które mają zautomatyzowane moduły lub rozszerzenia dla określonych źródeł danych.

Aplikacja pozwala na szerokie dostosowanie końcowej utworzonej wizualizacji, a kreator budowania wykresów pomaga użytkownikom wybrać dokładnie odpowiednie dane do swoich wykresów przed ich zaimportowaniem.

Projektanci mogą tworzyć praktycznie każdy rodzaj wykresu, a wyniki są responsywne — duża zaleta dla projektantów wizualizacji danych, którzy chcą osadzić wykresy w witrynach internetowych, które mogą być wyświetlane na różnych urządzeniach.

Plusy

• Dostępne są bezpłatne i niedrogie płatne plany
• Łatwy w użyciu kreator do importowania niezbędnych danych

Cons

• Nie wiadomo, jak solidny jest ich interfejs API
• Wygląda na to, że nie ma żadnych możliwości mapowania

Przykłady

Dolna linia

ChartBlocks ma doskonały darmowy plan, co jest dużym plusem. Wyjątkowa jest również łatwość użycia do tworzenia podstawowych wykresów i wykresów.

Opakowanie danych

Datawrapper został stworzony specjalnie do dodawania wykresów i map do wiadomości. Tworzone wykresy i mapy są interaktywne i przeznaczone do osadzania na stronach z wiadomościami. Ich źródła danych są jednak ograniczone, a podstawową metodą jest kopiowanie i wklejanie danych do narzędzia.

Po zaimportowaniu danych wykresy można tworzyć jednym kliknięciem. Ich typy wizualizacji obejmują między innymi wykresy kolumnowe, liniowe i słupkowe, pierścienie wyborcze, wykresy warstwowe, wykresy punktowe, kartogramy i mapy symboli oraz mapy lokalizacyjne. Gotowe wizualizacje przypominają te z serwisów takich jak New York Times czy Boston Globe. W rzeczywistości ich wykresy są wykorzystywane przez publikacje takie jak Mother Jones, Fortune i The Times.

Darmowy plan jest idealny do osadzania grafiki w mniejszych witrynach o ograniczonym ruchu, ale płatne plany są drogie, zaczynając od 39 USD miesięcznie.

Plusy

• Specjalnie zaprojektowany do wizualizacji danych w newsroomie
• Darmowy plan jest odpowiedni dla mniejszych witryn
• Narzędzie zawiera wbudowaną funkcję sprawdzania ślepoty barw

Cons

• Ograniczone źródła danych
• Płatne plany są drogie

Przykład

Dolna linia

Datawrapper to doskonały wybór do wizualizacji danych dla serwisów informacyjnych. Pomimo ceny, funkcje Datawrappera do wizualizacji specyficznej dla wiadomości sprawiają, że jest to tego warte.

D3.js

D3.js to biblioteka JavaScript do manipulowania dokumentami przy użyciu danych. D3.js wymaga przynajmniej pewnej wiedzy na temat JS, chociaż istnieją aplikacje, które pozwalają użytkownikom nieprogramującym na korzystanie z biblioteki.

Te aplikacje obejmują NVD3, który oferuje wykresy wielokrotnego użytku dla D3.js; Chart Studio firmy Plotly, które pozwala również projektantom tworzyć WebGL i inne wykresy; i Ember Charts, który również wykorzystuje framework Ember.js.

Plusy

• Bardzo potężny i konfigurowalny
• Możliwa ogromna liczba typów wykresów
• Nacisk na standardy sieciowe
• Dostępne narzędzia umożliwiające nie-programistom tworzenie wizualizacji
• Bezpłatne i otwarte oprogramowanie

Cons

• Wymaga wiedzy programistycznej do samodzielnego używania
• Mniej dostępnego wsparcia niż w przypadku płatnych narzędzi

Przykłady

Dolna linia

D3.js jest odpowiedni tylko dla tych projektantów, którzy mają dostęp do pomocy programisty lub sami posiadają wiedzę programistyczną.

Wykresy Google

Google Charts to potężne, bezpłatne narzędzie do wizualizacji danych, które jest przeznaczone specjalnie do tworzenia interaktywnych wykresów do osadzania online. Działa z danymi dynamicznymi, a wyjścia są oparte wyłącznie na HTML5 i SVG, więc działają w przeglądarkach bez użycia dodatkowych wtyczek. Źródła danych obejmują Google Spreadsheets, Google Fusion Tables, Salesforce i inne bazy danych SQL.

Istnieje wiele typów wykresów, w tym mapy, wykresy punktowe, wykresy kolumnowe i słupkowe, histogramy, wykresy warstwowe, wykresy kołowe, mapy drzew, osie czasu, wskaźniki i wiele innych. Te wykresy można całkowicie dostosować za pomocą prostej edycji CSS.

Plusy

• Bezpłatny
• Dostępna szeroka gama formatów wykresów
• Kompatybilny z różnymi przeglądarkami, ponieważ używa HTML5/SVG
• Działa z danymi dynamicznymi

Cons

• Poza dostępnymi samouczkami i forum wsparcie jest ograniczone

Przykłady

Dolna linia

Wykresy Google to świetna opcja, jeśli projektant jest nieco zaznajomiony z kodowaniem i chce potężnego, bezpłatnego rozwiązania. Możliwość wykorzystania dowolnej bazy danych SQL jako źródła danych sprawia, że ​​jest to również dobra opcja dla dużych zestawów danych.

FusionWykresy

FusionCharts to kolejna oparta na JavaScript opcja tworzenia internetowych i mobilnych pulpitów nawigacyjnych. Zawiera ponad 150 typów wykresów i 1000 typów map. Może integrować się z popularnymi frameworkami JS (m.in. React, jQuery, React, Ember i Angular), a także z językami programowania po stronie serwera (m.in. PHP, Java, Django i Ruby on Rails).

FusionCharts zapewnia gotowy do użycia kod dla wszystkich odmian wykresów i map, co ułatwia osadzanie na stronach internetowych nawet projektantom z ograniczoną wiedzą programistyczną. Ponieważ FusionCharts ma na celu tworzenie kokpitów, a nie tylko prostych wizualizacji danych, jest to jedna z najdroższych opcji zawartych w tym artykule. Ale jest też jednym z najpotężniejszych.

Plusy

• Ogromna liczba opcji formatu wykresów i map
• Więcej funkcji niż większość innych narzędzi do wizualizacji
• Integruje się z wieloma różnymi frameworkami i językami programowania

Cons

• Drogie (zaczyna się od prawie 500 USD za jedną licencję programisty)
• Przesada dla prostych wizualizacji poza środowiskiem dashboardu

Przykłady

Dolna linia

Jeśli chodzi o tworzenie pulpitów nawigacyjnych, nic innego w tym artykule nie może się równać z FusionCharts. Jeśli taki jest projekt pod ręką, jest to bez wątpienia najmocniejszy wybór.

Chart.js

Chart.js to prosta, ale elastyczna biblioteka do tworzenia wykresów JavaScript. Jest to oprogramowanie typu open source, zapewnia dużą różnorodność typów wykresów (łącznie osiem) oraz umożliwia animację i interakcję.

Chart.js używa HTML5 Canvas do wyświetlania, więc dobrze renderuje wykresy we wszystkich nowoczesnych przeglądarkach. Tworzone wykresy są również responsywne, więc świetnie nadają się do tworzenia wizualizacji dostosowanych do urządzeń mobilnych.

Plusy

• Bezpłatne i otwarte oprogramowanie
• Responsywne i kompatybilne z różnymi przeglądarkami wyjście

Cons

• Bardzo ograniczone typy wykresów w porównaniu z innymi narzędziami
• Ograniczone wsparcie poza oficjalną dokumentacją

Przykłady

Dolna linia

Chart.js to dobra opcja dla projektantów, którzy potrzebują prostej, konfigurowalnej, interaktywnej opcji wizualizacji. Jego największym atutem jest to, że jest darmowy i open source.

Grafana

Grafana to oprogramowanie do wizualizacji typu open source, które umożliwia użytkownikom tworzenie dynamicznych pulpitów nawigacyjnych i innych wizualizacji. Obsługuje mieszane źródła danych, adnotacje i konfigurowalne funkcje alertów, a także można go rozszerzyć za pomocą setek dostępnych wtyczek. To sprawia, że ​​jest to jedno z najpotężniejszych dostępnych narzędzi do wizualizacji.

Funkcje eksportu umożliwiają projektantom udostępnianie migawek pulpitów nawigacyjnych, a także zapraszanie innych użytkowników do współpracy. Grafana obsługuje ponad 50 źródeł danych za pośrednictwem wtyczek. Można ją bezpłatnie pobrać lub dostępna jest wersja hostowana w chmurze za 49 USD miesięcznie. (Istnieje również bardzo ograniczona darmowa wersja hostowana.) Wersja do pobrania ma również dostępne plany wsparcia, coś, czego nie oferuje wiele innych narzędzi open-source.

Plusy

• Open source, z dostępnymi darmowymi i płatnymi opcjami
• Dostępny duży wybór źródeł danych
• Dostępnych jest wiele typów wykresów
• Ułatwia tworzenie dynamicznych dashboardów
• Może pracować z mieszanymi plikami danych

Cons

• Przesada w tworzeniu prostych wizualizacji
• Nie oferuje tylu opcji dostosowywania wizualnego, co niektóre inne narzędzia
• Nie najlepsza opcja do tworzenia obrazów wizualizacyjnych
• Brak możliwości osadzenia dashboardów na stronach internetowych, choć możliwe dla poszczególnych paneli

Przykłady

Dolna linia

Grafana to jedna z najlepszych opcji tworzenia kokpitów menedżerskich do użytku wewnętrznego, zwłaszcza w przypadku mieszanych lub dużych źródeł danych.

Chartist.js

Chartist.js to bezpłatna biblioteka JavaScript o otwartym kodzie źródłowym, która umożliwia tworzenie prostych, responsywnych wykresów, które są wysoce konfigurowalne i kompatybilne z różnymi przeglądarkami. Cała biblioteka JavaScript ma tylko 10 KB po GZIP. Wykresy utworzone za pomocą Chartist.js można również animować, a wtyczki umożliwiają jego rozbudowę.

Plusy

• Bezpłatne i otwarte oprogramowanie
• Mały rozmiar pliku
• Wykresy mogą być animowane

Cons

• Nie jest to najszerszy wybór dostępnych typów wykresów
• Brak możliwości mapowania
• Ograniczone wsparcie poza społecznością programistów

Przykłady

Dolna linia

Chartist.js to dobra opcja dla projektantów, którzy chcą prostych, osadzonych, responsywnych wykresów o małym rozmiarze pliku.

Sigmajs

Sigmajs to jednofunkcyjne narzędzie wizualizacyjne do tworzenia wykresów sieciowych. Jest wysoce konfigurowalny, ale wymaga podstawowej znajomości języka JavaScript, aby z niego korzystać. Tworzone wykresy są osadzane, interaktywne i responsywne.

Plusy

• Wysoce konfigurowalny i rozszerzalny
• Bezpłatne i otwarte oprogramowanie
• Łatwe do osadzania wykresów w witrynach i aplikacjach

Cons

• Tworzy tylko jeden rodzaj wizualizacji: wykresy sieciowe
• Do dostosowania i wdrożenia wymagana jest znajomość JS

Przykłady

Dolna linia

Ze względu na jeden cel, Sigmajs jest świetną opcją do tworzenia wykresów sieciowych, o ile projektant jest zaznajomiony z JavaScript.

Polimapy

Polymaps to dedykowana biblioteka JavaScript do mapowania. Dane wyjściowe to dynamiczne, responsywne mapy w różnych stylach, od nakładek obrazów przez mapy symboli po mapy gęstości. Używa SVG do tworzenia obrazów, więc projektanci mogą używać CSS do dostosowywania wizualizacji swoich map.

Plusy

• Bezpłatne i otwarte oprogramowanie
• Zbudowany specjalnie do mapowania
• Łatwe umieszczanie map w witrynach i aplikacjach

Cons

• Tworzy tylko jeden rodzaj wizualizacji
• Wymaga pewnej wiedzy o kodowaniu, aby dostosować i wdrożyć

Przykłady

Dolna linia

Polimapy to dobra opcja, jeśli mapy są jedynym wymaganym rodzajem wizualizacji, o ile projektant jest zaznajomiony z podstawowym kodowaniem.

Wniosek

Projektanci mają do dyspozycji tak ogromną różnorodność narzędzi do wizualizacji, że trudno jest zdecydować, którego z nich użyć. Projektanci wizualizacji danych powinni mieć na uwadze takie rzeczy, jak łatwość użycia i to, czy narzędzie ma potrzebne funkcje.

Wybór najpotężniejszego dostępnego narzędzia nie zawsze jest najlepszym pomysłem: krzywe uczenia się mogą być strome, wymagając więcej zasobów, aby po prostu rozpocząć pracę, podczas gdy prostsze narzędzie może być w stanie stworzyć dokładnie to, co jest potrzebne w ułamku czasu. Pamiętaj jednak, że narzędzie to tylko część równania w tworzeniu wizualizacji danych; projektanci muszą również zastanowić się, co jeszcze składa się na świetną wizualizację danych.

Większość narzędzi do wizualizacji danych obejmuje bezpłatne wersje próbne (jeśli całe narzędzie nie jest bezpłatne), dlatego warto poświęcić trochę czasu na wypróbowanie kilku przed podjęciem decyzji o jednym rozwiązaniu.

• • •

Dalsza lektura na blogu Toptal Design:

1. Wizualizacja danych – najlepsze praktyki i podstawy
2. Zainspiruj się tymi wizualizacjami danych
3. Projekt pulpitu nawigacyjnego — rozważania i najlepsze praktyki
4. Jeśli nie korzystasz z danych UX, to nie jest projektowanie UX
5. Siła w liczbach — przegląd projektowania opartego na danych