taralino

Das Plot-Paket

Das Plot-Paket kann verwendet werden, um auf einfache Art und Weise mathematische Funktion sowie Datenpunkte darstellen zu können. Dabei stehen einige Optionen zur Verfügung, beispielsweise zur Anpassung der Farben.

Die vollständige Dokumentation findest du hier:

Zur Referenz

Beispiel

Es werden zwei Funktionen mit unterschiedlichem Definitionsbereich 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>

function f(x) {
  return Math.sin(x);
};

function g(x) {
  return Math.cos(x);
};

Plot.init(640, 320, {axis:["y-Achse","x-Achse"]});
Plot.func(f, -10,  5);
Plot.func(g,  -5, 10);
Plot.draw();

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

Vorschau Download Kopie speichern

Beispiel

Es wird eine Zahlenreihe dargestellt, wobei unterschiedliche Optionen verwendet werden.

<!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 = [2, 4, 3, 4, 5, 3, 4, 5, 9, 5, 1, 6];

Plot.init(640, 320, {axis:["y-Achse","x-Achse"]});
Plot.list(A, {color:"orange", style:"joined", filling:"on"});
Plot.draw();

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

Vorschau Download Kopie speichern

Beispiel

Es wird eine Liste von Zahlenpaaren 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 = [[2,2], [3,4], [5,2], [7,5], [2,6]];

Plot.init(320, 320, {grid:"none", range:[[0,10],[0,10]]});
Plot.list(A, {style:"joined"});
Plot.draw();

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

Vorschau Download Kopie speichern