Wizualizacja dużych zestawów danych za pomocą wpDataTables: poradnik

Opublikowany: 2023-05-03

Wizualizacja dużych zbiorów danych to ogromne wyzwanie. Przedstawienie ich w jasny i przekonujący sposób jest jedną z najbardziej poszukiwanych technik wizualizacji danych. Twoi odbiorcy potrzebują czegoś, co jest interaktywne, łatwe do zrozumienia i responsywne. Istnieją sposoby tworzenia tego rodzaju wizualizacji bez inwestowania wielu godzin lub dużych pieniędzy w drogie narzędzia do wizualizacji danych.

wpDataTables to solidne narzędzie do wizualizacji danych, które pokochasz. Tworzysz nim wszelkiego rodzaju wykresy i wykresy. Specjalizuje się w obsłudze dużych zbiorów danych i przekształcaniu ich w prezentacje, które pokochają Twoi odbiorcy.

Ta wtyczka WordPress obsługuje wszelkiego rodzaju zorganizowane i hierarchiczne formaty danych, takie jak:

  • CSV
  • Przewyższać
  • Arkusze Google
  • JSON
  • MySQL
  • PostgreSQL
  • XML

Ma wbudowany edytor wykresów i wykresów do dostosowywania reprezentacji danych. Standardowo generuje różne wykresy, m.in.:

  • Wykresy powierzchniowe
  • Wykresy słupkowe
  • Wykresy bąbelkowe
  • Wykresy kolumnowe
  • Wykresy pączków
  • Wykresy mierników
  • Wykresy liniowe
  • Wykresy kołowe
  • Wykresy punktowe

Jest więc jasne, dlaczego wpDataTables jest tak niesamowitym narzędziem . W tym artykule dowiesz się, jak możesz go wykorzystać do wizualizacji dużych zbiorów danych w WordPress i opublikowania ich na swojej stronie internetowej.

Używanie wpDataTables do wizualizacji dużych zbiorów danych

Instalacja i aktywacja wpDataTables

Pierwszy krok jest oczywisty: aby rozpocząć, musisz zainstalować wtyczkę wpDataTables. Jest to bardzo łatwe, przechodząc do repozytorium wtyczek WordPress .

Aby to zrobić, otwórz WordPress i przejdź do Dodaj nowy pod Wtyczki . Tutaj możesz wyszukać wpDataTables. Następnie postępuj zgodnie z instrukcjami wyświetlanymi na ekranie i zakończ instalację i aktywację.

Importowanie danych

Po zainstalowaniu możesz importować swoje dane do wpDataTables z różnych źródeł . Niektóre opcje importu danych to:

  • CSV
  • Przewyższać
  • Arkusze Google
  • JSON
  • Zapytania MySQL
  • Serializowana tablica PHP
  • XML

Nadal masz również możliwość ręcznego wprowadzania danych do wpDataTables lub połączenia wtyczki ze źródłem danych na żywo.

Ta funkcja jest bardzo przydatna, ponieważ możesz tworzyć tabele, które aktualizują się automatycznie za każdym razem, gdy ładujesz stronę. Zapytanie niestandardowe można również wygenerować za pomocą narzędzia graficznego interfejsu użytkownika (GUI).

Jak utworzyć nową tabelę z danych

Możesz utworzyć nową tabelę, przechodząc do wpDataTable i klikając opcję Utwórz tabelę . Tam zobaczysz opcję Utwórz tabelę połączoną z istniejącym źródłem danych . Kliknij tę opcję, a następnie kliknij Dalej .

Na następnym ekranie zobaczysz różne opcje importowania danych. Nie musisz wybierać żadnego z nich, ale niektóre z nich mogą się przydać.

W obszarze Wyświetlacz możesz wybrać opcję Zwijanie responsywne , co jest bardzo przydatne na urządzeniach z mniejszymi ekranami. Możesz edytować paski przewijania, ograniczać szerokość tabeli i tak dalej.

Karta Edycja zapewnia więcej opcji edycji front-end. Obejmuje to drukowanie, kopiowanie i eksportowanie szybkich łączy. Dobrą rzeczą jest to, że możesz przeglądać zmiany w czasie rzeczywistym. Za każdym razem, gdy wprowadzasz zmianę, musisz kliknąć Zapisz lub Zastosuj .

Używasz dużych zbiorów danych? Bez problemu. Mamy przetwarzanie po stronie serwera

Jeśli masz do czynienia z ogromnymi zestawami danych i tworzysz gigantyczne tabele z mnóstwem stron, wpDataTables to wtyczka WordPress, której potrzebujesz.

wpDataTables to potężna i elastyczna wtyczka, która z łatwością poradzi sobie z ogromną ilością danych. Poważnie, mówię o tysiącach, a nawet milionach rzędów!

  • Masz dość czekania na załadowanie ogromnych stołów?
  • Masz dość powolnego sortowania i filtrowania?
  • Martwisz się o awarie stron z powodu dużej ilości danych?

Już nie! wpDataTables Cię wspiera. Jest zbudowany z fantastyczną funkcją o nazwie „Przetwarzanie po stronie serwera”. Ten zły chłopiec zdejmuje z ciebie cały ciężki obowiązek i przekazuje go serwerowi MySQL. Co to oznacza dla Ciebie? To znaczy:

  • Szybsze ładowanie strony
  • Inteligentniejsze filtrowanie i sortowanie
  • Koniec z awariami z powodu dużych zestawów danych

Ciekawe, jak to się robi? Zobacz ten film:

Teraz wiem, co myślisz: „Brzmi zbyt dobrze, aby mogło być prawdziwe, prawda?” Ale powiem ci, że jest tak realny, jak tylko się da.

Ta funkcja jest dostosowana do potrzeb osób takich jak Ty, które obsługują duże zbiory danych i chcą płynnego działania.

Wybór odpowiedniej wizualizacji danych

Po zaimportowaniu danych możesz zacząć myśleć o wizualizacji danych. Aby to zrobić, otwórz Kreatora tworzenia wykresów . Kreatora znajdziesz po otwarciu wpDataTables w obszarze Utwórz wykres .

Najpierw musisz nadać swojemu wykresowi nazwę, aby móc go później znaleźć. Następnie wybierz jeden z czterech silników renderowania wykresów:

  1. Chart.js
  2. Wykresy Google
  3. Wysokie wykresy
  4. ApexCharts

Wybór odpowiedniej wizualizacji danych jest bardzo ważny. Różne kategorie wykresów są bardziej odpowiednie dla różnych typów danych.

Najpierw pomyśl o tym, co chcesz zrobić ze swoimi danymi. To przesłanie musi być jasne i widoczne. Pięć pytań może pomóc ci określić, co chcesz robić:

  • Jeśli istnieją różne zestawy danych, jaka jest między nimi relacja?
  • Czy istnieje potrzeba podkreślenia rozkładu danych i zidentyfikowania wartości odstających?
  • Chcesz porównać wartości? Jeśli tak, czy chcesz porównać różne punkty danych, czy też chcesz śledzić jeden punkt w czasie?
  • Czy w zbiorze danych występują interesujące trendy?
  • Czy etap wizualizacji danych jest częścią analizy danych?

Znając odpowiedź na te pytania, możesz wybrać odpowiedni rodzaj wykresu dla swojego projektu.

Po edycji wykresu lub wykresu możesz przejść do następnego ekranu i skopiować krótki kod do wizualizacji danych.

Teraz możesz wkleić krótki kod do treści swojej witryny. Zapisz go i sprawdź przód, aby zobaczyć, jak wygląda.

Wewnątrz wpDataTables jest bardzo specjalna opcja. Pozwala zachować swoje tabele, nawet jeśli usuniesz wtyczkę .

Jeśli kiedykolwiek zdecydujesz się usunąć wtyczkę, nadal znajdziesz swoje tabele w bazie danych.

Utwórz wykres z tabeli

Zagłębmy się trochę w tworzenie wizualizacji danych za pomocą wpDataTables. Wtyczka umożliwia tworzenie imponujących i interaktywnych wykresów i wykresów z dowolnego źródła danych. Możesz używać plików Excel, CSV, MySQL, JSON i innych.

Gdy tabela jest gotowa do przetworzenia, wybierz Wykresy , a następnie kliknij Dodaj nowy .

Nadaj projektowi tytuł i wybierz maszynę renderującą, jak opisano powyżej. Możesz wybierać spośród Google Charts, Chart.js lub innych. Każdy silnik renderujący ma swoje cechy, każdy ma swoje zalety i wady. Możesz się pobawić i zobaczyć, który z nich jest najlepszy dla Twojego projektu.

Ponadto każdy silnik renderujący udostępnia różne kategorie wykresów , takie jak słupkowe, kolumnowe, powierzchniowe i liniowe. U góry znajduje się menu rozwijane, w którym można wybrać rodzaj wizualizacji danych.

Formatowanie i podgląd

Teraz wtyczka pozwoli Ci sformatować wykres lub wykres tak, jak chcesz. Możesz od razu zobaczyć swoje zmiany w panelu po prawej stronie ekranu.

Zauważysz, że istnieje kilka kategorii formatowania dla każdego wykresu lub elementu wykresu. Pierwszy zestaw opcji pozwala dostosować następujące rzeczy:

  • Kolory tła
  • Kolor ramki
  • Promień granicy
  • Szerokość granicy
  • Wysokość wykresu
  • Szerokość wykresu
  • Wykres grupowy
  • Szerokość responsywna

Kolejną kategorią formatowania jest Seria , w której można dostosować serie danych. W sekcji Osie znajdziesz wszystkie opcje związane z układem osi wykresu. Możesz dostosować osie X i Y niezależnie od siebie.

Następna kategoria to Eksport . Możesz zezwolić odwiedzającym Twoją witrynę na pobieranie narzędzi do wizualizacji danych w różnych formatach:

  • CSV
  • JPG
  • PDF
  • PNG
  • SVG
  • XLS

Kategoria Pasek narzędzi jest dostępna tylko dla ApexCharts. Ta opcja umożliwia użytkownikom pobieranie danych wizualizacji w formatach obrazów wektorowych CSV, PNG i SVG.

Gdy jesteś zadowolony ze sposobu, w jaki wygląda Twój wykres lub wykres, możesz go zapisać, klikając przycisk Zapisz wykres . wpDataTables zapisze go w bazie danych WordPress. W tym momencie wygeneruje również dla ciebie krótki kod.

Opublikuj wykres na swojej stronie internetowej lub w poście na blogu

Starsze wersje używają klasycznego edytora WordPress. Ale możesz go również użyć, jeśli pracujesz z WordPress 5+. W tym celu musisz pobrać i zainstalować wtyczkę Classic Editor.

W klasycznym edytorze możesz wkleić krótki kod, który wpDataTable wygenerował dla twojego wykresu. Przykładem krótkiego kodu może być:

 [ wpdatatable id=22 ]

Aby wkleić kod we właściwy sposób, wykonaj następujące kroki:

  1. Przejdź do Postów
  2. Kliknij Dodaj nowe lub Strony
  3. Wybierz Dodaj nowy
  4. Wklej krótki kod do treści w edytorze
  5. Zaktualizuj lub opublikuj swoją stronę lub post na blogu

Innym sposobem opublikowania tabeli jest użycie przycisku wpDataTables w edytorze. Kliknij przycisk, aby wybrać wykres, którego chcesz użyć, i kliknij Wstaw .

Gutenberg Editor to kolejne narzędzie do zarządzania treścią. W rzeczywistości zapewnia więcej opcji dla twojego wykresu. Możesz wybrać, którą tabelę chcesz i jak ją wyświetlić, a także zdefiniować symbole zastępcze zmiennych i wyeksportować nazwy plików.

Istnieje integracja dla wpDataTables w Divi Page Builder. Dzięki temu narzędziu do tworzenia stron możesz wstawiać wykresy i tabele bezpośrednio do interfejsu użytkownika Divi.

Ostatnie słowa na temat wizualizacji dużych zbiorów danych za pomocą wpDataTables

Wydobycie właściwych informacji z dużych zbiorów danych nie jest łatwe, ale dzięki odpowiednim technikom wizualizacji danych można to zrobić. W tym artykule pokazano, jak można przekształcić surowe dane w atrakcyjne wykresy i diagramy. Jest to niezbędna umiejętność, jeśli potrzebujesz wizualizować duże zbiory danych.

Ta wtyczka jest bardzo elastyczna. Spróbuj więc i zobacz, jak możesz wydobyć więcej ze złożonych danych za pomocą wizualizacji danych. Zauważysz, jak zmiana zaledwie kilku parametrów może wpłynąć na prezentację podczas wizualizacji dużych zbiorów danych.

Jeśli podobał Ci się ten artykuł na temat wizualizacji dużych zestawów danych, przeczytaj również ten artykuł:

  • Nie przegap tych trendów w wizualizacji danych
  • Jak wykorzystać dynamiczną wizualizację danych do lepszej prezentacji danych
  • Najbardziej imponująca interaktywna wizualizacja danych, jaką znajdziesz online