a friend of mine shared an image called emotions wheel with me when we were discussing the important of being able to label different emotions and understanding the nuances of emotions. i really liked the idea and felt that it should be more interactive.

so i set out to see if i could create one. from not knowing about about Sunburst Chart and not being interested in working on css i was able to get the final output i wanted in less than 2 hours using chatgpt. this was one of the reasons i am starting to spend more time in coding. it is much more enjoyable now. you can now spend more time in getting things done than worrying on format, nitty gritties of the programming language or libraries.

we are using this to teach emotions to my son abhirath. we are starting with the central ones first and as he gets hang of it we go to the next circle which incrases the nuance.

whenever i get time am trying to create such simple tools at https://tools.learningpaths.io/ these tools help me express myself better and communicate better with others. i keep going back to them when i have a need or when i have time. if you want to help me with any of these, you can reach out to me.

misc

https://tools.learningpaths.io/emotions-wheel

code - https://gitlab.neubitat.com/learning-paths/lp-tools/-/blob/master/src/components/EmotionalWheel.js?ref_type=heads

video ideas

built using E Charts

process

1. timeline - august 2023
2. used vision API to get the names of all emotions from the image.
3. put that in google spreadsheet and mapped primary, secondar and tertiary
4. used a script to covert into an array for javascript.
5. used chatgpt zero in on E Charts and to generate the code for the same
6. was able to get the whole thing done in a couple of hours.
7. documenting this so that the next such hacks will take much lesser time.