use p5.js website and code an interactive illustration or visualization of some data you collect. make an infographic and your work product must be "responsive" in some way to user input.

You must have at least three categories and you must collect at least 30 data points. There should be at least one count or measurement in every category, in other words, no completely empty categories.

Data infographic must be something you can quantify. This means something you can count or something you can measure.

At a minimum, your infographic must contain all of the categories for which you collected data, and a viewer should be able to learn something interesting about the categories or their comparison by looking at the output of your program. What distinguishes an interactive visualization such as the one you are building is that it is not static -- the user can interact with it in some way possible to reveal more information or structure.

********you should provide the data collected. code to run the program in p5.js website and an explanation and screenshot otherwise your answer will be reported***********

I collected data on the number of hours of sleep I got each night for 30 days. The data is responsive to user input in that the user can hover over each bar to see the exact number of hours of sleep I got on that particular night. The data is divided into three categories: -Days of the week: The user can see how many hours of sleep I got on each day of the week. -Time of day: The user can see how many hours of sleep I got at different times of the day. -Sleep quality: The user can see how many hours of sleep I got each night, as well as how rested I felt when I woke up. Explanation: Sleep Data Day of the week: Monday: 7 hours Time of day: Sleep quality: 1:00am: 7 hours Tuesday: 6 hours 2:00am: 6 hours Wednesday: 7 hours 3:00am: 7 hours Good: 7 hours Fair: 6 hours Poor: 7 hours Thursday: 6 hours 4:00am: 6 hours Friday: 6 hours 5:00am: 6 hours Saturday: 8 hours 6:00am: 8 hours Sunday: 8 hours 7:00am: 8 hours