Spiral Visualizer
I made a vogel spiral visualizer
This is a web-based project I created (with the help of an LLM) to support a concept I have for an art project. The visualizer’s controls allow me to play with the parameters of a Vogel spiral and see in real time how they affect the shape. Once I find a shape I like, I can export it as an SVG to use in other contexts.
View the project · GitHub repo
How I collaborated with AI in this project
I tried to create this project on my own with Processing, but I never had luck with producing the fine-grained controls. When I discovered Claude Artifacts, I was able to build a web-based tool with a few simple prompts. Once the bones were in place, I took over and customized the design, defaults, and outputs to suit the needs of my project.
What’s a Vogel Spiral?
A Vogel spiral is a pattern of points spiraling outward in a very natural, super-efficient way, based on the golden angle. It was described by the German biophysicist Helmut Vogel in 1979 when he was modeling sunflower seed arrangements.
Tools used
- Claude for generating the HTML/CSS/JS. (free)
- VS Code for editing the code and making refinements. (free)
- GitHub for hosting the code. (free)
- Cloudflare for serving the site. (free)