DynamicD3: Vizualizarea datelor folosind D3.js

DynamicD3

Diagrame de bare

Acest grafic cu bare suprapuse este o vizualizare de date creată cu D3.js și MUI. Acesta arată numărul de operații la un spital din SUA, clasificate în funcție de organul afectat. Atunci când este selectat butonul radio "Toate cele trei", utilizatorii pot compara numărul total de operații din fiecare an, folosind legenda ca referință. Cu toate acestea, este mai greu de comparat valorile individuale de la un an la altul, deoarece barele corespunzătoare nu se aliniază. Prin urmare, am adăugat opțiunea de a selecta oricare dintre cele trei organe de unul singur. Astfel, este mult mai ușor să vă concentrați asupra unui singur set de date și să comparați valorile.

Este posibilă crearea unei varietăți de diagrame de bare cu mai multe date cu ajutorul D3.js: de exemplu, în loc să se suprapună valorile, acestea pot fi alăturate. Acest lucru facilitează compararea valorilor din cadrul aceluiași set de date, dar face mai dificilă compararea valorilor totale.

Diagramele cu bare de lățime variabilă, uneori numite diagrame cu bare variwide, sunt diagrame cu bare cu lățimi neuniforme. De exemplu, am putea arăta PIB-ul diferitelor țări folosind înălțimea barelor pentru a reprezenta PIB-ul pe cap de locuitor și lățimea barei pentru a reprezenta populația. Suprafața ar reprezenta apoi PIB-ul total.

Graficul încorporează, de asemenea, o grilă de date pentru introducerea ușoară a datelor. Datele pentru vizualizările de date D3.js pot fi într-un fișier local JSON sau CSV. Cu toate acestea, în cazul în care se schimbă frecvent sau trebuie să fie actualizate de către personal neinstruit, o grilă de date este mai convenabilă. Aceasta funcționează la fel ca o foaie de calcul Excel, cu rânduri și coloane pentru date. De obicei, datele sunt legate de o bază de date externă pe care o putem configura pentru dvs.: un avantaj suplimentar este că datele dvs. pot fi ușor copiate în siguranță. Consultați Add Ons pentru mai multe detalii și Pricele pentru informații despre costuri.

Costul unei diagrame cu bare depinde în mare măsură de măsura în care vizualizarea datelor poate fi creată direct în D3.js sau trebuie să fie codificată la comandă. Add-ons, cum ar fi tool-tips, animații personalizate și așa mai departe, vor adăuga un pic la cost, dar vor îmbunătăți 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ă.


Reîmprospătați pagina pentru a actualiza datele.