Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Anger Management Tool

Public visualization

Viewing a saved revision (read-only)

3e13451c09a04210b796efc9ae8e4d5c

Anger Management Tool

0 stars0🌍 Public
NNita
Last edited Jan 14, 2026
Created on Jan 14, 2026
Forked from React & D3 Starter

This interactive mindfulness tool guides users through a three-stage anger management practice: input, breathing, and reflection. It begins with a slider to rate anger from 0 to 10, and a button to release common ADHD-related triggers as floating particles. The breathing stage presents a D3.js-animated breathing circle and rotating Buddhist affirmations, leading to a reflection stage that integrates the experience. React manages the stage-based state, while D3.js and CSS animations handle the visual elements.

AI-generated description