This is a submission for the 2026 WeCoded Challenge: Frontend Art

Ever wondered if our life, the situations we are in, Is it a lucky draw? Is it truly random, or is there some weighted randomness?

My submission is a "Spin Wheel | Wheel of Fortune" that celebrates the randomness, the diversity, and reminds us that:

Inclusiveness is not random. Gender Equity is not random. But a choice, a choice of actions.

The three core actions are:

Look Back and Observe: Observe and study the Legends, find the roadmap for innovation, the courage to raise our voice, and the fire to pioneer a revolution.

Look Out and act as an Ally: Do everything possible to uplift capable yet underrepresented peers, making sure the strongest ideas rise above the loudest voices.

Look In and Grow: When we encounter hurdles, we must draw on inner strength and a growth mindset; reminding ourselves that we belong here and refusing to surrender to the environment..

The Project: The Triple-Mode SpinWheel

To celebrate the randomness in diversity and the deliberated action, the choice of inclusion, I have created an interactive experience that allows you to "Observe, Ally and Grow".

How it works:

Use the central menu to toggle between three distinct modes of empowerment:

Observe Mode: Discover the 10 voices, from Ada Lovelace to modern-day pioneers, who shattered the glass ceiling and shaped the history of Tech.

Ally Mode: Step into a leadership role. This mode provides 10 actionable "micro-missions" to fight for diversity and equity within your organization.

Grow Mode: A toolkit for the soul. When imposter syndrome strikes, spin for 10 powerful affirmations designed to help you break free from the boxes the world tries to put you in.

"Unity in Diversity" Background

I want a background that reflects the unity in diversity of tech. A visual reminder of how people from every corner come together to make the world a better place.

First Thought, why not use Avatars?
Second Thought, Why not reuse Avataaars Sketch Library by Pablo Stanley that I have used earlier in TippyTippy Avatar Generator.

Initially, I imagined a scrolling background of randomly generated avatars. To keep things optimized, I settled on 16 diverse avatars displayed at once.

Still, in my pipeline is a more ambitious idea, a true random diversity background generator, continuously creating new faces to reflect the endless variety of people shaping tech.

Easter Egg

In mobile, I have included gesture support; you can switch between the modes by swiping left or right.

Show us your Art

Demo Url : https://wecoded-2026-spinwheel.netlify.app/

Inspiration

While creating a SpinWheel project this week, I was in deep thought. Is our life, the situation we are in, a lucky draw? Is it predictable as Math.random(), or is it truly random as crypto.getRandomValues()? Or is there a weighted randomness that decides our destiny?

I concluded that the randomness in the destiny is not truly random, but is weighted one. That cumulative weight is directly proportional to the action we take consciously or unconsciously.

Why not re-program the wheel of life by this simple motto: "We observe, we help, and we grow".

Why not add a background representing how endless people, in tech daily contributing to make the industry a better place.

My Code

Code Repository

StackFeed

Observe, Ally and Grow : WeCoded Formula using SpinWheel