I'm generating a canvas scene to represent emotional intelligence and self-awareness in a habit tracker.

I've got the central "Self" - that's the core of awareness, motivations, where you're at right now. And orbiting around it are the "Emotional States" - fluctuating feelings. These particles adjust their positions over time based on random initial conditions.

The "Habit Nodes" are static points representing habits or goals. I placed 4 of them in a circle around self to symbolize continuous improvement and growth.

From self to each habit node, there will be "Intentional Choices" - particles that shoot out when the user makes progress toward their goal. This is meant to visually represent making meaningful choices aligned with your values and where you want to go.

The canvas has a gradient background that subtly shifts between dark blue (#1a1a2e) and deep purple (#8d5e8d). There's also a thin border and soft box shadow for visual clarity.

I've written the JavaScript logic to handle drawing and animation. `drawSelf()` creates an expanding radial gradient around self that pulses gently. `drawEmotions()` handles drawing and updating position of each emotional state particle. The habits are drawn as filled circles with solid colors. Intentional choices haven't been implemented yet but will involve particles shooting out towards the habit nodes.

Let me know if you want any changes to this description before I proceed with implementing it fully in code. This is an