Skip to content

Nek/spiral-layout-demo

Repository files navigation

Spiral Layout Demo

A demo application showcasing a spiral layout algorithm with SolidJS for rendering. The algorithm places boxes in a spiral pattern, maintaining efficient space usage while avoiding overlaps. The new boxes can be added progressively making it a good fit for streamable content.

Deployed demo https://spiral-layout.netlify.app.

Spiral Layout Preview

Usage

  • Watch random box being added every second
  • Click anywhere to add a random box
  • Observe the spiral pattern formation
  • Scroll mouse wheel to zoom in/out

Build

pnpm build & pnpm preview

Development

pnpm dev

Testing

Attention! Tests are expectedly broken at the moment.

pnpm test

License

MIT License

About

A demo application showcasing spiral layout algorithm using SolidJS for rendering

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors