Ключевые факты
- Категория
- Data Processing
- Типы входных данных
- textarea, select, number
- Тип результата
- json
- Покрытие примерами
- 4
- API доступен
- Yes
Обзор
Этот инструмент позволяет извлекать исходные числовые данные из SVG-графиков, диаграмм и визуализаций. Загрузив код SVG и настроив калибровку осей, вы можете автоматически преобразовать визуальные элементы, такие как линии, столбцы и секторы, обратно в структурированный формат JSON для дальнейшего анализа, перестроения графиков или экспорта.
Когда использовать
- •Когда у вас есть только экспортированный SVG-файл графика, но утеряны исходные табличные данные.
- •Для парсинга и оцифровки графиков с веб-страниц или из отчетов, где данные встроены в виде векторной графики.
- •При необходимости перестроить существующую визуализацию в другом инструменте, используя восстановленные значения точек.
Как это работает
- •Вставьте исходный код SVG-графика в текстовое поле.
- •Выберите тип графика (линейный, столбчатый, круговой или автоматическое определение).
- •Укажите минимальные и максимальные значения для осей X и Y, чтобы откалибровать масштаб.
- •Инструмент проанализирует координаты векторных элементов (например, polyline или rect) и рассчитает реальные значения данных, выдав результат в формате JSON.
Сценарии использования
Примеры
1. Восстановление данных из линейного графика
Аналитик данных- Контекст
- Аналитик нашел важный график трендов в веб-отчете, но автор не предоставил исходную таблицу. График встроен на страницу как SVG.
- Проблема
- Нужно получить точные числовые значения по месяцам для построения собственной модели прогнозирования.
- Как использовать
- Скопировать элемент <svg> через инструменты разработчика в браузере, вставить в поле «SVG-содержимое», выбрать тип «Line / Polyline» и задать границы осей.
- Пример конфигурации
-
chartType: line, xAxisMin: 0, xAxisMax: 12, yAxisMin: 0, yAxisMax: 100 - Результат
- Инструмент анализирует атрибут points в теге polyline и возвращает JSON-массив с 12 точками данных, соответствующими значениям каждого месяца.
2. Оцифровка столбчатой диаграммы
Журналист- Контекст
- Для статьи требуется объединить статистику из нескольких инфографик, сохраненных в формате SVG.
- Проблема
- Ручное измерение высоты столбцов и вычисление значений занимает много времени и приводит к ошибкам.
- Как использовать
- Вставить код SVG, выбрать тип «Bar / Rectangles» и указать диапазон оси Y, соответствующий шкале на картинке.
- Пример конфигурации
-
chartType: bar, yAxisMin: 0, yAxisMax: 5000 - Результат
- Инструмент вычисляет высоту каждого тега rect относительно viewBox и выдает точные значения для каждого столбца в формате JSON.
Проверить на примерах
csv, image, svgСвязанные хабы
FAQ
Какие типы графиков поддерживаются?
Инструмент поддерживает извлечение данных из линейных (polyline), столбчатых (rect), круговых (path) и точечных диаграмм.
Зачем нужна калибровка осей?
SVG хранит только пиксельные координаты. Указание минимума и максимума осей X и Y позволяет перевести пиксели в реальные числовые значения.
Можно ли извлечь данные из растровых изображений (PNG или JPG)?
Нет, этот инструмент работает только с векторным кодом SVG, анализируя его внутреннюю структуру и теги.
Что делать, если график содержит несколько линий?
Инструмент автоматически найдет все поддерживаемые элементы (например, несколько тегов polyline) и сгруппирует извлеченные точки по отдельным сериям в итоговом JSON.
В каком формате выдаются результаты?
Восстановленные данные экспортируются в структурированном формате JSON, который содержит массивы точек и легко конвертируется в другие форматы.