Skip to content
Submitted over 1 year ago

Responsive Expenses Chart Component

Jackson Whiting•360
@jacksonwhiting
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Expenses chart component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I had trouble dynamically changing the height of the bars on the chart. The only way that worked was to add an inline style to change the height dynamically based on the JSON data. I usually avoid inline styles if at all possible. If anyone can take a look and has other ideas on how to change the height, please let me know. My solution works, just not ideal in my mind.

Community feedback

  • theCavyDev•510
    @okeke-ugochukwuPosted over 1 year ago

    @jacksonwhiting

    Considering real world use case, as long as it's a dynamic chart, your approach is ideal.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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