DynamicD3: Wizualizacja danych przy użyciu D3.js

DynamicD3

Wykresy kołowe

Jak wspomniano powyżej, zaletą wykresu pączkowego jest to, że w środku znajduje się obszar, który można wykorzystać do wyświetlania danych. Ze względu na elastyczność D3.js, przestrzeń ta może wyświetlać zmodyfikowane dane lub etykiety tekstowe. Na przykład w tym przypadku wartości procentowe są wyświetlane jako etykiety na sekcjach wykresu pączkowego, ale środkowy wyświetlacz pokazuje wartości bezwzględne.

D3.js pozwala nam również na kreatywne wykorzystanie kolorów na wykresie kołowym. Ten wykres kołowy wykorzystuje paletę losowych kolorów. Jednak kolory mogą być również odcieniami, które są proporcjonalne do wartości bazowych, tak jak w przypadku tego wykresu Sunburst.

Innym zastosowaniem koloru na wykresie kołowym może być grupowanie zestawów punktów danych, które są w jakiś sposób powiązane. Na przykład bardziej szczegółowy wykres kołowy może pokazywać różne typy operacji pogrupowane w jakiś znaczący sposób, przy czym sekcje koła reprezentujące operacje w tej samej grupie mają ten sam kolor. Jest to bardziej powszechne w diagramach Sunburst, które są zwykle używane do wyświetlania znacznie większych zestawów danych.

Wykresy kołowe i pączkowe są łatwe do wykonania przy użyciu D3.js, więc są stosunkowo niedrogie. Dodatki, takie jak podpowiedzi narzędzi, niestandardowe animacje itp. zwiększą nieco koszt, ale znacznie poprawią wrażenia użytkownika. Strona Ceny daje ogólny pogląd. Prosimy jednak o kontakt w celu przeprowadzenia bezpłatnej rozmowy z deweloperem, aby ustalić, co jest dla Ciebie najlepsze.

Wykresy kołowe i pączkowe są przydatne do pokazywania podziału zestawu danych na różne wartości: jedyną różnicą jest to, że wykres pączkowy ma niezerowy promień wewnętrzny. Obszar w środku może być używany do wyświetlania danych. W tym przypadku najechanie kursorem myszy na segment wykresu powoduje nieznaczne przesunięcie tego segmentu. Więcej informacji na temat tego punktu danych (w tym przypadku wartość bezwzględna, a nie procentowa) jest wyświetlanych w środkowej części wykresu.