SVG Plotter

Create beautiful SVG graphs from JSON data with customizable styling options

Upload JSON Data

Upload a JSON file containing graph data
interface DATA {
    title: string;
    grid: {
        x: {
            title: string;
            type: "linear" | "time";
            ticks: {
                raw: Array;
                formatted: Array;
                min: number;
                max: number;
                range: number;
            };
            time_format: null | "ms" | "s.ms" | "m:s" | "h:m:s" | "d-h:m";
        };
        y: {
            title: string;
            type: "linear" | "log";
            ticks: {
                min: number;
                max: number;
                range: number;
            };
            base: null | 10 | 2;
        };
    };
    series: Array<{ label: string; color: `#${string}`; data: Array }>;
}

SVG Export Configuration

Dimensions
Grid
Line/Graph
Help

SVG Preview

Upload JSON data and click "Generate SVG" to see your graph here