Kreator wykresów kołowych

Co przedstawia wykres kołowy

Wykres kołowy przypisuje każdej dodatniej wartości kąt w okręgu 360°. Jeśli wartość kategorii wynosi v, a suma wszystkich wyświetlanych wartości to T, jej kąt środkowy wynosi 360 × v / T, natomiast wyświetlany udział procentowy to 100 × v / T. Wykres pierścieniowy używa tych samych proporcji, lecz ma pusty środek; sposób porównania pozostaje taki sam.

W tym przykładzie suma wynosi 100. Produkty zajmują więc 45 / 100 × 360 = 162°. Narzędzie przyjmuje wartości zerowe, ale pomija je na widocznym kole, ponieważ nie mają powierzchni. Wartości ujemne, brakujące i nieskończone są odrzucane, gdyż nie opisują zwykłych części całości. Co najmniej jedna wartość musi być większa od zera.

Kiedy wybrać inny typ wykresu

Wykres kołowy jest najłatwiejszy do odczytania, gdy zawiera niewiele wyraźnie różniących się wycinków. Wykres słupkowy zwykle sprawdzi się lepiej, gdy wartości są zbliżone, kategorii jest dużo, liczy się precyzyjne porównanie albo kategorie nie są częściami jednej sumy. Do pokazywania zmian w czasie lepszy jest wykres liniowy. Nie sumuj udziałów, które się nakładają lub podwójnie zliczają te same dane, dopracowany wygląd koła nie naprawi błędnie zdefiniowanej całości.

Kolor, etykiety i dostępność

Kolor nie powinien być jedynym nośnikiem znaczenia. Zachowaj legendę lub widoczne etykiety wycinków, sprawdź dołączoną tabelę i użyj palety przyjaznej osobom z zaburzeniami widzenia barw, jeśli wykres będzie szeroko udostępniany. W bardzo małych wycinkach może zabraknąć miejsca na tekst, ale dokładna etykieta, wartość i procent pozostają dostępne w legendzie i tabeli danych. SVG nadaje się do edycji i ostrego druku, a PNG o stałym rozmiarze 1200 × 800, do slajdów, dokumentów i mediów społecznościowych.

Wykres powstaje za pomocą interfejsów SVG i Canvas przeglądarki. Dane nie są wysyłane do zewnętrznej usługi wykresów. Postęp wieloetapowej pracy jest tymczasowo przechowywany w pamięci sesji tej karty; można go usunąć, zaczynając od nowa lub zamykając kartę.

Więcej wskazówek znajdziesz w poradniku Datawrapper o tworzeniu wykresu kołowego z niewielką liczbą części, samouczku W3C dotyczącym dostępnych tabel danych oraz dokumentacji MDN o opisywaniu grafiki SVG za pomocą <desc>.