Vizualizarea seturi mari de date cu wpDataTables: un ghid de utilizare

Publicat: 2023-05-03

Vizualizarea unor seturi mari de date este o provocare uriașă. Prezentarea acestora într-un mod clar și convingător este una dintre cele mai căutate tehnici de vizualizare a datelor. Publicul tău are nevoie de ceva interactiv, ușor de înțeles și receptiv. Există modalități de a crea astfel de vizualizări fără a investi multe ore sau mulți bani în instrumente scumpe de vizualizare a datelor.

wpDataTables este instrumentul robust de vizualizare a datelor pe care îl veți iubi. Faceți tot felul de grafice și diagrame cu el. Este specializat în gestionarea datelor mari și transformarea acestora în prezentări pe care publicul dvs. le va plăcea.

Acest plugin WordPress gestionează toate tipurile de formate de date organizate și ierarhice, cum ar fi:

  • CSV
  • excela
  • Foi de calcul Google
  • JSON
  • MySQL
  • PostgreSQL
  • XML

Are un editor de grafice și diagrame încorporat pentru personalizarea reprezentărilor de date. Ca standard, produce diverse diagrame, inclusiv:

  • Diagrame cu zone
  • Grafice de bare
  • Diagrame cu bule
  • Diagrame cu coloane
  • Diagrame gogoși
  • Diagrame de gabarit
  • Diagrame cu linii
  • Diagrame circulare
  • Diagrame de dispersie

Deci, este clar de ce wpDataTables este un instrument atât de minunat . Acest articol vă va arăta cum îl puteți utiliza pentru a vizualiza seturi mari de date în WordPress și pentru a le publica pe site-ul dvs. web.

Utilizarea wpDataTables pentru vizualizarea seturilor mari de date

Instalarea și activarea wpDataTables

Primul pas este evident: pentru a începe, trebuie să instalați pluginul wpDataTables. Este foarte ușor de făcut accesând depozitul de pluginuri WordPress .

Pentru a face acest lucru, deschideți WordPress și accesați Adăugare nou sub Pluginuri . Aici puteți căuta wpDataTables. Apoi urmați instrucțiunile de pe ecran și finalizați instalarea și activarea.

Import de date

Odată instalat, vă puteți importa datele în wpDataTables din diverse surse . Unele dintre opțiunile pentru importul de date sunt:

  • CSV
  • excela
  • Foi de calcul Google
  • JSON
  • interogări MySQL
  • Matrice PHP serializată
  • XML

De asemenea, aveți încă opțiunea de a vă introduce datele manual în wpDataTables sau de a conecta pluginul la o sursă de date live.

Această caracteristică este foarte utilă deoarece puteți crea tabele care se actualizează automat de fiecare dată când încărcați pagina. De asemenea, puteți genera o interogare personalizată cu instrumentul Interfață grafică cu utilizatorul (GUI).

Cum se creează un tabel nou din date

Puteți crea un tabel nou accesând wpDataTable și făcând clic pe Creare tabelă . Acolo veți vedea opțiunea Creați un tabel legat de o sursă de date existentă . Faceți clic pe acea opțiune și apoi faceți clic pe Următorul .

Pe ecranul următor, veți vedea diferite opțiuni pentru modul în care doriți să vă importați datele. Nu trebuie să selectați niciunul dintre ele, dar unele dintre ele ar putea fi la îndemână.

Sub Display , puteți selecta opțiunea Responsive Collapses , care este foarte utilă pe dispozitivele cu ecrane mai mici. Puteți edita barele de defilare, puteți limita lățimea tabelului și așa mai departe.

Fila Editare vă oferă mai multe opțiuni pentru editarea front-end. Aceasta include imprimarea, copierea și exportul de link-uri rapide. Lucrul bun este că vă puteți previzualiza modificările în timp real. De fiecare dată când faceți o modificare, trebuie să faceți clic pe Salvare sau Aplicare .

Utilizați seturi mari de date? Nici o problemă. Avem procesare pe server

Dacă aveți de-a face cu seturi masive de date și creați tabele gigantice cu o mulțime de pagini, wpDataTables este pluginul WordPress de care aveți nevoie.

wpDataTables este un plugin puternic și flexibil care poate gestiona cu ușurință tone de date. Serios, vorbesc de mii sau chiar milioane de rânduri!

  • Te-ai săturat să aștepți ca mesele tale masive să se încarce?
  • Sătul de sortarea și filtrarea lentă?
  • Vă faceți griji că paginile dvs. se blochează din cauza datelor grele?

Nu mai! wpDataTables te sprijină. Este construit cu o caracteristică fantastică numită „Procesare pe server”. Acest băiat rău îți ia toate sarcinile grele din farfurie și o delegă pe serverul MySQL. Ce înseamnă asta pentru tine? Inseamna:

  • Încărcare mai rapidă a paginii
  • Filtrare și sortare mai inteligentă
  • Gata cu blocarea din cauza seturilor mari de date

Curios cum se face? Urmăriți acest videoclip:

Acum, știu la ce te gândești: „Sună prea bine pentru a fi adevărat, nu?” Dar permiteți-mi să vă spun, este cât se poate de real.

Această funcție este personalizată pentru oameni ca tine care se ocupă de seturi mari de date și doresc o experiență plăcută.

Alegerea corectă a vizualizării datelor

Cu datele dvs. importate, puteți începe să vă gândiți la vizualizarea datelor. Pentru a face acest lucru, deschideți Expertul pentru crearea diagramei . Găsiți expertul după ce deschideți wpDataTables sub Creare diagramă .

Mai întâi, trebuie să dați un nume diagramei pentru a o găsi din nou mai târziu. Apoi alegeți unul dintre cele patru motoare de randare a diagramelor:

  1. Chart.js
  2. Google Charts
  3. Highcharts
  4. ApexCharts

Alegerea corectă a vizualizării datelor este foarte importantă. Diferitele categorii de diagrame sunt mai potrivite pentru diferite tipuri de date.

În primul rând, gândiți-vă la punctul pe care doriți să îl subliniați cu datele dvs. Acest mesaj trebuie să fie clar și proeminent. Cinci întrebări vă pot ajuta să determinați ce doriți să faceți:

  • Dacă există seturi de date diferite, care este relația dintre ele?
  • Este necesar să se evidențieze distribuția datelor și să se identifice valorile aberante?
  • Vrei să compari valori? Dacă da, doriți să comparați diferite puncte de date sau doriți să urmăriți un punct în timp?
  • Există tendințe interesante în setul de date?
  • Este etapa de vizualizare a datelor o parte din analiza datelor?

Când știți răspunsul la aceste întrebări, sunteți gata să alegeți tipul potrivit de diagramă pentru proiectul dvs.

După ce ați editat graficul sau diagrama, puteți face clic pe următorul ecran și puteți copia codul scurt pentru vizualizarea datelor.

Acum sunteți gata să lipiți codul scurt în conținutul site-ului dvs. web. Salvați-l și verificați partea frontală pentru a vedea cum arată.

În interiorul wpDataTables există o opțiune foarte specială. Vă permite să vă păstrați tabelele, chiar dacă ștergeți pluginul .

Dacă alegeți vreodată să ștergeți pluginul, veți găsi în continuare tabelele în baza de date.

Creați o diagramă dintr-un tabel

Să aprofundăm puțin în crearea vizualizării datelor cu wpDataTables. Pluginul vă permite să realizați niște grafice și diagrame impresionante și interactive din orice tip de sursă de date. Puteți utiliza fișiere Excel, CSV, MySQL, JSON și multe altele.

Când tabelul dvs. este gata de procesare, selectați Diagrame și apoi faceți clic pe Adăugare nou .

Dați un titlu proiectului și alegeți mașina de randare așa cum este descris mai sus. Puteți alege dintre Google Charts, Chart.js sau altele. Fiecare motor de randare are caracteristicile sale, fiecare cu argumentele sale pro și contra. Puteți să vă jucați și să vedeți care este cel mai bun pentru proiectul dvs.

De asemenea, fiecare motor de randare vă va oferi diferite categorii de diagrame , cum ar fi bară, coloană, zonă și linie. Există un meniu derulant în partea de sus, unde puteți selecta tipul de vizualizare a datelor dorit.

Formatare și previzualizare

Acum, pluginul vă va permite să formatați diagrama sau graficul așa cum doriți. Puteți vedea modificările imediat într-un panou din partea dreaptă a ecranului.

Veți observa că există mai multe categorii de formatare pentru fiecare diagramă sau element de grafic. Primul set de opțiuni vă permite să ajustați următoarele lucruri:

  • Culori de fundal
  • Culoarea chenarului
  • Raza de frontieră
  • Lățimea graniței
  • Înălțimea graficului
  • Lățimea graficului
  • Diagrama grupului
  • Lățimea de răspuns

O altă categorie de formatare este Series , unde puteți personaliza seria de date. Sub Axe , veți găsi toate opțiunile legate de aspectul axelor graficului. Puteți personaliza axele X și Y independent unul de celălalt.

Următoarea categorie este Exportarea . Puteți permite vizitatorilor site-ului dvs. să vă descarce instrumentele de vizualizare a datelor în diferite formate:

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

Categoria Bară de instrumente este disponibilă numai pentru ApexCharts. Această opțiune vă permite utilizatorilor să descarce datele de vizualizare în formate de imagine vectorială CSV, PNG și SVG.

Când sunteți mulțumit de modul în care arată diagrama sau graficul dvs., îl puteți salva făcând clic pe butonul Salvare diagramă . wpDataTables îl va salva în baza de date WordPress. În acest moment, va genera și codul scurt pentru dvs.

Publicați graficul pe site-ul dvs. web sau pe blogul dvs

Versiunile mai vechi folosesc editorul Classic WordPress. Dar îl puteți folosi și dacă lucrați cu WordPress 5+. Pentru asta, ar trebui să descărcați și să instalați pluginul Classic Editor.

În editorul clasic, puteți lipi codul scurt pe care wpDataTable l-a generat pentru diagrama dvs. Un exemplu de cod scurt ar putea fi:

 [ wpdatatable id=22 ]

Pentru a lipi codul în mod corect, urmați acești pași:

  1. Accesați Postări
  2. Faceți clic pe Adăugați noi sau Pagini
  3. Selectați Adăugați nou
  4. Lipiți codul scurt în conținutul din editor
  5. Actualizați sau publicați pagina sau postarea de blog

O altă modalitate de a vă publica tabelul este folosind butonul wpDataTables din editor. Faceți clic pe butonul pentru a selecta diagrama pe care doriți să o utilizați și faceți clic pe Inserare .

Editorul Gutenberg este un alt instrument pentru gestionarea conținutului dvs. De fapt, vă oferă mai multe opțiuni pentru graficul dvs. Puteți alege ce tabel doriți și cum să-l afișați și puteți defini substituenți variabile și exportați nume de fișiere.

Există o integrare pentru wpDataTables în Divi Page Builder. Cu acest generator de pagini, puteți insera diagrame și tabele direct în interfața de utilizator Divi.

Cuvinte finale despre vizualizarea seturilor mari de date cu wpDataTables

Extragerea informațiilor potrivite din big data nu este ușoară, dar cu tehnicile potrivite de vizualizare a datelor, o puteți face. Acest articol v-a arătat cum puteți converti datele brute în grafice și diagrame atrăgătoare. Este o abilitate necesară dacă trebuie să vizualizați seturi mari de date.

Acest plugin este foarte flexibil. Deci, încercați și vedeți cum puteți obține mai mult din datele complexe utilizând vizualizarea datelor. Veți observa ce poate face modificarea doar a câțiva parametri pentru prezentarea dvs. în vizualizarea unor seturi mari de date.

Dacă ți-a plăcut să citești acest articol despre vizualizarea unor seturi mari de date, ar trebui să le citești și pe acestea:

  • Nu ratați aceste tendințe de vizualizare a datelor
  • Cum să utilizați vizualizarea dinamică a datelor pentru a prezenta mai bine datele
  • Cea mai impresionantă vizualizare interactivă a datelor pe care o veți găsi online