DEV Community

Mamun Abdullah
Mamun Abdullah

Posted on

2 1

Global Heat Map - A simple project with D3 & React on CodePen

I would expect some your valuable feedback with code review on the project.

Thank you.

Top comments (2)

Collapse
 
blindfish3 profile image
Ben Calder

Interesting. I've recently started using d3 for a work project and one thing that's really bugging me is that the markup generation feels really clunky. It's like going back to the dark days of jQuery with chained methods adding attributes etc. and it's not necessary when you already have a framework available to do it for you.

So instead I've just been using d3 methods where they're useful (mostly in terms of shaping data into an appropriate structure) and writing markup directly in template code. The main downside to this approach is that documentation, examples and tutorials tend to use the ugly syntax. The advantage is that I don't import code I don't need; I'm reducing direct DOM manipulation; I'm using a consistent approach for markup generation across the project and it's far easier to see what the markup is doing, so it's easier to work with.

I'd recommend trying this out ;)

Collapse
 
tradecoder profile image
Mamun Abdullah

Thank you for your valuable feedback. I'm still learning d3, So far this is my third d3 project and first Heat Map. Hope, I'll get a clear concept soon.

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay