GLSL Grapher

x
y
float y(float x) { return sin(x); }

What?

This is a visualization tool for GLSL shader functions, using WebGL. It will graph any function with the signature float y(float x).

Why?

Developing and debugging shader code is a uniquely difficult problem. Graphing a function in a single dimension is a useful tool in the debugging toolset, but isn't always the easiest thing to do. For one, typical graphing tools all require you to translate your shader code into another format. This allows you to graph the output of your actual code.

Examples?