DynamicD3: Datan visualisointi D3.js:n avulla

DynamicD3

Sunburst-kaaviot

Sunburst-diagrammit (tunnetaan joskus nimellä Ring Maps tai Radial Treemaps) ovat samankaltaisia kuin Pie Chart -tiedon visualisoinnit, sillä niissä näytetään tyypillisesti arvoja, jotka on ilmaistu suhteellisina arvoina, prosentteina tai osuuksina kokonaisuudesta. Sunburst-diagrammit laajentavat kuitenkin tämän ajatuksen hierarkkisiin tietoihin. D3.js sisältää joukon funktioita, jotka muotoilevat datan uudelleen hierarkkiseen muotoon; kaikkia suhteita ei kuitenkaan voida ilmaista tällä tavalla.

Yksi D3.js:n avulla luotujen Sunburst-diagrammien rajoituksista on se, että koska jokaisen datan visualisoinnin osan on tiedettävä sijaintinsa suhteessa muuhun diagrammiin, datan näyttämiseen tarvitaan paljon muistia. Jos sinulla on hyvin suuri datajoukko, voimme kiertää tämän ongelman luomalla sarjan linkitettyjä, keskittyneitä piirakkadiagrammeja. Näin luodut datan visualisoinnit näyttävät samalta kuin Sunburst-diagrammi. Kunkin renkaan tiedot latautuvat kuitenkin vasta, kun käyttäjät valitsevat hierarkiassa sitä ylempänä olevan renkaan sopivan osan. Tämän rakenteen avulla erittäin suuretkin tietomäärät voidaan esittää selkeästi samalta näyttävässä kaaviossa.

Sunburst-kaavion kustannukset riippuvat suuresti siitä, missä määrin se on koodattava yksilöllisesti. Sivulla Hinnat saat yleiskuvan. Ota kuitenkin yhteyttä meihin, jotta voimme keskustella ilmaiseksi kehittäjän kanssa ja selvittää, mikä on sinulle paras vaihtoehto.

Sunburst-diagrammi esittää hierarkkisia tietoja käyttämällä sarjaa keskittyviä renkaita. Sisempi rengas jakaa toiminnot sen mukaan, mihin elimeen ne kohdistuvat, seuraava rengas jakaa toiminnot toimenpidetyypin mukaan ja lopuksi ulompi rengas jakaa toiminnot vakuutustyypin mukaan. Kun hiirellä osoitetaan kutakin segmenttiä, nähdään hierarkiataso ja kyseisen segmentin osuus kokonaiskustannuksista.