DynamicD3: Visualizzazione dei dati con D3.js

DynamicD3

Grafici a torta

Come già detto, il vantaggio di un grafico a ciambella è che al centro c'è un'area che può essere utilizzata per visualizzare i dati. Grazie alla flessibilità di D3.js, questo spazio può mostrare dati modificati o etichette di testo. Ad esempio, in questo caso, i valori percentuali sono mostrati come etichette sulle sezioni del grafico a ciambella, ma la visualizzazione centrale mostra i valori assoluti.

D3.js ci permette anche di usare il colore in modo creativo in un grafico a torta. Questo grafico a torta utilizza una tavolozza di colori casuali. Tuttavia, i colori possono anche essere sfumature proporzionali ai valori sottostanti, come nel caso di questo diagramma Sunburst.

Un altro uso del colore in un grafico a torta potrebbe essere quello di raggruppare insiemi di punti di dati in qualche modo correlati. Ad esempio, un diagramma a torta più dettagliato potrebbe mostrare diversi tipi di operazioni raggruppate in modo significativo, con sezioni della torta che rappresentano operazioni dello stesso gruppo dello stesso colore. Questo è più comune nei diagrammi Sunburst, che sono tipicamente utilizzati per visualizzare insiemi di dati molto più grandi.

I grafici a torta e a ciambella sono facili da produrre utilizzando D3.js, quindi sono relativamente economici. I componenti aggiuntivi, come i tool-tip, le animazioni personalizzate e così via, aumentano un po' il costo ma migliorano notevolmente l'esperienza dell'utente. La pagina Prezzi vi darà un'idea generale. Tuttavia, vi invitiamo a contattarci per un colloquio gratuito con uno sviluppatore per capire cosa è meglio per voi.

I grafici a piramide e a ciambella sono utili per mostrare la suddivisione di un insieme di dati in diversi valori: l'unica differenza è che il grafico a ciambella ha un raggio interno non nullo. L'area al centro può essere utilizzata per visualizzare i dati. In questo caso, passando il mouse su un segmento del grafico, questo si sposta leggermente. Al centro del diagramma vengono visualizzate ulteriori informazioni su quel punto di dati (in questo caso il valore assoluto, anziché la percentuale).