Chart-Maker — Вебдодаток для побудови графіків і діаграм у браузері

Онлайн / офлайн генератор, 21 тип графіків і діаграм, експорт у PNG JPEG WEBP AVIF SVG, журнал, детальна інструкція, встановлення додатка

Користувачам Додатки
Додаток Chart-Maker
Розробникам Бібліотеки
Бібліотеки Chart-Maker
Параметри графіка
JSON
Попередній перегляд
Як користуватися — докладна інструкція

Панель «Параметри графіка» містить усі елементи керування, а поряд — живий попередній перегляд, що оновлюється автоматично за кожної зміни. На широкому екрані вони розташовані поруч, а на телефоні — одне під одним: перегляд під налаштуваннями.

Порядок: 1) оберіть тип графіка; 2) уведіть заголовок і назву набору; 3) заповніть дані в таблиці нижче; 4) за потреби скасуйте або поверніть зміни; 5) відкрийте «Експорт», щоб завантажити картинку чи зберегти проєкт.

Усього 21 тип, згруповані за способом уведення даних:

  • Підпис / значення: стовпчаста, лінійна, з областю, горизонтальна, кругова, кільцева, радар, полярна, хмара слів.
  • Точки X / Y: точкова (X, Y), бульбашкова (X, Y, розмір).
  • Кілька наборів: з накопиченням, згрупована, мультилінійна, комбінована (кожен набір — стовпці або лінія).
  • Категорія і список значень: ящик з вусами, скрипкова.
  • Ієрархія: деревовидна карта (підпис, значення, група).
  • Сітка: теплова карта (X, Y, значення).
  • Потоки: санкі (звідки, куди, потік).
  • Карта: картограма (країна зі списку, значення).

Таблиця даних підлаштовується під обраний тип. «Додати рядок» додає запис, хрестик — видаляє.

  • Підпис / значення: підпис і число.
  • Точки: X і Y (для бульбашкової ще розмір).
  • Кілька наборів: категорії через кому, значення кожного набору — списком чисел через кому; у комбінованій у кожного набору обирається стовпці або лінія.
  • Ящик / скрипкова: у полі значень — список чисел через кому.
  • Теплова карта: X, Y (категорії) і значення.
  • Санкі: звідки, куди і величина потоку.
  • Картограма: країна обирається з випадного списку (назви — мовою інтерфейсу), плюс значення.

Кнопка «Експорт» відкриває вікно.

  • Формат: PNG, JPEG, WEBP, AVIF (справжній формат, кодується у браузері — під час першого використання підвантажується кодувальник) та SVG (векторний).
  • Ширина і висота — розмір картинки в пікселях; порожньо — поточний розмір графіка.
  • Завантажити зображення — зберігає картинку; до неї додаються фон і список даних під графіком.
  • Зберегти проєкт — файл .json з усіма налаштуваннями; прапорець «Включити історію та журнал» додає їх до файлу.

Кнопка «Імпорт» відкриває вікно із зоною, куди можна перетягнути файл проєкту .json або натиснути й обрати його. Після вибору файлу кнопка «Застосувати проєкт» стане активною і завантажить налаштування (а також історію та журнал, якщо їх було збережено).

  • Ctrl/Cmd + Z — скасувати
  • Ctrl/Cmd + Y або Ctrl/Cmd + Shift + Z — повторити
  • Ctrl/Cmd + S — зберегти проєкт
  • Ctrl/Cmd + E — вікно експорту
  • Ctrl/Cmd + O — вікно імпорту
  • Ctrl/Cmd + J — журнал
  • Ctrl/Cmd + , — налаштування

У полях уведення Ctrl+Z і Ctrl+Y працюють як звичайне редагування тексту.

  • Скасувати / Повторити: відкочують і повертають зміни даних та параметрів.
  • Журнал: зберігає дії, підказки та помилки; його можна очистити.