DynamicD3: Vizualizarea datelor folosind D3.js

DynamicD3

Diagrame circulare

După cum s-a menționat mai sus, avantajul unei diagrame de tip gogoașă este că există o zonă în mijloc care poate fi utilizată pentru a afișa date. Datorită flexibilității D3.js, acest spațiu poate afișa date modificate sau etichete de text. De exemplu, în acest caz, valorile procentuale sunt afișate sub formă de etichete pe secțiunile Donut Chart, dar în centru sunt afișate valorile absolute.

D3.js ne permite, de asemenea, să folosim culorile în mod creativ într-un grafic cu plăcintă. Această diagramă cu plăcinte utilizează o paletă de culori aleatoare. Cu toate acestea, culorile ar putea fi, de asemenea, nuanțe care sunt proporționale cu valorile de bază, așa cum este cazul acestei diagrame Sunburst.

O altă utilizare a culorilor într-o diagramă cu plăcintă ar fi aceea de a grupa seturi de puncte de date care sunt legate într-un anumit fel. De exemplu, o diagramă cu plăcintă mai detaliată ar putea arăta diferite tipuri de operațiuni grupate într-un mod semnificativ, cu secțiuni ale plăcintei reprezentând operațiuni din același grup având aceeași culoare. Acest lucru este mai frecvent în diagramele Sunburst, care sunt utilizate de obicei pentru a afișa seturi de date mult mai mari.

Diagramele cu plăcintă și diagramele cu gogoașă sunt ușor de realizat cu ajutorul D3.js, deci sunt relativ ieftine. Add-ons, cum ar fi tool-tips, animații personalizate și așa mai departe, vor adăuga un pic la cost, dar îmbunătățesc foarte mult experiența utilizatorului. Pagina Prețuri vă va oferi o idee generală. Cu toate acestea, vă rugăm să ne contactați pentru o discuție gratuită cu un dezvoltator pentru a stabili ce este cel mai bine pentru dumneavoastră.

Diagramele de tip "piftie" și "gogoașă" sunt utile pentru a arăta defalcarea unui set de date în diferite valori: singura diferență este că graficul de tip gogoașă are o rază interioară diferită de zero. Zona din centru poate fi utilizată pentru a afișa date. În acest caz, trecerea mouse-ului peste un segment al graficului face ca acel segment să se deplaseze ușor în afară. Mai multe informații despre acel punct de date (în acest caz, valoarea absolută, mai degrabă decât procentul) sunt afișate în centrul diagramei.