Show HN: Realtime GPU-powered implicit function plotter in your browser

[timokoesters]

https://plotf.xyz/

[c1ccccc1]

Here's some more examples:

    cos((x - t)) + cos(0.5877852522924731*y + 0.8090169943749475*(x - t)) + cos(0.9510565162951535*y + 0.30901699437494745*(x - t)) + cos(0.9510565162951536*y - 0.30901699437494734*(x - t)) + cos(0.5877852522924732*y - 0.8090169943749473*(x - t)) = z

    10.0*(pow(sin(0.1*(x*x-y*y)), 2.0) + pow(sin(0.2*x*y), 2.0))/sqrt(x*x + y*y) = z

    x*x+y*y+z*z=2.0+cos(t+10.0*x+24.0*y)+cos(t - 10.0*x+24.0*y+16.0*z)+sin(t+x+y+2.0*z)+cos(3.0*t+y-z)+sin(2.0*t+x*y)+cos(t+3.0*x*y)+sin(0.1*t+y*z + 7.0*x*y)+cos(0.5*t+x*y*z)+cos(5.0*z)+cos(1.618*t+7.0*z)+cos((x+2.0*y)*(2.0\*z-y))

[contravariant → c1ccccc1]

You escaped an * one time too many in the last one.

[jayhoon]

Adding a periodic unbounded function of time (like tan) makes the plot to "explode":

(6.0*(0.04*x*x - 1.0)*pow(0.2*x, 2.0) + pow(0.02*x*x - 1.0, 2.0) + 6.0*(0.04*y*y - 1.0)*pow(0.2*y, 2.0) + pow(0.04*y*y - 1.0, 2.0) + 6.0*(0.04*z*z - 1.0)*pow(0.2*z, 2.0) + pow(0.04*z*z - 1.0, 2.0)) = tan(t)

Adding more non-linearity makes the plot is more dynamic:

(6.0*(0.04*x*x - 1.0)*pow(0.2*x, 2.0) + pow(0.02*x*x - 1.0, 2.0) + 6.0*(0.04*y*y - 1.0)*pow(0.2*y, 2.0) + pow(0.04*y*y - 1.0, 2.0) + 6.0*(0.04*z*z - 1.0)*pow(0.2*z, 2.0) + pow(0.04*z*z - 1.0, 2.0)) = tan(t*cos(t))

Edit: Escaping.

[memalign]

This project is so cool!

Please copy some of the UI ideas from my 2D graphing calculator (which itself copied nearly all of the UI of graphtoy.com): https://memalign.github.io/m/formulagraph/index.html

- Buttons to load examples

- Quick way to share a link to the current plot

- Buttons that show what functions are supported

[ausydi]

This is a truly impressive achievement in real-time browser rendering. The utilization of GPU power to plot implicit functions in real-time is a testament to the capabilities of modern web technologies. The ability to interactively explore and visualize these complex mathematical functions in the browser will undoubtedly prove to be a valuable tool for both researchers and students alike. The seamless integration of this technology into a web-based platform also makes it easily accessible to a wide audience, further increasing its impact. I am eager to see what other groundbreaking developments will come out of this field in the future.

[ausydi → ausydi]

A browser-based plotter, with GPU power to boot,

A tool for math students, a treasure to loot.

Implicit functions, once hard to explore,

Now with this tool, easily to deplore.

Real-time rendering, a sight to behold,

A new way to understand, the stories these functions have told.

Interactive and accessible, to all with a browser,

A true game-changer, like the discovery of a new rover.

No longer a struggle, to see and to know,

The beauty of math, it can now show.

This technology, a democratizer,

A bright future, it will inspire.

So let us embrace, this new way to see,

The complexity of math, now easy to be.

[bembo → ausydi]

:0

[ausydi → ausydi]

:)

[Mizza]

Dang, that's really pretty. Could do with a little interface polish, but really nice visualizations. How does 't' work? Would love to be able to feed an audio waveform into a fullscreen mode and some palette options.

[timokoesters → Mizza]

t is just a time variable that's loaded from the CPU to the GPU every frame, so it's possible to use all sorts of other data as well.

[nextaccountic → timokoesters]

Could the shader just compute the t by itself, without loading it every frame?

[farcaster]

I've been meaning to do some project in the browser involving the GPU and can't decide on a framework to use.

What would you recommend? The cool kids seem to be using pure webGPU

[timokoesters → farcaster]

This was made in Rust using WGPU and their WGSL shading language. It still needs more documentation and tutorials, but the results are great and port to many platforms.

[gpm]

Did you publish the source as well?