Expense chart component react and tailwind css solution

Question for you. How are people who can only use a keyboard going to be able to see the dollar amount for each day? I'm not expecting you to solve this issue. I'd say it's a flaw in the design. But I just wanted to make you aware that things like this need to be accessible to people who can only use keyboards to navigate your page. So using just mouse hover to show the dollar amounts won't work.

There are a number of ways to solve this. Personally, I would probably include a table of the data. You can hide it in a disclosure below the chart so that it can be displayed on demand when needed. But this would deviate from the design, which is why I suggested that this is a design issue.