Перейти до вмісту

Створити діаграму або графік

Перетворіть числа, введені вручну або вставлені з таблиці, на стовпчикову, лінійну, секторну, кільцеву діаграму, діаграму з областями або точкову й завантажте її як PNG чи SVG. Діаграма малюється у вашому браузері, а дані не залишають ваш пристрій.

Місячні продажіСтовпчаста діаграма: Місячні продажі. Точок: 6, від Січ до Чер. Серії: 2025, 2026. Найвище значення: 2026, Чер, 24 100. Найнижче значення: 2025, Січ, 12 000.Місячні продажіПриклад даних — введіть або вставте свої нижче2025202605тис.10тис.15тис.20тис.25тис.Січ2025 · Січ: 12 0002026 · Січ: 15 500Лют2025 · Лют: 13 8002026 · Лют: 17 200Бер2025 · Бер: 15 1002026 · Бер: 16 800Кві2025 · Кві: 14 2002026 · Кві: 19 900Тра2025 · Тра: 16 9002026 · Тра: 22 400Чер2025 · Чер: 18 3002026 · Чер: 24 100

Дані

Рядків: 6 · серій: 2 з 8

Перший стовпець — підписи (місяці, товари, місця). Кожен інший стовпець — серія. Порада: вставте блок прямо з електронної таблиці в будь-яку клітинку.

Альтернативний текст

Стовпчаста діаграма: Місячні продажі. Точок: 6, від Січ до Чер. Серії: 2025, 2026. Найвище значення: 2026, Чер, 24 100. Найнижче значення: 2025, Січ, 12 000.

Вставте цей опис там, де публікуєте зображення, щоб користувачі екранних читачів теж отримали числа. Завантажений SVG уже містить його.

PNG 2400 × 1350 px
Працює у браузері · без надсилання на серверЯк це працює

Як користуватися: Конструктор діаграм

  1. 1

    Введіть або вставте дані

    Введіть їх у таблицю або вставте клітинки з електронної таблиці: перший стовпець — підписи, решта — ряди.

  2. 2

    Оберіть тип діаграми

    Виберіть стовпчасту, лінійну, з областями, кругову, кільцеву чи точкову, а потім за потреби накопичення, згладжування або горизонтальні стовпчики.

  3. 3

    Додайте підписи й оформлення

    Додайте заголовки, назви осей і підписи значень, налаштуйте формат чисел, кольори, тло та розмір зображення.

  4. 4

    Завантажте або скопіюйте

    Збережіть PNG у масштабі 1×, 2× або 3×, SVG для дизайнерських програм або скопіюйте зображення разом з альтернативним текстом.

Ліміти та Pro

Безкоштовно, без реєстрації та водяних знаків: до 8 рядів і 100 рядків на діаграму, зображення завширшки від 300 до 4 000 px, експорт PNG у масштабі 1×, 2× або 3× до 8 000 px, а також SVG.

Pro прибирає рекламу; інших обмежень у конструкторі діаграм немає. Дивитися Pro

Про інструмент: Конструктор діаграм

Діаграма для слайда, звіту чи допису в соцмережах не повинна вимагати табличного редактора й скриншота. Введіть числа в таблицю або скопіюйте блок клітинок з Excel, Google Sheets чи Numbers і вставте в будь-яку клітинку — діаграма перемальовується одразу. Перший стовпець містить підписи, наприклад місяці, товари чи міста, а кожен наступний стає окремим рядом: до восьми рядів і 100 рядків.

Шість типів діаграм покривають більшість потреб: стовпчасті (вертикальні або горизонтальні, поруч або з накопиченням), лінійні зі згладжуванням і маркерами точок, з областями, кругові й кільцеві для часток цілого та точкові з лінією тренду. Додайте заголовок, підзаголовок і назви осей, перемістіть легенду, покажіть значення на стовпчиках або відсотки на секторах і запишіть числа, як вам зручно: зі знаком валюти, одиницею, фіксованою кількістю десяткових знаків і роздільниками 1,234.5, 1 234,5 або 1.234,5. Довгі осі автоматично переходять на формат 10K і 2M.

Кольори за замовчуванням — палітра з вісьмох відтінків, перевірена для людей із порушенням кольоровідчуття на світлих і темних діаграмах. Є також відтінки синього для впорядкованих рядів, сірі для друку, кольори теми сайту та вибір кольору для кожного ряду. Увімкніть візерунки, якщо діаграму друкуватимуть у чорно-білому форматі. Збережіть PNG у розмірі до трьох разів більшому за вибраний або SVG, що лишається чітким за будь-якого масштабу й відкривається в Illustrator, Figma, Inkscape, Word і PowerPoint.

До кожної діаграми створюється альтернативний текст із найбільшим і найменшим значеннями, який можна вставити поруч із зображенням. Це не панель моніторингу: живого звʼязку з даними, подвійної осі, карт і 3D-діаграм немає.

Приватність

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

Можливості

Вставлення з будь-якої таблиці

Розпізнаються таблиці з табуляцією, комами й крапками з комою, разом із заголовками.

Зрозуміло кожному

Палітра, перевірена для людей із порушенням кольоровідчуття, візерунки, легенда й автоматичний альтернативний текст.

Чіткі SVG і PNG

Векторний SVG із підказками або PNG до 8 000 px для друку.

Конструктор діаграм: поширені запитання

Як вставити дані з Excel або Google Sheets?
Виділіть клітинки в таблиці, разом із рядком заголовків, якщо він є, скопіюйте їх і вставте у верхню ліву клітинку сітки. Блок заповнить сітку від цієї клітинки, а потрібні рядки й ряди додадуться самі. Також можна натиснути «Вставити дані» і вставити текст CSV або відкрити файл .csv. Розпізнаються роздільники: табуляція, кома, крапка з комою та вертикальна риска.
Який тип діаграми обрати?
Стовпчасті підходять для порівняння величин між категоріями, лінійні — для змін у часі, а діаграми з областями — коли важливий розмір сумарного значення в часі. Кругові й кільцеві годяться лише для частин одного цілого з невеликою кількістю секторів; для близьких значень стовпчаста читається легше. Точкові показують, чи повʼязані два вимірювання, і можуть мати лінію тренду.
Чи підходять кольори діаграм для людей із порушенням кольоровідчуття?
Вісім кольорів типової палітри впорядковано так, щоб сусідні ряди залишалися помітно різними за двох найпоширеніших видів порушення кольоровідчуття, і їх перевірено на білому та темному тлі. Ряди також підписані в легенді, а перемикач «Візерунки» додає штрихування, тож розрізняти їх можна не лише за кольором.
Що завантажувати: PNG чи SVG?
PNG працює всюди: у месенджерах, соцмережах, листах і слайдах. Оберіть 2× або 3×, щоб зображення було чітким на екранах високої роздільності та в друку. SVG — векторний файл, який масштабується без розмиття й редагується у Figma, Illustrator чи Inkscape. Він також містить альтернативний текст і підказки при наведенні, тому краще підходить для вебсторінок.
Чому деякі клітинки стають червоними?
Червона рамка позначає клітинку зі значенням, яке не є числом, тому її не буде на діаграмі. Числа можуть мати роздільники тисяч, знак валюти або відсотка, наприклад 1,250, 1 250,5, $40 чи 12%, а порожні клітинки просто залишають проміжок. Слова, діапазони на кшталт 10-20 і дати у стовпцях зі значеннями побудувати не вдасться.