Tworzenie wykresów online

Tworzenie wykresów online z własnych danych

To narzędzie pozwala na tworzenie wykresów online w kilka sekund: kolumnowych, słupkowych, kolumnowych skumulowanych, liniowych, warstwowych, kołowych i pierścieniowych. Wpisz liczby do tabeli (do 50 wierszy i 6 serii) albo wklej zakres skopiowany z Excela, Arkuszy Google lub pliku CSV. Podgląd odświeża się przy każdej zmianie, a gotowy wykres można pobrać jako PNG lub SVG albo skopiować do schowka.

Bez otwierania arkusza kalkulacyjnego i bez zakładania konta: to szybki sposób, by zilustrować referat, sprawozdanie lub pracę dyplomową, przygotować slajd na spotkanie, opublikować grafikę na LinkedInie czy Instagramie albo śledzić sprzedaż i budżet małej firmy. Obrazy są czyste, bez znaku wodnego, z okrągłymi wartościami na osiach i liczbami w polskim formacie (1234,5; 12%).

1. Wybierz typ wykresu

   Kliknij Kolumnowy, Słupkowy, Kolumnowy skumulowany, Liniowy, Warstwowy, Kołowy lub Pierścieniowy. Wykresy kołowy i pierścieniowy korzystają z pierwszej serii tabeli.

2. Wpisz lub wklej dane

   Na karcie „Dane” wypełnij tabelę (etykiety w kolumnie 1, jedna kolumna na serię) albo otwórz „Wklej tabelę” i kliknij „Importuj i zastąp”. Przyciski „Dodaj wiersz”, „Dodaj serię” i „Zamień wiersze i kolumny” przebudowują tabelę.

3. Dodaj tytuły i wygląd

   Karta „Tytuły i osie” ustawia tytuł, podtytuł i tytuły osi; „Wygląd” odpowiada za kolory, legendę, format liczb (prefiks, sufiks, miejsca po przecinku), rozmiar tekstu i etykiety wartości.

4. Wyeksportuj obraz

   Wybierz „Rozmiar obrazu” (16:9, kwadrat, pionowy lub 4:3) i „Tło”, a potem kliknij „Pobierz PNG”, „Pobierz SVG” albo „Kopiuj obraz”, by wkleić go do dokumentu.

Jak powstaje wykres

Wykres jest rysowany w formacie SVG przez silnik napisany specjalnie dla tej strony, bez zewnętrznych bibliotek. Skale, etykiety i kolory są przeliczane przy każdej zmianie, aby obraz pozostał czytelny bez względu na ilość danych.

• Okrągłe podziałki: odstęp między liniami siatki to 1, 2 lub 5 razy potęga dziesięciu (0, 20, 40, 60, 80), zgodnie z metodą „nice numbers” opisaną przez Paula Heckberta w Graphics Gems (1990).
• Oś od zera: kolumny i słupki zawsze zaczynają się od zera, bo ich długość musi być proporcjonalna do wartości; wartości ujemne schodzą poniżej linii bazowej. Na wykresach liniowych i warstwowych możesz odznaczyć „Oś od zera”, by lepiej widzieć wahania.
• Etykiety bez nakładania: nazwy kategorii przechodzą do drugiej linii, pochylają się o 45° lub wyświetlają co drugą, gdy brakuje miejsca; małe wycinki wykresu kołowego dostają etykietę zewnętrzną z linią odniesienia.
• Wygładzone linie: po zaznaczeniu opcji „Wygładzone linie” interpolacja monotoniczna (metoda Steffena) przechodzi przez każdy punkt i nie tworzy szczytów ani dołków, których nie ma w danych.
• Liczby po polsku: polskie separatory, automatyczny skrócony zapis dużych liczb (12 tys., 1,2 mln), dowolny prefiks i sufiks (zł, €, %, kg) z twardą spacją.
• Wierny eksport: SVG używa jawnie zapisanych kolorów i czcionki systemowej; PNG powstaje z tego samego SVG dokładnie w wybranym rozmiarze (na przykład 1200 × 675 pikseli), a z opcją wysokiej rozdzielczości w dwukrotnie większym (2400 × 1350).

Jaki wykres wybrać do swoich danych?

Do czego przyda się ten generator wykresów?

• Szkoła i studia: wyraźny wykres do referatu, sprawozdania lub pracy dyplomowej, gotowy do wklejenia w Wordzie lub Dokumentach Google.
• Spotkania i prezentacje: format 16:9 do PowerPointa lub Prezentacji Google, z przezroczystym tłem pasującym do kolorowego szablonu.
• Media społecznościowe: kwadrat 1080 × 1080 lub pion 1080 × 1350 na Instagram i LinkedIn, z większym tekstem dzięki opcji „Rozmiar tekstu”.
• Mała firma lub stowarzyszenie: sprzedaż miesięczna, podział budżetu, frekwencja, bez abonamentu na oprogramowanie.
• Blog, newsletter, artykuł: plik SVG ważący kilka kilobajtów, idealnie ostry na ekranach o wysokiej gęstości pikseli.

Najczęstsze błędy i jak je naprawić

• Zamienione serie i kategorie: jeśli na osi poziomej są lata zamiast miesięcy, kliknij „Zamień wiersze i kolumny”.
• Czerwone komórki: zawierają tekst („12 kg”, „ok. 40”) i są pomijane; zostaw samą liczbę, a jednostkę wpisz w polu „Sufiks”.
• Za dużo wycinków: powyżej sześciu połącz małe wartości w wiersz „Inne” albo przejdź na wykres słupkowy.
• Zbyt podobne kolory: paleta fioletowa to odcienie jednego koloru; przy więcej niż trzech seriach wybierz „Wyraźna (dla daltonistów)” albo kliknij próbkę koloru serii w nagłówku tabeli, aby go zmienić.
• Nieczytelny tekst na telefonie: do grafiki w mediach społecznościowych wybierz format kwadratowy lub pionowy i rozmiar tekstu „Duży”.

Wszystko jest liczone w Twojej przeglądarce: dane nigdy nie opuszczają urządzenia i nie trzeba zakładać konta. Lokalna kopia ostatniego wykresu jest przechowywana w pamięci przeglądarki (przycisk „Przykład” ją usuwa). Ograniczenia: 50 wierszy i 6 serii (dlatego zamiana wierszy i kolumn działa tylko przy najwyżej 6 wierszach); wykresy kołowy i pierścieniowy używają tylko pierwszej serii i pomijają wartości zerowe lub ujemne; SVG korzysta z czcionki systemowej, więc na innym komputerze może wyglądać nieco inaczej (PNG pozostaje bez zmian).