Wie aus CSV- oder JSON-Datensätzen ein Diagramm wird

Fügen Sie Datensätze ein oder wählen Sie eine .csv- / .json-Datei, wählen Sie eine Beschriftungsspalte und eine oder mehrere Zahlenreihen und drücken Sie „Diagramm erstellen“. Linien-, Balken-, Flächen-, Kreis- und Streudiagramme entstehen in diesem Browser und verlassen ihn als SVG- oder PNG-Datei.

Das Diagramm zeigt die ersten 80 Zeilen der Tabelle (beim Kreis 12) und die Kennzahlenzeile nennt „Im Diagramm“ neben der Zeilenzahl, sobald Zeilen wegfallen. Gelesen werden bis zu 1.000 Zeilen, damit Prozente und Achsenbeschriftungen immer die Daten beschreiben, die wirklich gezeichnet sind.

  1. Fügen Sie die Datensätze in das Feld ein oder wählen Sie eine CSV- / JSON-Datei. Das Trennzeichen wird aus der ersten Zeile erkannt (Komma, Semikolon oder Tabulator), solange Sie keines vorgeben; JSON muss ein Array von Objekten oder ein Objekt mit einem „data“-Array sein. Das Limit liegt bei 10 MB, für die Datei wie für den eingefügten Text.
  2. Drücken Sie „Vorschau“ (eine gewählte Datei wird beim Laden ausgewertet). Die Statuszeile nennt Zeilen und Spalten; eine namenlose Kopfzelle erhält einen nummerierten Namen, ein wiederholter Spaltenname den Zusatz „(2)“, damit keine Spalte verloren geht.
  3. Wählen Sie Diagrammtyp, Beschriftungs- / X-Spalte und die Zahlenreihen. Aufgelistet werden Spalten mit mindestens 75 % Zahlenanteil, die zwei am besten gefüllten sind vorausgewählt, und eine X-Spalte mit Zahlen dient im Streudiagramm als X-Achse.
  4. Drücken Sie „Diagramm erstellen“. Die Kennzahlen zeigen Zeilen, Reihen und, wenn das Diagramm begrenzt ist, wie viele Zeilen gezeichnet wurden. Ein Wechsel von Typ, Beschriftung oder Reihen zeichnet das Diagramm sofort neu.
  5. Exportieren Sie das Diagramm als SVG (vektoriell, editierbar) oder PNG (1520 x 800, auf einer lokalen Canvas gezeichnet), oder drücken Sie Clear, um Daten, Diagramm, Kennzahlen und Trennzeichen zu leeren.

Was der Parser annimmt, was die Achsen zeigen und was die Exporte enthalten

Was aus der Datei gelesen wird

CSV wird mit Anführungszeichen verarbeitet, ein Trennzeichen oder Zeilenumbruch in „Anführungszeichen“ bleibt also Teil des Werts, und sowohl \r\n- als auch \r-Zeilenenden werden akzeptiert. Die Automatik zählt die möglichen Trennzeichen in der ersten Zeile; hat eine Datei nur eine Spalte oder fehlt in der ersten Zeile ein Trennzeichen, wählen Sie Komma, Semikolon oder Tabulator ausdrücklich.

JSON wird als Array von Objekten gelesen oder als Objekt, dessen „data“-Eigenschaft dieses Array ist; alles andere wird mit derselben Meldung wie ein defektes CSV abgelehnt. Nach 1.000 Zeilen endet das Einlesen, und die Statuszeile sagt dann „die ersten 1.000 von N Zeilen“, statt die Datei für so kurz auszugeben. Ein eingefügter Text über 10 MB wird wie eine so große Datei abgelehnt.

Was das Diagramm zeigt

Als Reihe angeboten wird eine Spalte, wenn mindestens drei Viertel ihrer gefüllten Zellen Zahlen sind; leere Zellen und Text werden als Lücken gezeichnet, nicht als Null: die Linie zerbricht in Abschnitte, ein Balken entfällt. Die Vorauswahl bevorzugt Spalten, die in mindestens 75 % der Zeilen gefüllt sind, damit eine dünn besetzte Spalte nicht versehentlich im Diagramm landet.

Kartesische Diagramme setzen den Achsenfuß auf null, wenn die Daten positiv sind; negative Werte ziehen die Achse unter null, und ein Balkendiagramm zeichnet sie von der Nulllinie nach unten, statt sie auf ein Pixel zu quetschen. Die Marken folgen einem 1 / 2 / 5-Schritt mit der Genauigkeit, die die Daten brauchen (0,0002 … 0,0006 bei einer Millimeterskala, 500M / 1B / 1,5B bei einer großen), damit kein Label am Rand abgeschnitten wird.

Zeilen, Kreissegmente und Exporte

Ein Kreisdiagramm nutzt eine Reihe – die erste ausgewählte – und die Statuszeile sagt es, wenn mehrere markiert sind. Zeilen jenseits des zwölften Segments werden in einem Segment „Weitere Zeilen“ summiert, damit die Prozente weiter die ganze Tabelle beschreiben und nicht nur den sichtbaren Teil. Das Streudiagramm setzt Punkte nach Wert, wenn die X-Spalte Zahlen enthält, und nach Position, wenn sie Beschriftungen trägt.

Ein Diagramm, das nicht mehr zum Feld passt, wird verworfen: Bearbeiten der Daten, Laden einer anderen Datei oder ein fehlgeschlagenes Auswerten leert das Diagramm und sperrt die Exportknöpfe, bis Sie erneut auf Erstellen drücken. Das SVG ist eine eigenständige Datei mit 760 x 400; das PNG entsteht in doppelter Größe auf einer Canvas in diesem Tab, sodass kein Export einen Server braucht.

Zuletzt verwendet: