Kategorien

SVG-Diagramm-Datenextraktor

Extrahiert Datenpunkte aus SVG-Linien-, Balken- und Kreisdiagramm-Strukturen nach JSON oder CSV

Geeignet zum Wiederherstellen exportierter SVG-Diagrammdaten mit Achsenkalibrierung.

Beispielergebnisse

1 Beispiele

Werte aus einem SVG-Liniendiagramm wiederherstellen

Fuehrt SVG-Koordinaten mithilfe von ViewBox und Achsenbereichen auf Diagrammdaten zurueck

{
  "summary": {
    "seriesCount": 1,
    "extractedPointCount": 4
  },
  "series": [
    {
      "id": "polyline-1",
      "type": "line"
    }
  ]
}

Eingabeparameter anzeigen

{ "svgContent": "<svg viewBox=\"0 0 400 200\" xmlns=\"http://www.w3.org/2000/svg\"><polyline points=\"20,180 120,110 220,80 320,30\" /></svg>", "chartType": "line", "xAxisMin": 0, "xAxisMax": 12, "yAxisMin": 0, "yAxisMax": 80 }

SVG-Inhalt *

Diagrammtyp

X-Achse Minimum

X-Achse Maximum

Y-Achse Minimum

Y-Achse Maximum

Wichtige Fakten

Kategorie: Data Processing
Eingabetypen: textarea, select, number
Ausgabetyp: json
Sample-Abdeckung: 4
API verfügbar: Yes

Überblick

Der SVG-Diagramm-Datenextraktor ist ein leistungsstarkes Tool, um Rohdaten aus Vektorgrafiken wie Linien-, Balken- oder Kreisdiagrammen zurückzugewinnen. Durch die Eingabe des SVG-Codes und die Kalibrierung der X- und Y-Achsen wandelt das Tool visuelle Koordinaten präzise in strukturierte JSON-Daten um. Ideal für Analysten und Entwickler, die Daten aus statischen Berichten, Web-Grafiken oder eingebetteten SVGs extrahieren müssen, ohne manuell Werte ablesen zu müssen.

Wann verwenden

•Wenn Sie nur Zugriff auf ein exportiertes SVG-Diagramm haben, aber die zugrunde liegenden Rohdaten für weitere Analysen benötigen.
•Um Datenpunkte aus statischen Web-Grafiken oder Dashboards zu extrahieren, die keine direkte Exportfunktion für CSV oder Excel bieten.
•Wenn Sie alte Berichte oder Infografiken digitalisieren und die visuellen Datenpunkte in ein maschinenlesbares Format überführen möchten.

So funktioniert es

•Fügen Sie den Quellcode Ihres SVG-Diagramms in das Eingabefeld ein.
•Wählen Sie den Diagrammtyp (z. B. Linie, Balken, Kreis) oder nutzen Sie die automatische Erkennung.
•Definieren Sie die minimalen und maximalen Werte der X- und Y-Achsen, um die visuellen Koordinaten korrekt zu kalibrieren.
•Das Tool analysiert die SVG-Pfade (wie <polyline> oder <rect>) und berechnet die tatsächlichen Datenpunkte, die als JSON ausgegeben werden.

Anwendungsfälle

Reverse Engineering von Daten aus wissenschaftlichen Publikationen oder Geschäftsberichten, die nur als Vektorgrafiken vorliegen.

Wiederherstellung verlorener Rohdaten aus alten Datenvisualisierungen zur Migration in neue BI-Systeme.

Automatisierte Extraktion von Werten aus Web-Scraping-Projekten, bei denen Diagramme als Inline-SVGs im HTML-Code eingebettet sind.

Beispiele

1. Daten aus einem SVG-Liniendiagramm wiederherstellen

Datenanalyst

Hintergrund: Ein Analyst hat einen Jahresbericht als Webseite vorliegen, in dem die monatlichen Umsätze als SVG-Liniendiagramm eingebettet sind. Die Originaldatenbank ist nicht zugänglich.
Problem: Die genauen monatlichen Umsatzwerte müssen für eine Excel-Auswertung aus der Grafik extrahiert werden.
Verwendung: Fügen Sie den SVG-Code mit dem <polyline>-Element ein, wählen Sie 'Line / Polyline' und setzen Sie die X-Achse auf 0 bis 12 (Monate) sowie die Y-Achse auf 0 bis 80 (Umsatz in Tausend).
Beispielkonfiguration: chartType: line, xAxisMin: 0, xAxisMax: 12, yAxisMin: 0, yAxisMax: 80
Ergebnis: Das Tool berechnet die 12 Datenpunkte anhand der Pixelkoordinaten und gibt ein JSON mit den exakten monatlichen Umsatzwerten zurück.

2. Werte aus einem Balkendiagramm extrahieren

Web-Scraper

Hintergrund: Ein Entwickler sammelt Statistiken von einer Website, die Balkendiagramme (<rect>-Elemente) zur Darstellung von Umfrageergebnissen nutzt.
Problem: Die Prozentwerte der Umfrage sollen automatisiert ausgelesen und in einer Datenbank gespeichert werden.
Verwendung: Kopieren Sie den SVG-Inhalt, wählen Sie 'Bar / Rectangles' als Diagrammtyp und definieren Sie die Y-Achse von 0 bis 100 (Prozent).
Beispielkonfiguration: chartType: bar, yAxisMin: 0, yAxisMax: 100
Ergebnis: Die Höhen der SVG-Rechtecke werden in Prozentwerte umgerechnet und als strukturiertes JSON-Array für den Datenbank-Import bereitgestellt.

Mit Samples testen

csv, image, svg

SVG Beispiele

Beispiele für skalierbare Vektorgrafiken (SVG), die verschiedene SVG-Funktionen und -Techniken demonstrieren

title token svg

image, svg

Markdown-Link-Extraktor-Beispiele

Markdown-Beispieldokumente mit verschiedenen Linktypen zum Testen des Markdown-Link-Extraktor-Tools

title token extractor

image

D3.js Datenvisualisierung Beispiele

Umfassende D3.js datenvisualisierung beispiele einschließlich diagramme, karten, animationen und interaktive visualisierungen

matched family image,svg

image, svg

Telefonnummern-Extraktor Beispiele

Sammlung von gemischtem Text mit Telefonnummern aus verschiedenen Ländern für Extraktionstests

title token extractor

sample

FAQ

Welche Arten von SVG-Diagrammen werden unterstützt?

Das Tool unterstützt Linien- (Polylinien), Balken- (Rechtecke), Kreis- (Kreisbögen) und Streudiagramme.

Warum muss ich die Achsenwerte (Min/Max) eingeben?

Die Achsenwerte sind notwendig, um die relativen Pixelkoordinaten des SVGs in die tatsächlichen numerischen Datenwerte umzurechnen.

Kann ich Daten aus einem Bild (PNG/JPG) extrahieren?

Nein, dieses Tool verarbeitet ausschließlich reinen SVG-Code, da es die Vektorpfade und Koordinaten im Code analysiert.

Was passiert, wenn ich den Diagrammtyp auf 'Auto Detect' lasse?

Das Tool durchsucht den SVG-Code nach typischen Elementen (wie <rect> für Balken oder <polyline> für Linien) und wählt automatisch den passenden Extraktionsalgorithmus.

In welchem Format werden die extrahierten Daten bereitgestellt?

Die extrahierten Datenpunkte werden als strukturiertes JSON ausgegeben, das Sie leicht weiterverarbeiten können.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/svg-chart-to-data-extractor

Request-Parameter

Parameter-Name	Typ	Erforderlich	Beschreibung
svgContent	textarea	Ja	-
chartType	select	Nein	-
xAxisMin	number	Nein	-
xAxisMax	number	Nein	-
yAxisMin	number	Nein	-
yAxisMax	number	Nein	-

Antwortformat

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}

JSON-Daten: JSON-Daten

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu:

{
  "mcpServers": {
    "elysiatools-svg-chart-to-data-extractor": {
      "name": "svg-chart-to-data-extractor",
      "description": "Extrahiert Datenpunkte aus SVG-Linien-, Balken- und Kreisdiagramm-Strukturen nach JSON oder CSV",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-chart-to-data-extractor",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]