DynamicD3: Datan visualisointi D3.js:n avulla

DynamicD3

Palkkikaaviot

Tämä pinottu pylväsdiagrammi on D3.js:llä ja MUI:lla luotu datan visualisointi. Se näyttää leikkausten määrän yhdysvaltalaisessa sairaalassa luokiteltuna asianomaisen elimen mukaan. Kun 'All Three' -valintapainike valitaan, käyttäjät voivat vertailla leikkausten kokonaismäärää kunakin vuonna käyttäen legendaa viitteenä. Yksittäisten arvojen vertailu vuodesta toiseen on kuitenkin vaikeampaa, koska vastaavat pylväät eivät ole samassa linjassa. Siksi olemme lisänneet mahdollisuuden valita mikä tahansa kolmesta elimestä yksinään. Näin on paljon helpompaa keskittyä yksittäiseen tietokokonaisuuteen ja vertailla arvoja.

D3.js:n avulla on mahdollista luoda monenlaisia monitietopalkkikaavioita: esimerkiksi arvot voivat olla vierekkäin sen sijaan, että ne olisi pinottu päällekkäin. Tämä helpottaa arvojen vertailua saman tietokokonaisuuden sisällä, mutta vaikeuttaa kokonaisarvojen vertailua.

Vaihtelevan levyiset pylväsdiagrammit, joita joskus kutsutaan myös vaihtelevan levyisiksi pylväsdiagrammeiksi, ovat pylväsdiagrammeja, joiden pylväiden leveys on epätasainen. Voisimme esimerkiksi esittää eri maiden BKT:n käyttämällä palkkien korkeutta kuvaamaan BKT:tä asukasta kohti ja palkkien leveyttä kuvaamaan väestöä. Pinta-ala edustaisi tällöin kokonaistuotetta.

Kaavio sisältää myös tietoruudukon, joka helpottaa tietojen syöttämistä. D3.js-datavisualisointien tiedot voivat olla paikallisessa JSON- tai CSV-tiedostossa. Jos tiedot kuitenkin muuttuvat usein tai niitä joutuu päivittämään kouluttamaton henkilökunta, tietoruudukko on kätevämpi. Se toimii kuten Excel-taulukkolaskenta, jossa on rivejä ja sarakkeita tietoja varten. Tiedot on yleensä linkitetty ulkoiseen tietokantaan, jonka voimme perustaa puolestasi: lisäetuna tästä on, että tiedot voidaan helposti varmuuskopioida turvallisesti. Katso lisätietoja kohdasta Lisäpalvelut ja Hinnat, jos haluat tietoja kustannuksista.

Pylväsdiagrammin kustannukset riippuvat suuresti siitä, missä määrin datan visualisointi voidaan luoda suoraan D3.js:ssä vai pitääkö se koodata mukautetusti. Lisäominaisuudet, kuten työkaluvihjeet, mukautetut animaatiot ja niin edelleen, lisäävät kustannuksia hieman, mutta parantavat käyttäjäkokemusta huomattavasti. Hinnat -sivulta saat yleiskuvan. Ota kuitenkin yhteyttä meihin, jotta voimme keskustella ilmaiseksi kehittäjän kanssa ja selvittää, mikä on sinulle parasta.


Päivitä sivu tietojen päivittämiseksi.