chatbot interaction
gsap library
To animate text being typed out, the GSAP library may be a good option. I've never used GSAP before but there are so many cool animations you can do with it, which makes me eager to learn it.
drag and drop option selection
interact.js
Interact.js offers drag and drop functionality that I could use. I used interact.js in a previous project which would make interact.js a better option, however, I had difficulties dragging and dropping an element into another element. That is still an issue I would have to figure out.
jquery ui
Alternatively, I could use jQuery UI. This library is supposed to be easier to use for drag and drop functionality. Since I had issues with interact.js, I am considering using this library instead.
animated visual graphics
gsap library
GSAP offers a wide variety of animations that are smooth and, allegedly, easy to use. Also because I plan to use it for text animations, I think it would be beneficial to reuse it in another place.
hover.css library
I want some hover based animations and Hover.css seems like an easy way to incorporate hover animations without having to perfect my own css keyframes. However, even though it might be time consuming, I might still want to make my own animations.