Som nämnts ovan är fördelen med ett Donut Chart att det finns ett område i mitten som kan användas för att visa data. Tack vare flexibiliteten i D3.js kan detta utrymme visa modifierade data eller textetiketter. I det här fallet visas t.ex. procentvärdena som etiketter på Donut-diagrammets sektioner, men i mitten visas de absoluta värdena.
Med D3.js kan vi också använda färger på ett kreativt sätt i ett cirkeldiagram. Detta cirkeldiagram använder en palett med slumpmässiga färger. Färgerna kan dock också vara nyanser som är proportionella mot de underliggande värdena, vilket är fallet med detta Sunburst-diagram.
En annan användning av färg i ett cirkeldiagram skulle vara att gruppera uppsättningar av datapunkter som är relaterade på något sätt. Ett mer detaljerat cirkeldiagram kan t.ex. visa olika typer av insatser grupperade på ett meningsfullt sätt, där de delar av cirkeln som representerar insatser i samma grupp har samma färg. Detta är vanligare i Sunburst-diagram, som vanligtvis används för att visa mycket större datauppsättningar.
Cirkeldiagram och munkdiagram är enkla att skapa med D3.js, så de är relativt billiga. Tillägg som verktygstips, anpassade animationer och så vidare ökar kostnaden en aning men förbättrar användarupplevelsen avsevärt. På sidan Priser får du en allmän uppfattning. Men kontakta oss gärna för en kostnadsfri diskussion med en utvecklare om vad som är bäst för dig.
Cirkeldiagram och munkdiagram är användbara för att visa uppdelningen av en datamängd i olika värden: den enda skillnaden är att munkdiagrammet har en inre radie som inte är noll. Området i mitten kan användas för att visa data. Om du håller muspekaren över ett segment i diagrammet flyttas segmentet ut något. Mer information om den datapunkten (i det här fallet absolutvärdet snarare än procentandelen) visas i mitten av diagrammet.