log in
Functiongraph, no max-height set
Edit to suit. (Only available to the logged in author.)
Author: mbourne
<div id="jxgbox" class="jxgbox"></div>
#jxgbox {
max-width: 600px;
aspect-ratio: 0.4;
}
You aren't the author of this fiddle, so clicking "run" will only update the graph, not save your changes.
To save your changes, make a fork of this fiddle.
Create a new version of this fiddle.
It's like "Save as..."
Save any recent changes (by clicking "Run") first.
Export a HTML page of this Fiddle from the current saved settings.
In the downloaded file, if you see console errors complaining about CORS policy, make sure you run the exported file from a localhost/ or an actual server.
Device size:
In the script, we have not set the pan: { needTwoFingers: true } option and so in this example, when viewing it on a phone, we can get "trapped" because the full screen can be taken up by the graph and swiping just moves the graph, not the page.
So it's best to set the max-height, like we've done in this fiddle (or not as good, set needTwoFingers).
This is the graph of y = 0.25x2sin(10x)
×