Graph Plotter

Splashery stretches a drumhead over this Splash's outline, twelve inches across, and finds the ways it can ring. Its lowest is 285.0 Hz, 52 cents flat of D4, the nearest tine on the comb. The next fifteen are its overtones, and each one draws its own figure: sand gathers on the lines that stay still.

Tap to draw the curve. Pick a curve, or type your own, in the Splash tab.

A graph turns an equation into a picture. For y = x², every x along the bottom gets a height y, and joining them draws a curve. René Descartes wrote about this kind of grid in 1637. Curves can be drawn other ways too: by distance and angle (polar), or by following a moving point over time.

Tap it and a pen draws the curve across the grid, humming a note that follows its height; then the a slider sweeps and the curve bends with it. Pick one of 42 famous curves in the Splash tab, or type your own: y = … with x, r = … with θ, or x = …, y = … with t. Put a in it to see it bend.

Made in Splashery. Its code is MIT.

This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.