This one took around 5 hours working from a few JPG designs and a Figma mockup. V0 started to break down around 500 LOC again so I couldn’t get all the animation, interactivity, responsiveness I wanted. I ended up forking many times after going too far down hallucinatory routes that couldn’t be undone really reaching the limits of V0.
See the Chat here
The concept
This is an amalgamation of several different diagram designs for web with an interactive twist.
Trying to show
- Port or Starboard tack
- Sail curvature, luffing, sheeting angle
- wind direction
- Point name
- Relative speed
- Up or Downwind direction
This was part of an experimental concept for online learning for sailing theory, the terms would link down to sections in the page or Wiki with smoothSrollToAnchor().
Was this article helpful?
YesNo