Сделать диаграмму

Как скачать диаграмму

1. 1

   Введите или вставьте данные

   Заполните сетку, вставьте диапазон прямо из Excel или Google Sheets или загрузите CSV. В первом столбце — подписи категорий, каждый последующий столбец становится отдельным рядом данных.

2. 2

   Выберите тип диаграммы и цвета

   Переключайтесь между вертикальными и горизонтальными столбцами, линией, площадной, круговой и кольцевой диаграммой. Подберите палитру, добавьте заголовок и подписи осей и задайте нужный размер в пикселях.

3. 3

   Скачайте PNG или SVG

   Сохраните готовый PNG для презентации или документа, или SVG, в котором текст останется редактируемым в Figma, Illustrator и Inkscape.

Как таблица превращается в диаграмму

Первый столбец читается как ось категорий, а каждый следующий столбец становится рядом данных. Поэтому таблица с месяцами и четырьмя регионами превращается в четыре столбца на один месяц. Если в первой строке там, где ожидаются числа, стоит текст, она считается заголовком, а ее ячейки становятся именами рядов в легенде. Иначе ряды нумеруются по порядку. Вставка учитывает разделители: табы, точки с запятой и запятые определяются по первым строкам. Диапазон, скопированный из Excel, европейский CSV с точкой с запятой и обычный файл с запятыми — все раскладывается по ячейкам без настроек. Ячейка с текстом вместо числа не превращается незаметно в ноль: она помечается с указанием строки и столбца, чтобы вы поправили источник. Пустая ячейка считается нулем, так почти всегда обозначается пропуск в экспорте.

Почему ось попадает на круглые числа

Шаг делений оси выбирается по классическому правилу «красивых чисел»: это всегда 1, 2, 5 или 10, умноженные на степень десяти, так чтобы на оси вышло от четырех до восьми делений. Если ряд достигает максимума 780, шкала станет 0, 200, 400, 600, 800, а не неудобные 0, 156, 312 и так далее. В столбчатых и площадных диаграммах ось значений всегда начинается с нуля: обрезанная ось раздувает различия на глаз, и это самый частый способ ввести читателя в заблуждение. В линейных диаграммах ось можно сдвигать и увеличивать, чтобы показать интересующий диапазон, потому что линию читают как тренд, а не как сравнение площадей.

PNG для слайдов, SVG для правки

PNG строится на canvas в заданном вами размере, до 4096 пикселей по ширине, и в пиксельном соотношении экрана. Поэтому он остается четким и на ретина-дисплее, и на проекторе. SVG — не обводка этой картинки: он строится отдельно по той же геометрии из прямоугольников, кривых и обычных текстовых элементов. Это важно, как только файл открывают в векторном редакторе: можно поменять оформление ряда, исправить опечатку в заголовке или сменить шрифт — все то, что невозможно с растровой диаграммой.

Частые вопросы