Submitted over 2 years ago

Expense chart component with ChartJS

chart-js, styled-components, typescript, vite, accessibility

Yemisrach•1,430

@Yemisrach15

A solution to the Expenses chart component challenge

Preview Code

Solution retrospective

A pretty simple challenge! ChartJS uses canvas HTML element to render the charts. canvas is not accessible as I've understood from my research. But I tried to make the chart as accessible as I can. An alternative would be Highcharts which by default is accessible I think. Would like to know how you guys did this. Feedbacks are welcome.

ps. Click on the chart to toggle between the chart types.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Yemisrach's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord