Projektowanie wstęg i krągów donutowych
Projektuj wstęgi i krążki donutowe, aby przedstawić składniki w kategoriach AI lub krajach, unikając powszechnych problemów czytelności.
Używaj do przedstawienia relacji części-całka dla mało licznego liczby kategorii i jasnej dominacji. Unikaj krążków donutowych przy porównywaniu wielu kategorii lub na wielu punktach czasowych—zamiast tego użyj słupkowców.
Ograniczenia i układ(sliceów)
Ogranicz slice’y do 5–7; resztę grupuj jako „Inne”. Utrzymaj kąt początkowy na godzinie 12 i uporządkuj slice’y według wielkości.
Donuty umożliwiają użycie centrum do zaznaczenia całkowitej wartości lub kluczowego metryku. Preferuj etykietowanie z zewnątrz z liniami prowadzącymi, aby zmniejszyć poziom nadmiernego zbiegu. Włącz wartości i procenty.
Używaj odmiennych kolorów z odpowiednim kontrastem. Zachowuj powiązane kategorie w s
Wskazówki przy najechaniu myszką pokazują kategorię, wartość, procent i zmianę w porównaniu do poprzedniej okresu. Pozwól na izolację pojedynczych sektorów poprzez kliknięcie oraz nawigację klawiatury między sektorami.
Dostarcz możliwość pobrania podstawowych danych. Upewnij się, że kontrast AA jest spełniony, linie punktujące są widoczne i nawigacja klawiszowa między sektorami jest dostępna. Podaj sumaryczny tekstowy opis oraz tabelę danych.
Często zadawane pytania
Jak najlepiej zaprojektować wykresy kołowe na urządzeniach mobilnych?
Na urządzeniach mobilnych priorytetem powinny być wykresy kołowe typu donut z ograniczonymi etykietami, korzystając w dużej mierze z legendei i wskazówek myszkowych do przekazywania informacji. W przypadku konieczności można rozważyć zamianę na wykresy słupkowe, jeśli etykiety nadmiernie się nakładają na mniejszych ekranach.
Jakie są wskazówki dotyczące użycia wykresów kołowych lub donutowych przy visualizacji użytkowania AI przez kraje?
© 2024 Użycie AI przez kraje. Wskazówki dotyczące wykresów kołowych/donutowych.
Kiedy została ostatnia aktualizacja tych wskazań projektowych?
Ostatnia aktualizacja: 2024 | System projektowy
Wypróbuj na żywo
Wszystko powyżej działa bezpośrednio w Twojej przeglądarce — otwórz Hash Function Avalanche Visualizer i zmieniaj parametry podczas działania. Nic nie jest instalowane ani przesyłane na serwer, cały model działa w jednej karcie.
▶ Otwórz symulację Hash Function Avalanche Visualizer