Elementum Graph Functionis

Elementum Graph Functionis curvaturas functionum mathematicarum cum axibus configurabilibus, impletionibus, et stylis reddit. Expressio in ambitu sand-box evaluatur.

Elementa Graph Functionis communia campa ex Elementum Basicum et Elementum Visum communicant.

Proprietates Graph Functionis

Proprietas	Typus	Requiritur	Exemplum	Ambitus Valoris	Descriptio
type	string	true	-	Function Graph	Typus elementi. Pro elementis Graph Functionis, hoc semper est "Graph Functionis".
expression	string	true	Math.sin(x)	-	Expressio mathematica ad describendum. Utere syntaxe Math JavaScript cum x ut variabili.
range	array	false	[-10, 10]	-	Range axium x ut duo-elementum array [min, max].
samples	number	false	-	> 0	Numerus punctorum exemplarium ad curvam describendam. Maiora valores curvas leniores producunt.
thickness	number	false	-	> 0	Crassitudo lineae curvae functionis, in pixelis.
color	string	false	-	-	Color curvae functionis, in formato hex.
backgroundColor	string	false	-	-	Color background area graphicae, in formato hex.
backgroundOpacity	number	false	-	0 - 1	Opacitas background.
threshold	number	false	-	-	Maximum y-value threshold pro clipping. Puncta ultra hanc valorem non redduntur.
flipY	boolean	false	-	-	Num quid directionem axium Y-invertere.
fillColor	string	false	-	-	Color implendi sub curva, in formato hex.
fillOpacity	number	false	-	0 - 1	Opacitas areae implendi sub curva. Set ad 0 ad implendum disiungere.

Proprietates Axium

Proprietas	Typus	Requiritur	Exemplum	Ambitus Valoris	Descriptio
showAxis	boolean	false	-	-	Num quid axium coordinatarum ostendere.
axisColor	string	false	-	-	Color linearum axium, in formato hex.
axisOpacity	number	false	-	0 - 1	Opacitas linearum axium.
axisTickCount	number	false	-	-	Numerus notarum tick in singulis axibus.
axisThickness	number	false	-	-	Crassitudo linearum axium, in pixelis.
showAxisArrow	boolean	false	-	-	Num quid caput sagittarum in finibus axium ostendere.
axisArrowSize	number	false	-	-	Magnitudo caput sagittarum axium, in pixelis.

Exemplum

Unda Sinusoidalis

functionGraphElement.json

 
{
  "id": "graph-001",
  "type": "Function Graph",
  "start": 0,
  "duration": 5,
  "trackIndex": 0,
  "x": 200,
  "y": 200,
  "width": 400,
  "height": 200,
  "anchorX": 200,
  "anchorY": 100,
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "expression": "Math.sin(x)",
  "range": [-10, 10],
  "samples": 200,
  "thickness": 2,
  "color": "#C55F73",
  "backgroundColor": "#000000",
  "backgroundOpacity": 1,
  "showAxis": true,
  "axisColor": "#ffffff",
  "axisTickCount": 10
}

Functio Quadratica Impleta

functionGraphFilled.json

 
{
  "id": "graph-002",
  "type": "Function Graph",
  "start": 0,
  "duration": 8,
  "trackIndex": 0,
  "x": 300,
  "y": 250,
  "width": 500,
  "height": 300,
  "anchorX": 250,
  "anchorY": 150,
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "expression": "x * x - 4",
  "range": [-5, 5],
  "samples": 300,
  "thickness": 3,
  "color": "#4A90E2",
  "fillColor": "#4A90E2",
  "fillOpacity": 0.3,
  "backgroundColor": "#1a1a2e",
  "backgroundOpacity": 0.9,
  "showAxis": true,
  "axisColor": "#cccccc",
  "axisThickness": 2,
  "showAxisArrow": true,
  "axisArrowSize": 10
}

Notae

expressio in ambitu sand-box evaluatur cum accessu ad obiectum JavaScript Math. Utere Math.sin(x), Math.pow(x, 2), Math.exp(x), etc.
Variabilis x per range specificatum cum dato numero samples iteratur.
Set fillOpacity maius quam 0 ad implendum spatium inter curvam et axem x.
Utere threshold ad clip extrema y-values pro functionibus cum asymptotis (e.g., 1/x).

Overview

Element

Effect