Создатель диаграмм
Преобразуйте список меток и значений в столбчатую, линейную, площадь, круговую или кольцевую диаграмму — автономный, загружаемый SVG, созданный полностью в вашем браузере без необходимости регистрации или загрузки.
Ввод
Одна строка в строке: метка, затем запятая (или двоеточие/табуляция), затем число.
Тип и стиль диаграммы
Отображение
Вывод
Your chart will appear here.
| Метрика | Значение |
|---|---|
| No data yet | |
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/chart-maker \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"data": "Jan, 420\nFeb, 380\nMar, 510\nApr, 460\nMay, 590",
"chartType": "bar",
"title": "Monthly Sales",
"canvasSize": "medium",
"palette": "vibrant",
"sortOrder": "none",
"showValues": "true",
"valueLabel": "value",
"showLegend": "",
"showGridLines": "true",
"bgColor": "#ffffff"
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `chart-maker` tool (Chart Maker) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/chart-maker/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Создатель диаграмм — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|
Также доступно через
Руководства
Преобразуйте список меток и чисел в столбчатую, линейную, площадь, круговую или кольцевую диаграмму — чистый, автономный SVG, который вы можете скопировать или загрузить за считанные секунды. Этот бесплатный онлайн-конструктор диаграмм работает полностью в вашем браузере: ничего, что вы вводите, никогда не загружается.
Как использовать
- Введите свои Данные диаграммы, одна строка в строке: метка, затем запятая (или двоеточие/табуляция), затем число — например,
Янв, 420. - Выберите Тип диаграммы (вертикальный столбец, горизонтальный столбец, линия, площадь, круг или кольцо) и Размер холста.
- Выберите Палитру цветов и при необходимости Сортировку по значению, чтобы ранжировать категории от наибольшего к наименьшему.
- В разделе Отображение переключайте Показать метки значений (сырые числа или процент от общего количества), Показать легенду и Показать линии сетки по своему усмотрению.
- Скопируйте исходный код SVG или загрузите его — это автономный файл без внешних зависимостей, поэтому он подходит прямо в документ, презентацию или веб-страницу.
Почему результат — SVG, а не PNG?
SVG масштабируется до любого размера без пикселизации, остается маленьким для загрузки и может быть отредактирован впоследствии (цвета, метки, шрифты) в любом векторном редакторе или текстовом редакторе — и это позволяет этому инструменту работать без <canvas> вообще, поэтому ваши данные никогда не покидают ваш браузер.
Какие форматы я могу вставить в «Данные диаграммы»?
Любой из этих разделителей работает в каждой строке: Метка, Значение, Метка: Значение или Метка<TAB>Значение. Значения могут включать $, % или разделители тысяч (1,234) — они автоматически удаляются перед анализом. Строки, которые не анализируются как метка и число, пропускаются.
Круговые и кольцевые диаграммы отображаются пусто — почему?
Срезы круговых и кольцевых диаграмм dimensioned по доле каждого значения от общего числа, поэтому по крайней мере одно значение должно быть больше 0. Отрицательные или нулевые значения исключаются из расчета срезов (они не имели бы визуального угла для рисования).
Мои данные загружаются куда-либо?
Нет. Анализ и компоновка диаграммы работают локально в вашем браузере; ваши данные никогда не отправляются на сервер.
Нужна другая визуализация данных?
Используйте Генератор облака слов для визуализации частоты текста вместо чисел или Конвертер CSV в JSON, если вам нужно сначала переформатировать табличные данные.