Design comparison
SolutionDesign
Community feedback
- @mathieu-superposePosted over 2 years ago
I used the JSON file to process data and animate the bars:
- define the height of the max bar, find max value over data, and attribute it the max height
- scale other bars as a ratio to the max val
- contain the bars into a container of the same size, and translateY each bar on load
- map data and use index to animate bars sequentially
Accessibility needs some polish (select the bars with tabulation). I wrote the app in React but hosted it on Github Pages, which might be the cause of a few flags (html issues).
The app is responsive and checks all user stories.
0
Please log in to post a comment
Log in with GitHubJoin 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