A visualization of your daily goal of drinking water.
When you click on an empty cup it will fill up indiccating you drank a cup of water and it will be added towards your goal of driking water for the day.
When a cup is clicked, the total volume in the big cup will animate and will start filling in partially showing what your current progess is in percentage form.
A you keep adding cups the total volume in the bifg cup will start increasing until it gets full.
And when you click on a cup that is currently full, it will become empty and the total volume will decrease along with the total percentage of your goal.
The demo is live at https://therealrajan.github.io/Drink-Water-Visualizer/
Any improvements are welcome.
-
Notifications
You must be signed in to change notification settings - Fork 0
An interactive visualization of your daily goal of drinking water.
License
TheRealRajan/Drink-Water-Visualizer
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
An interactive visualization of your daily goal of drinking water.
Topics
Resources
License
Stars
Watchers
Forks
Packages 0
No packages published