Submitted almost 2 years agoA solution to the Expenses chart component challenge
Responsive chart component using d3-js and solid-js
bem, d3, solid-js, storybook, sass/scss
@HironDas

Solution retrospective
- Is there any better approach to using d3-js with solid-js?
chartRef.clientWidth
is not working properly insideonMonunt
hook
const handler = () => { setSize({ width: chartRef.clientWidth, height: chartRef.clientHeight }) } onMount(() => { window.addEventListener('resize', handler); handler(); //document.getElementById("bar-chart").addEventListener('resize', handler); })
It works fine when going from small to large resolution but not working on large to small.
- What is the best practice for importing JSON in a front-end project?
- How to make a chart more accessible?
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Hiron Das'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