© 2024 Użycie AI według krajów. Diagramy kolumnowe wymagają konkretnych rozważań dotyczące projektowania.

Projektowanie diagramów słupkowych

Projektowanie słupków do porównywania metryk AI między krajami, sektorami i

Używaj słupków dla porównań kategorii. Podstawy pozostawiaj na zera, chyba że jasno zaznaczone. Unikaj 3D lub intensywnej dekoracji.

Używaj poziomych słupków dla długich etykiet (imiennych nazw krajów) i pionowych dla skoków czasu.

Podaj źródło i datę ostatniego aktualizowania pod wykresem.

Oś Y dla kategorii (pionowe słupki) lub wartości (poziome słupki); oś X dla wartości lub czasu. Zaznacz siatkę z niskim kontrastem.

Sgrupowane słupki do porównywania wielu serii w danej kategorii.

demo na żywo · powiązana symulacja● LIVE

Znormalizowane stosy 100% dla porównania udziałów między krajami.

Umieść etykiety wartości na końcach słupków, gdy jest to możliwe; w przeciwnym razie użyj narzutek. Utrzymuj minimalne i zgodne oznaczenia osi.

Używaj palety barwy marki z silnym kontrastem. W przypadku wielu serii używaj odmiennych tonów; dla jednej serii użyj jednego tonu z pastelą w stanach nieaktywnych. Unikaj zależności tylko od koloru—używaj wzorów do poprawy dostępności.

Często zadawane pytania

Jak mogę upewnić się, że istnieje odpowiednia kontrastowość między kolumnami, etykietami i siatkowymi liniami w moim diagramie kolumnowym?

Upewnij się, że istnieje AA kontrast między kolumnami, etykietami i siatkowymi liniami. Navigacja za pomocą klawiatury powinna przesuwać się po kolumnach; Enter/Sapacja otwierają narzędzie do sprawdzania (tooltip) lub pin. Dodaj tabelę danych do pobrania (CSV) oraz podsumowanie tekstowe kluczowych wyników.

Jakie modyfikacje powinienem dokonać, aby przełączyć się na poziome kolumny przy wyświetlaniu wykresu na ekranie z małym rozmiarem?

Przełączaj się na poziome kolumny na ekranach z małym rozmiarem. Zmniejsz gęstość etykiet i obwracaj etykiety. Używaj touch-friendly tooltippów oraz większych obszarów aktywności. Rozważ mini-sparkline dla załadowanych paneli kontrolnych.

Kiedy były te wskazówki dotyczące projektowania diagramów kolumnowych ostatnio aktualizowane?

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