Visualizzazione di set di dati di grandi dimensioni con wpDataTables: una guida pratica

Visualizzare set di dati di grandi dimensioni è una sfida enorme. Presentarli in modo chiaro e convincente è una delle tecniche di visualizzazione dei dati più ricercate. Il tuo pubblico ha bisogno di qualcosa che sia interattivo, facile da capire e reattivo. Esistono modi per creare questo tipo di visualizzazioni senza investire molte ore o molti soldi in costosi strumenti di visualizzazione dei dati.

wpDataTables è il robusto strumento di visualizzazione dei dati che adorerai. Con esso crei tutti i tipi di grafici e diagrammi. È specializzato nella gestione dei big data e nella loro trasformazione in presentazioni che il tuo pubblico adorerà.

Questo plugin per WordPress gestisce tutti i tipi di formati di dati organizzati e gerarchici, come:

• CSV
• Eccellere
• Fogli Google
• JSON
• MySQL
• PostgreSQL
• XML

Ha un grafico integrato e un editor di grafici per personalizzare le rappresentazioni dei dati. Come standard, produce vari grafici, tra cui:

• Grafici ad area
• Grafici a barre
• Grafici a bolle
• Grafici a colonne
• Grafici a ciambella
• Grafici di calibro
• Grafici a linee
• Grafici a torta
• Grafici a dispersione

Quindi, è chiaro perché wpDataTables è uno strumento così fantastico . Questo articolo ti mostrerà come utilizzarlo per visualizzare grandi set di dati in WordPress e pubblicarli sul tuo sito web.

Utilizzo di wpDataTables per la visualizzazione di set di dati di grandi dimensioni

Installazione e attivazione di wpDataTables

Il primo passaggio è ovvio: per iniziare, è necessario installare il plug-in wpDataTables. È molto facile da fare andando al repository dei plugin di WordPress .

Per farlo, apri WordPress e vai su Aggiungi nuovo sotto Plugin . Qui puoi cercare wpDataTables. Quindi seguire le istruzioni sullo schermo e terminare l'installazione e l'attivazione.

Importazione dei dati

Una volta installato, puoi importare i tuoi dati in wpDataTables da varie fonti . Alcune delle scelte per l'importazione dei dati sono:

• CSV
• Eccellere
• Fogli Google
• JSON
• query MySQL
• Array PHP serializzato
• XML

Hai anche la possibilità di inserire manualmente i tuoi dati in wpDataTables o di collegare il plug-in a un'origine dati in tempo reale.

Questa funzione è molto utile perché puoi creare tabelle che si aggiornano automaticamente ogni volta che carichi la tua pagina. È inoltre possibile generare una query personalizzata con lo strumento GUI (Graphical User Interface).

Come creare una nuova tabella dai dati

Puoi creare una nuova tabella andando su wpDataTable e facendo clic su Crea una tabella . Lì vedrai l'opzione Crea una tabella collegata a un'origine dati esistente . Fare clic su tale opzione e quindi fare clic su Avanti .

Nella schermata successiva, vedrai diverse opzioni su come vuoi importare i tuoi dati. Non è necessario selezionarne nessuno, ma alcuni potrebbero essere utili.

Sotto Display , puoi selezionare l'opzione Responsive Collapsing , che è molto utile su dispositivi con schermi più piccoli. Puoi modificare le barre di scorrimento, limitare la larghezza della tabella e così via.

La scheda Modifica offre più opzioni per la modifica front-end. Ciò include la stampa, la copia e l'esportazione di collegamenti rapidi. La cosa buona è che puoi vedere in anteprima le tue modifiche in tempo reale. Ogni volta che apporti una modifica, devi fare clic su Salva o Applica .

Utilizzo di set di dati di grandi dimensioni? Nessun problema. Abbiamo l'elaborazione lato server

Se hai a che fare con enormi set di dati e creare tabelle gigantesche con un sacco di pagine, wpDataTables è il plug-in di WordPress di cui hai bisogno.

wpDataTables è un plug-in potente e flessibile in grado di gestire tonnellate di dati con facilità. Seriamente, sto parlando di migliaia o addirittura milioni di righe!

• Stanco di aspettare che i tuoi enormi tavoli si carichino?
• Stufo di smistamento e filtraggio lenti?
• Preoccupato per il crash delle tue pagine a causa di dati pesanti?

Non più! wpDataTables ti copre le spalle. È costruito con una fantastica funzionalità chiamata "elaborazione lato server". Questo ragazzaccio toglie tutto il lavoro pesante dal tuo piatto e lo delega al server MySQL. Cosa significa per te? Significa:

• Caricamento della pagina più rapido
• Filtraggio e ordinamento più intelligenti
• Niente più arresti anomali dovuti a set di dati di grandi dimensioni

Curioso come si fa? Guarda questo video:

Ora, so cosa stai pensando: "Sembra troppo bello per essere vero, giusto?" Ma lascia che te lo dica, è il più reale possibile.

Questa funzione è fatta su misura per persone come te che gestiscono set di dati di grandi dimensioni e desiderano un'esperienza fluida.

Scegliere la giusta visualizzazione dei dati

Con i tuoi dati importati, puoi iniziare a pensare alla visualizzazione dei dati. Per farlo, apri la Creazione guidata grafico . La procedura guidata si trova dopo aver aperto wpDataTables in Create a Chart .

Innanzitutto, devi dare un nome al tuo grafico per ritrovarlo più tardi. Quindi scegli uno dei quattro motori di rendering dei grafici:

1. Grafico.js
2. Grafici di Google
3. Classifiche
4. ApexCharts

La scelta della giusta visualizzazione dei dati è molto importante. Diverse categorie di grafici sono più adatte a diversi tipi di dati.

Innanzitutto, pensa al punto che vuoi sottolineare con i tuoi dati. Tale messaggio deve essere chiaro e prominente. Cinque domande possono aiutarti a determinare cosa vuoi fare:

• Se ci sono diversi set di dati, qual è la relazione tra loro?
• È necessario evidenziare la distribuzione dei dati e identificare i valori anomali?
• Vuoi confrontare i valori? In tal caso, vuoi confrontare diversi punti dati o vuoi seguire un punto nel tempo?
• Ci sono tendenze interessanti all'interno del set di dati?
• La fase di visualizzazione dei dati fa parte dell'analisi dei dati?

Quando conosci la risposta a queste domande, sei pronto per scegliere il giusto tipo di grafico per il tuo progetto.

Dopo aver modificato il grafico o il grafico, puoi fare clic sulla schermata successiva e copiare lo shortcode per la visualizzazione dei dati.

Ora sei pronto per incollare lo shortcode nel contenuto del tuo sito web. Salvalo e controlla il front-end per vedere come appare.

All'interno di wpDataTables c'è un'opzione molto speciale. Ti consente di mantenere le tue tabelle, anche se elimini il plugin .

Se scegli di eliminare il plug-in, troverai comunque le tue tabelle nel database.

Creare un grafico da una tabella

Andiamo un po' più a fondo nella creazione della visualizzazione dei dati con wpDataTables. Il plug-in ti consente di creare grafici e diagrammi impressionanti e interattivi da qualsiasi tipo di origine dati. Puoi utilizzare file Excel, CSV, MySQL, JSON e altro ancora.

Quando la tabella è pronta per l'elaborazione, seleziona Grafici e fai clic su Aggiungi nuovo .

Dai un titolo al progetto e scegli la macchina di rendering come descritto sopra. Puoi scegliere tra Google Charts, Chart.js o altri. Ogni motore di rendering ha le sue caratteristiche, ognuna con i suoi pro e contro. Puoi giocare e vedere qual è il migliore per il tuo progetto.

Inoltre, ogni motore di rendering ti fornirà diverse categorie di grafici , come barre, colonne, aree e linee. Nella parte superiore è presente un menu a discesa in cui è possibile selezionare il tipo di visualizzazione dei dati che si desidera.

Formattazione e anteprima

Ora, il plug-in ti consentirà di formattare il grafico o il grafico nel modo desiderato. Puoi vedere subito le tue modifiche in un pannello sul lato destro dello schermo.

Noterai che ci sono diverse categorie di formattazione per ogni grafico o elemento grafico. Il primo set di opzioni ti consente di regolare le seguenti cose:

• Colori di sfondo
• Colore del bordo
• Raggio del bordo
• Larghezza del bordo
• Altezza del grafico
• Larghezza del grafico
• Grafico di gruppo
• Larghezza reattiva

Un'altra categoria di formattazione è Serie , in cui è possibile personalizzare le serie di dati. Sotto Axes , troverai tutte le opzioni relative al layout degli assi del grafico. È possibile personalizzare gli assi X e Y indipendentemente l'uno dall'altro.

La categoria successiva è l'esportazione . Puoi consentire ai visitatori del tuo sito web di scaricare i tuoi strumenti di visualizzazione dei dati in diversi formati:

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

La categoria Toolbar è disponibile solo per ApexCharts. Questa opzione consente agli utenti di scaricare i dati di visualizzazione nei formati immagine vettoriale CSV, PNG e SVG.

Quando sei soddisfatto dell'aspetto del grafico o del grafico, puoi salvarlo facendo clic sul pulsante Salva grafico . wpDataTables lo salverà nel database di WordPress. A questo punto, genererà anche lo shortcode per te.

Pubblica il grafico sul tuo sito web o post sul blog

Le versioni precedenti utilizzano l'editor classico di WordPress. Ma puoi usarlo anche se lavori con WordPress 5+. Per questo, dovresti scaricare e installare il plug-in dell'editor classico.

Nell'editor classico, puoi incollare lo shortcode che wpDataTable ha generato per il tuo grafico. Un esempio di shortcode potrebbe essere:

 [ wpdatatable id=22 ]

Per incollare il codice nel modo corretto, segui questi passaggi:

1. Vai a Post
2. Fare clic su Aggiungi nuovo o Pagine
3. Seleziona Aggiungi nuovo
4. Incolla lo shortcode nel contenuto nell'editor
5. Aggiorna o pubblica la tua pagina o il tuo post sul blog

Un altro modo per pubblicare la tabella è utilizzare il pulsante wpDataTables nell'editor. Fare clic sul pulsante per selezionare il grafico che si desidera utilizzare e fare clic su Inserisci .

L'editor Gutenberg è un altro strumento per la gestione dei tuoi contenuti. In effetti, ti consente più opzioni per il tuo grafico. È possibile scegliere quale tabella si desidera e come visualizzarla, nonché definire segnaposti variabili ed esportare nomi di file.

C'è un'integrazione per wpDataTables in Divi Page Builder. Con questo generatore di pagine, puoi inserire grafici e tabelle direttamente nell'interfaccia utente di Divi.

Parole finali sulla visualizzazione di set di dati di grandi dimensioni con wpDataTables

Estrarre le giuste informazioni dai big data non è facile, ma con le giuste tecniche di visualizzazione dei dati puoi farlo. Questo articolo ti ha mostrato come convertire i dati grezzi in grafici e diagrammi accattivanti. È un'abilità necessaria se devi visualizzare set di dati di grandi dimensioni.

Questo plugin è molto flessibile. Quindi provalo e scopri come puoi ottenere di più da dati complessi utilizzando la visualizzazione dei dati. Noterai cosa può fare la modifica di pochi parametri per la tua presentazione nella visualizzazione di grandi set di dati.

Se ti è piaciuto leggere questo articolo sulla visualizzazione di set di dati di grandi dimensioni, dovresti leggere anche questi:

• Non perdere queste tendenze di visualizzazione dei dati
• Come utilizzare la visualizzazione dinamica dei dati per presentare meglio i dati
• La visualizzazione interattiva dei dati più impressionante che troverai online