taralino

.init

Der Befehl Plot3d.init(w) erwartet folgende (verpflichtende) Argumente:

Argument	Datentyp	Hinweis
w	Zahl	ganzzahlig, mindestens 100

Die Zeichenfläche zur anschließenden Ausgabe von Punktwolken wird vorbereitet (initialisiert). Dabei definiert w die (maximale) Breite der Darstellung.

Zudem können folgende Optionen verwendet werden:

Variable	Datentyp	Hinweis	Default-Wert
background	Farbe	-	lightgrey
velocity	Zahl	-	1
scaling	Zeichenkette	on oder off	on
div	Zeichenkette	-	neues DIV-Element

Mittels background kann die Hintergrundfarbe des Plots angepasst werden und velocity definiert die Geschwindigkeit der Drehung.

Weiterhin ist zu beachten, dass das verpflichtende Argument w stets als maximale Breite zu verstehen ist. Ist diese zu groß, wird automatisch auf eine optimale Größe verkleinert. Um dies zu verhindern, kann scaling auf off gesetzt werden.

Für Anwender mit HTML-Kenntnissen lässt sich mittels div definieren, welches DIV-Element zur Zeichnung 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

Es werden die Daten zweier Listen dargestellt.

<!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 = [
[0,0,3],
[3,0,3],
[0,3,3],
[3,3,3]
];

var B = [
[5,7,5],
[7,7,5],
[5,7,7],
[7,7,7]
];

Plot3d.init(400);
Plot3d.list(A);
Plot3d.list(B);
Plot3d.draw();

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

Vorschau Download Kopie speichern

Beispiel

Es werden die Daten des WebshopCustomers-Datenpakets dargestellt.

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

var X = WebshopCustomers.get();

Plot3d.init(400, {background:"black", velocity:0.4});
Plot3d.list(X, {color:"yellow"});
Plot3d.draw();

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

Vorschau Download Kopie speichern