taralino

.scatter

Der Befehl Eda.scatter(X) erwartet folgende (verpflichtende) Argumente:

Argument	Datentyp	Hinweis
X	Datenfeld	Liste von Punkten (m x 2-Matrix) oder Datenfeld von Listen von Punkten

Es wird ein Streudiagramm der Liste bzw. der Listen von Punkten X dargestellt.

Es können folgende Optionen verwendet werden:

Variable	Datentyp	Hinweis	Default-Wert
width	Zahl	ganzzahlig, mindestens 200	600
background	Farbe	-	#f6f6f6
color	Farbe	alternativ: Datenfeld von Farben	[ blue, red, green, yellow, orange ]
range	Datenfeld	zwei Intervalle	automatisch anhand der Daten
labelx	Zeichenkette	-	-
labely	Zeichenkette	-	-
caption	Zeichenkette	-	ohne Beschriftung
div	Zeichenkette	-	neues DIV-Element

Die Option width definiert die Breite der Darstellung (Anzahl der Pixel). Hinweis: die Höhe der Darstellung wird relativ zur Breite automatisch bestimmt.

Mittels background kann die Hintergrundfarbe angepasst werden und color dient zur Spezifizierung der Farbgebung des Plots.

Zur Definition des Darstellungbereichs kann die Option range verwendet werden. Zudem können Achsenbeschriftungen unter Verwendung von labelx und labely der Darstellung hinzugefügt werden.

Der Darstellung kann unter Verwendung von caption eine Bildunterschrift (Beschriftung) hinzugefügt werden.

Für Anwender mit HTML-Kenntnissen lässt sich mittels div definieren, welches DIV-Element für die Visualisierung verwendet werden soll. Genauer wird das DIV-Element mit der ID div zur anschließenden Darstellung genutzt. Wird die Option nicht verwendet, wird automatisch ein neues DIV-Element erzeugt.

Beispiel

Beispiel zur Verwendung des Eda-Pakets.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

var A = [[1,3],[2,4],[3,5],[2,5],[4,5],[6,7],[6,6],[5,7]];

Eda.scatter(A);

</script>
</body>
</html>

Vorschau Download Kopie speichern

Beispiel

Beispiel zur Verwendung des Eda-Pakets.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

var A = [[1,3],[2,4],[3,5],[2,5],[4,5],[6,7],[6,6],[5,7]];
var B = [[2,3],[6,4],[6,5],[4,3],[5,5],[5,4],[4,4],[3,3]];

Eda.scatter([A,B], {caption:"Beschriftung der Darstellung"});

</script>
</body>
</html>

Vorschau Download Kopie speichern

Beispiel

Beispiel zur Verwendung des Eda-Pakets.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

var A = [[1,3],[2,4],[3,5],[2,5],[4,5],[6,7],[6,6],[5,7]];
var B = [[2,3],[6,4],[6,5],[4,3],[5,5],[5,4],[4,4],[3,3]];

var options = {
  width: 480,
  background:"#202020",
  color:["pink","cyan"],
  range: [[0,10],[0,10]],
  labelx: "x-Achse",
  labely: "y-Achse"
};

Eda.scatter([A,B], options);

</script>
</body>
</html>

Vorschau Download Kopie speichern