ngx-math-function-plotter

MathFunctionPlotter

This project was generated with Angular CLI version 7.0.2.

An angular library that has a component for plotting math functions with built in math expressions & single variable computation.

Table of supported math operations:

Operation	Syntax	# of operands
Addition	+	2
Subtraction	sub	2
Multiplication	*	2
Division	/	2
L.Parantheses	(	>=1
R.Parantheses	)	>=1
sin	sin	1
cos	cos	1
tan	tan	1
seq	seq	1
csc	csc	1
cot	cot	1
power	^	2
square root	sqr	1
minus	-	1

Usage

Plotter

Inside your module import it as:

import {NgxMathFunctionPlotterModule} from 'ngx-math-function-plotter';

Then inside your component .html add the plotter component tag:

<ngx-math-function-plotter [functionInput]="'sin(x)'" [maxDisplayValue]="10" [width]="600" [height]="600">
</ngx-math-function-plotter>

Result will be as follow:

Math Expression parser

For parsing mathmatical expressions service NgxSingleVariableFunctionParserService can be used inside needed component .ts:

First import the service as follows:

import { NgxSingleVariableFunctionParserService } from 'ngx-math-function-plotter';

Then inside the class will be as:

export class AppComponent {
  title = 'PlotterTest';

  mathExpressionParser: NgxSingleVariableFunctionParserService;

  constructor(mathExpressionParser: NgxSingleVariableFunctionParserService) {
    this.mathExpressionParser = mathExpressionParser;
    this.mathExpressionParser.setMathFunctionText('x+1'); // single variable expression
    const number = this.mathExpressionParser.computeFunctionAtValue(1); // 2 is displayed
    alert(number);
    this.mathExpressionParser.setMathFunctionText('sqr(4*4)'); // constant expression
     // input in following statement has no effect since expression is constant
    const constantExpressionResult = this.mathExpressionParser.computeFunctionAtValue(0);
    alert(constantExpressionResult); // 4 is displayed
  }

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test --project NgxMathFunctionPlotter to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.