Chart-Maker — Aplikacja webowa do tworzenia wykresów i diagramów w przeglądarce

Generator online / offline, 21 typów wykresów, eksport do PNG JPEG WEBP AVIF SVG, historia, szczegółowa instrukcja, instalacja aplikacji

Dla użytkowników Aplikacje
Aplikacja Chart-Maker
Dla programistów Biblioteki
Biblioteki Chart-Maker
Ustawienia wykresu
JSON
Podgląd
Jak używać — szczegółowa instrukcja

Panel «Ustawienia wykresu» zawiera wszystkie elementy sterujące; obok podgląd na żywo aktualizuje się automatycznie przy każdej zmianie. Na szerokich ekranach są obok siebie, a na telefonie jeden pod drugim — podgląd pod ustawieniami.

Kolejność: 1) wybierz typ wykresu; 2) wpisz tytuł i nazwę zestawu danych; 3) uzupełnij dane w tabeli poniżej; 4) w razie potrzeby cofnij lub ponów; 5) otwórz «Eksport», aby pobrać obraz lub zapisać projekt.

Jest 21 typów, pogrupowanych według sposobu wprowadzania danych:

  • Etykieta / wartość: słupkowy, liniowy, warstwowy, słupkowy poziomy, kołowy, pierścieniowy, radarowy, obszar polarny, chmura słów.
  • Punkty X / Y: punktowy (X, Y), bąbelkowy (X, Y, rozmiar).
  • Kilka zestawów danych: skumulowany, grupowany, wieloliniowy, łączony (każdy zestaw to słupek lub linia).
  • Kategoria i lista wartości: wykres pudełkowy, skrzypcowy.
  • Hierarchia: treemap (etykieta, wartość, grupa).
  • Siatka: mapa cieplna (X, Y, wartość).
  • Przepływy: sankey (od, do, przepływ).
  • Mapa: kartogram (kraj wybrany z listy, wartość).

Tabela danych dopasowuje się do wybranego typu. «Dodaj wiersz» dodaje wpis, krzyżyk usuwa jeden.

  • Etykieta / wartość: etykieta i liczba.
  • Punkty: X i Y (bąbelki mają też rozmiar).
  • Kilka zestawów danych: kategorie oddzielone przecinkami, wartości każdego zestawu to lista liczb oddzielonych przecinkami; w łączonym każdy zestaw ustawia się na słupek lub linię.
  • Pudełkowy / skrzypcowy: lista liczb oddzielonych przecinkami w polu wartości.
  • Mapa cieplna: X, Y (kategorie) i wartość.
  • Sankey: od, do i wielkość przepływu.
  • Kartogram: kraj wybiera się z listy rozwijanej (nazwy w języku interfejsu), plus wartość.

Przycisk «Eksport» otwiera okno.

  • Format: PNG, JPEG, WEBP, AVIF (prawdziwy format, kodowany w przeglądarce — koder ładuje się przy pierwszym użyciu) i SVG (wektorowy).
  • Szerokość i wysokość — rozmiar obrazu w pikselach; puste oznacza bieżący rozmiar wykresu.
  • Pobierz obraz — zapisuje obraz; dodawane jest tło oraz lista danych pod wykresem.
  • Zapisz projekt — plik .json ze wszystkimi ustawieniami; pole «Dołącz historię i dziennik» dodaje je do pliku.

Przycisk «Import» otwiera okno ze strefą, do której można upuścić plik projektu .json lub kliknąć, aby go wybrać. Po wybraniu pliku przycisk «Zastosuj projekt» staje się aktywny i wczytuje ustawienia (oraz historię i dziennik, jeśli zostały zapisane).

  • Ctrl/Cmd + Z — cofnij
  • Ctrl/Cmd + Y lub Ctrl/Cmd + Shift + Z — ponów
  • Ctrl/Cmd + S — zapisz projekt
  • Ctrl/Cmd + E — okno eksportu
  • Ctrl/Cmd + O — okno importu
  • Ctrl/Cmd + J — dziennik
  • Ctrl/Cmd + , — ustawienia

W polach wprowadzania Ctrl+Z i Ctrl+Y działają jak zwykła edycja tekstu.

  • Cofnij / Ponów: przywracanie zmian danych i ustawień w tył i w przód.
  • Dziennik: przechowuje akcje, wskazówki i błędy; można go wyczyścić.