53 lines
2.3 KiB
HTML
53 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Integral Demonstration</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<noscript>Please enable Javascript, this page uses both WebAssembly and Javascript to run.</noscript>
|
|
<script src="bootstrap.js"></script>
|
|
<main>
|
|
<h1>Integral Demonstration</h1>
|
|
<div id="coord"></div>
|
|
<canvas id="canvas" width="600" height="400"></canvas>
|
|
<div id="status">Loading WebAssembly...</div>
|
|
<div id="control">
|
|
<label for="math_function">y=</label> <input type="string" id="math_function" value="x^2">
|
|
<p></p>
|
|
<label for="minX">MinX: </label> <input type="number" id="minX" value="-10">
|
|
<p></p>
|
|
<label for="maxX">MaxX: </label> <input type="number" id="maxX" value="10">
|
|
<p></p>
|
|
<label for="minY">MinY: </label> <input type="number" id="minY" value="-10">
|
|
<p></p>
|
|
<label for="maxY">MaxY: </label> <input type="number" id="maxY" value="10">
|
|
<p></p>
|
|
<label for="num_interval">Interval: </label> <input type="number" id="num_interval" value="100" min="0">
|
|
<p></p>
|
|
<label for="resolution">Number of Points </label> <input type="number" id="resolution" value="10000" min="0">
|
|
<p></p>
|
|
</div>
|
|
<div id="area-msg">Area:</div>
|
|
</main>
|
|
</body>
|
|
</html>
|
|
|
|
<h3 id="%3Ca%20href=%22https://github.com/Titaniumtown/integral_site%22%3EI&#8217;m%20Open%20Source!%3C/a%3E%20(and%20licensed%20under%20AGPLv3)"><a href="https://github.com/Titaniumtown/integral_site">I’m Open Source!</a> (and licensed under AGPLv3)</h3>
|
|
|
|
<h3 id="Frequent%20Issues">Frequent Issues</h3>
|
|
|
|
<h4 id="Not%20using%20explicit%20Multiplication">Not using explicit Multiplication</h4>
|
|
|
|
<ul>
|
|
<li>Equations such as <code>y=-2x</code> that doesn’t explicitly request multiplication through the use of an asterisk will fail. Also chaining variables such as <code>xxxx</code> will fail, whereas <code>x*x*x*x</code> (or <code>x^4</code>) will not fail, this also applies for static variables such as <code>e</code>.</li>
|
|
</ul>
|
|
|
|
<h4 id="What%20Expressions%20can%20I%20use?">What Expressions can I use?</h4>
|
|
|
|
<ul>
|
|
<li><a href="https://github.com/Titaniumtown/meval-rs#supported-expressions">Supported Expressions</a></li>
|
|
</ul>
|