npm - mathjs - Versions diffs - 10.0.0 → 10.6.4 - Mend

mathjs 10.0.0 → 10.6.4

Files changed (1084) hide show

package/examples/browser/basic_usage.html DELETED Viewed

@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>math.js | basic usage</title>
-  <script src="../../lib/browser/math.js"></script>
-</head>
-<body>
-<script>
-  function print(value) {
-    const precision = 14
-    document.write(math.format(value, precision) + '<br>')
-  }
-  // functions and constants
-  print(math.round(math.e, 3))            // 2.718
-  print(math.atan2(3, -3) / math.pi)      // 0.75
-  print(math.log(10000, 10))              // 4
-  print(math.sqrt(-4))                    // 2i
-  print(math.pow([[-1, 2], [3, 1]], 2))   // [[7, 0], [0, 7]]
-  print(math.derivative('x^2 + x', 'x'))  // 2 * x + 1
-  // expressions
-  print(math.evaluate('12 / (2.3 + 0.7)'))    // 4
-  print(math.evaluate('12.7 cm to inch'))     // 5 inch
-  print(math.evaluate('9 / 3 + 2i'))          // 3 + 2i
-  print(math.evaluate('det([-1, 2; 3, 1])'))  // -7
-  // chained operations
-  const a = math.chain(3)
-      .add(4)
-      .multiply(2)
-      .done()
-  print(a)  // 14
-</script>
-</body>
-</html>

package/examples/browser/currency_conversion.html DELETED Viewed

@@ -1,125 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>math.js | currency conversion</title>
-  <script src="../../lib/browser/math.js"></script>
-  <style>
-    body,
-    html,
-    input {
-      font-size: 11pt;
-      font-family: verdana, arial, sans-serif;
-      color: #4d4d4d;
-      max-width: 600px;
-    }
-    h1 {
-      font-size: 120%;
-    }
-    input {
-      padding: 5px;
-      width: 400px;
-    }
-    button {
-      padding: 5px;
-    }
-  </style>
-</head>
-<body>
-<h1>Currency conversion with math.js</h1>
-<p>
-  This example demonstrates how you can fetch actual currencies from <a href="https://fixer.io">fixer.io</a> and use them in math.js.
-</p>
-<p>
-  Create a (free) account at <a href="https://fixer.io">fixer.io</a> and fill in your API access key below:
-</p>
-<form id="fetchForm">
-    <input type="text" id="apiKey" placeholder="fixer.io API access key..." />
-    <button type="submit" id="ok">Fetch currencies</button>
-</form>
-<p id="info">
-</p>
-<div id="form" style="display: none;">
-  <p>
-    <label for="expr">Enter an expression with currencies:</label>
-  </p>
-  <p>
-    <input id="expr" value="5 EUR + 2 * 3 EUR in USD" /><br/>
-  </p>
-  <p id="result"></p>
-</div>
-<script>
-  const accessKey = document.getElementById('apiKey')
-  const fetchForm = document.getElementById('fetchForm')
-  fetchForm.onsubmit = function (event) {
-    event.preventDefault()
-    document.getElementById('info').innerHTML = 'Fetching currencies...'
-    fetchAndImportCurrencies(accessKey.value)
-      .then(function (currencies) {
-        document.getElementById('expr').oninput = evaluate
-        document.getElementById('form').style.display = ''
-        document.getElementById('info').innerHTML = 'Available currencies: ' + currencies.join(', ')
-        evaluate()
-      })
-      .catch(function (err) {
-        console.error(err)
-        document.getElementById('info').innerHTML = '<span style="color: red;">' + err.toString() + '</span>'
-      })
-  }
-  function fetchAndImportCurrencies (accessKey) {
-    // fetch actual currency conversion rates
-    return fetch('http://data.fixer.io/api/latest?access_key=' + accessKey)
-      .then(function (response) {
-        return response.json()
-      })
-      .then(function (data) {
-        if (data.success) {
-          // import the currencies
-          math.createUnit(data.base)
-          Object.keys(data.rates)
-            .filter(function (currency) {
-              return currency !== data.base
-            })
-            .forEach(function (currency) {
-              math.createUnit(currency, math.unit(1 / data.rates[currency], data.base))
-            })
-          // return an array with all available currencies
-          return Object.keys(data.rates).concat(data.base)
-        }
-        else {
-          throw new Error(data.error.info)
-        }
-      })
-  }
-  function evaluate () {
-    const expr = document.getElementById('expr')
-    const result = document.getElementById('result')
-    try {
-      const resultStr = math.format(math.evaluate(expr.value), {notation: 'fixed', precision: 2})
-      result.innerHTML = '<span style="color: dodgerblue;">' + resultStr + '</span>'
-    }
-    catch (err) {
-      result.innerHTML = '<span style="color: red;">' + err.toString() + '</span>'
-    }
-  }
-</script>
-</body>
-</html>

package/examples/browser/custom_separators.html DELETED Viewed

@@ -1,81 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>math.js | custom separators</title>
-  <style>
-    body, input, select {
-      font: 11pt sans-serif;
-    }
-    input, select, th, #result {
-      padding: 5px 10px;
-    }
-    th {
-      text-align: left;
-    }
-  </style>
-  <script src="../../lib/browser/math.js"></script>
-</head>
-<body>
-<p>
-  This code example shows how to apply custom separators for function arguments and decimal separator.
-</p>
-<table>
-  <tr>
-    <th>Argument separator</th>
-    <td>
-      <input id="args" type="text" value=";">
-    </td>
-  </tr>
-  <tr>
-    <th>Decimal separator</th>
-    <td>
-      <input id="decimals" type="text" value=",">
-    </td>
-  </tr>
-  <tr>
-    <th>Expression</th>
-    <td>
-      <input id="expression" type="text" value="sum(3,4; 2,1; 2,0)" />
-      <input id="evaluate" type="button" value="Evaluate">
-    </td>
-  </tr>
-  <tr>
-    <th>Result</th>
-    <td id="result"></td>
-  </tr>
-</table>
-<script>
-  // pointers to the input elements
-  const expression = document.getElementById('expression')
-  const evaluate   = document.getElementById('evaluate')
-  const result     = document.getElementById('result')
-  const args       = document.getElementById('args')
-  const decimals   = document.getElementById('decimals')
-  // attach event handler to the button
-  evaluate.onclick = function () {
-    // replace the custom separators in the input with the default separators
-    const expr = expression.value
-        .replace(new RegExp('\\' + decimals.value + '|\\' + args.value, 'g'), function (match) {
-          return match === decimals.value ? '.': ','
-        })
-    // do the actual evaluation
-    const res = math.evaluate(expr)
-    // replace the default separators in the output with custom separators
-    result.innerHTML = res.toString()
-        .replace(new RegExp(',|\\.', 'g'), function (match) {
-          return match === '.' ? decimals.value : args.value
-        })
-  }
-</script>
-</body>
-</html>

package/examples/browser/plot.html DELETED Viewed

@@ -1,78 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>math.js | plot</title>
-  <script src="../../lib/browser/math.js"></script>
-  <script src="https://cdn.plot.ly/plotly-1.35.2.min.js"></script>
-  <style>
-    input[type=text] {
-      width: 300px;
-    }
-    input {
-      padding: 6px;
-    }
-    body, html, input {
-      font-family: sans-serif;
-      font-size: 11pt;
-    }
-    form {
-      margin: 20px 0;
-    }
-  </style>
-</head>
-<body>
-<form id="form">
-  <label for="eq">Enter an equation:</label>
-  <input type="text" id="eq" value="4 * sin(x) + 5 * cos(x/2)" />
-  <input type="submit" value="Draw" />
-</form>
-<div id="plot"></div>
-<p>
-  Used plot library: <a href="https://plot.ly/javascript/">Plotly</a>
-</p>
-<script>
-  function draw() {
-    try {
-      // compile the expression once
-      const expression = document.getElementById('eq').value
-      const expr = math.compile(expression)
-      // evaluate the expression repeatedly for different values of x
-      const xValues = math.range(-10, 10, 0.5).toArray()
-      const yValues = xValues.map(function (x) {
-        return expr.evaluate({x: x})
-      })
-      // render the plot using plotly
-      const trace1 = {
-        x: xValues,
-        y: yValues,
-        type: 'scatter'
-      }
-      const data = [trace1]
-      Plotly.newPlot('plot', data)
-    }
-    catch (err) {
-      console.error(err)
-      alert(err)
-    }
-  }
-  document.getElementById('form').onsubmit = function (event) {
-    event.preventDefault()
-    draw()
-  }
-  draw()
-</script>
-</body>
-</html>

package/examples/browser/pretty_printing_with_mathjax.html DELETED Viewed

@@ -1,122 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>math.js | pretty printing with MathJax</title>
-  <script src="../../lib/browser/math.js"></script>
-  <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-  <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
-  <style>
-    body,
-    html,
-    table td,
-    table th,
-    input[type=text] {
-      font-size: 11pt;
-      font-family: verdana, arial, sans-serif;
-    }
-    h1 {
-      font-size: 11pt;
-    }
-    input[type=text] {
-      padding: 5px;
-      width: 400px;
-    }
-    table {
-      border-collapse: collapse;
-    }
-    table td,
-    table th {
-      padding: 5px;
-      border: 1px solid lightgray;
-    }
-    table th {
-      background-color: lightgray;
-    }
-  </style>
-</head>
-<body>
-<h1>
-  Expression evaluation with math.js, pretty printing with MathJax
-</h1>
-<table>
-  <tr>
-    <th>Expression</th>
-    <td><input type="text" id="expr"/></td>
-  </tr>
-  <tr>
-    <th>Pretty print</th>
-    <td><div id="pretty"></div></td>
-  </tr>
-  <tr>
-    <th>Result</th>
-    <td><div id="result"></div></td>
-  </tr>
-</table>
-<b>Parenthesis option:</b>
-<input type="radio" name="parenthesis" value="keep" onclick="parenthesis = 'keep'; expr.oninput();" checked>keep
-<input type="radio" name="parenthesis" value="auto" onclick="parenthesis = 'auto'; expr.oninput();">auto
-<input type="radio" name="parenthesis" value="all" onclick="parenthesis = 'all'; expr.oninput();">all
-<br/>
-<b>Implicit multiplication:</b>
-<input type="radio" name="implicit" value="hide" onclick="implicit = 'hide'; expr.oninput();" checked>hide
-<input type="radio" name="implicit" value="show" onclick="implicit = 'show'; expr.oninput();">show
-<script>
-  const expr = document.getElementById('expr')
-  const pretty = document.getElementById('pretty')
-  const result = document.getElementById('result')
-  let parenthesis = 'keep'
-  let implicit = 'hide'
-  const mj = function (tex) {
-    return MathJax.tex2svg(tex, {em: 16, ex: 6, display: false});
-  }
-  // initialize with an example expression
-  expr.value = 'sqrt(75 / 3) + det([[-1, 2], [3, 1]]) - sin(pi / 4)^2'
-  pretty.innerHTML = '';
-  pretty.appendChild(mj(math.parse(expr.value).toTex({parenthesis: parenthesis})));
-  result.innerHTML = math.format(math.evaluate(expr.value))
-  expr.oninput = function () {
-    let node = null
-    try {
-      // parse the expression
-      node = math.parse(expr.value)
-      // evaluate the result of the expression
-      result.innerHTML = math.format(node.compile().evaluate())
-    }
-    catch (err) {
-      result.innerHTML = '<span style="color: red;">' + err.toString() + '</span>'
-    }
-    try {
-      // export the expression to LaTeX
-      const latex = node ? node.toTex({parenthesis: parenthesis, implicit: implicit}) : ''
-      console.log('LaTeX expression:', latex)
-      // display and re-render the expression
-      MathJax.typesetClear();
-      pretty.innerHTML = '';
-      pretty.appendChild(mj(latex));
-    }
-    catch (err) {}
-  }
-</script>
-</body>
-</html>

package/examples/browser/printing_html.html DELETED Viewed

@@ -1,170 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>math.js | printing HTML</title>
-	<script src="../../lib/browser/math.js"></script>
-	<style>
-		body {
-			font-size: 11pt;
-			font-family: verdana, arial, sans-serif;
-		}
-		h1 {
-			font-size: 1rem;
-		}
-		fieldset {
-			display: inline;
-			margin: 0 50px 10px 0;
-			padding: 0;
-			border: none;
-		}
-		input[type=text] {
-			font-size: 11pt;
-			font-family: verdana, arial, sans-serif;
-			padding: 5px;
-			width: calc(100% - 14px);
-		}
-		label {
-			margin: 0 5px 0 0;
-		}
-		table {
-			width: 100%;
-			border-collapse: collapse;
-		}
-		table td,
-		table th {
-			padding: 5px;
-			border: 1px solid LightGrey;
-		}
-		table th {
-			background-color: LightGrey;
-		}
-		/* style the HTML output */
-		.math-function {
-			color: Purple;
-			font-weight: bold;
-		}
-		.math-number {
-			color: Blue;
-		}
-		.math-boolean {
-			color: Green;
-		}
-		.math-string {
-			color: Grey;
-		}
-		.math-string::before,
-		.math-string::after {
-			content: "\"";
-		}
-		.math-property {
-			font-style: italic;
-		}
-		.math-explicit-binary-operator::before,
-		.math-explicit-binary-operator::after {
-			content: " ";
-		}
-		.math-separator::after,
-		.math-assignment-operator::after {
-			content: " ";
-		}
-	</style>
-</head>
-<body>
-<h1>Expression evaluation and HTML code generation with math.js</h1>
-<form>
-	<fieldset>
-		Parenthesis option:
-		<label><input type="radio" name="parenthesis" value="keep" checked>keep</label>
-		<label><input type="radio" name="parenthesis" value="auto">auto</label>
-		<label><input type="radio" name="parenthesis" value="all">all</label>
-	</fieldset>
-	<fieldset>
-		Implicit multiplication:
-		<label><input type="radio" name="implicit" value="hide" checked>hide</label>
-		<label><input type="radio" name="implicit" value="show">show</label>
-	</fieldset>
-</form>
-<table>
-	<tr>
-		<th>Expression</th>
-		<td><input type="text" id="expr"/></td>
-	</tr>
-	<tr>
-		<th>Result</th>
-		<td><div id="result"></div></td>
-	</tr>
-	<tr>
-		<th>HTML output</th>
-		<td><div id="output">$$$$</div></td>
-	</tr>
-	<tr>
-		<th>HTML code</th>
-		<td><div id="code">$$$$</div></td>
-	</tr>
-</table>
-<script>
-  const expr = document.getElementById('expr')
-  const output = document.getElementById('output')
-  const code = document.getElementById('code')
-  const result = document.getElementById('result')
-  let options = {parenthesis: 'keep', implicit: 'hide'}
-  // initialize with an example expression
-  expr.value = 'sqrt(75/3)+det([[-1,2],[3,1]])-sin(pi/4)^2'
-  function print () {
-    let parsed = null
-    try {
-      // parse the expression
-      parsed = math.parse(expr.value)
-      // evaluate the result of the expression
-      result.innerHTML = math.format(parsed.compile().evaluate())
-      // print the HTML output
-      const html = math.parse(expr.value).toHTML(options)
-      output.innerHTML = html
-      // print the HTML code
-      code.innerHTML = html.replace(/</g, '&lt;').
-      replace(/>/g, '&gt;').
-      replace(/&lt;\/span&gt;/g, '&lt;/span&gt;<br />')
-    }
-    catch (err) {
-      result.innerHTML = '<span style="color: red;">' + err.toString() + '</span>'
-    }
-  }
-  window.onload = print
-  expr.oninput = print
-  // make the controls work
-  const controls = document.querySelectorAll('input[type=radio]')
-  controls.forEach(function (control) {
-    control.onclick = function() {
-      options[control.name] = control.value
-      print()
-    }
-  })
-</script>
-</body>
-</html>

package/examples/browser/requirejs_loading.html DELETED Viewed

@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>math.js | require.js loading</title>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.20/require.min.js"></script>
-</head>
-<body>
-<script>
-  // load math.js using require.js
-  require(['../../lib/browser/math.js'], function (math) {
-    // evaluate some expression
-    const result = math.evaluate('1.2 * (2 + 4.5)')
-    document.write(result)
-  })
-</script>
-</body>
-</html>