DEV Community

Cover image for A simple graph & chart maker I built using Chart.js and D3.js
ppm
ppm

Posted on

A simple graph & chart maker I built using Chart.js and D3.js

I have used libraries like Chart.js and D3.js in a few projects, and they are great when you are building something complex or need full control over data visualization.

But I kept running into a different problem.

Sometimes I did not want to build anything. I just wanted to quickly turn a small dataset into a graph and move on.

Even with Chart.js, you still need to set up the config, structure the data, tweak options, and render it. With D3.js, it is even more flexible, but also more effort for simple use cases.

That felt unnecessary for quick tasks.

So I built a small tool for myself.

homepage for the tool

What it does

It is a simple web tool where you can:

  • Enter your data
  • Choose a graph type
  • Download the result

You can try the tool here: makegraph.me

Why I built it

The idea was not to replace libraries like Chart.js or D3.js.

Those are still the best choice when you are building real applications or need custom visualizations.

This is more for those moments when:

  • You are testing data
  • You need a quick chart for a blog or doc
  • You do not want to write any code

How it is different

Instead of writing config objects or dealing with setup, everything happens in the browser with a simple UI.

No login, no setup, just input and output.

When I still use libraries

If I am building a dashboard or something dynamic, I still go with Chart.js or D3.js without thinking twice.

This tool is just for quick one off use cases.

Closing

This started as a small side thing to save time, but I figured other developers might find it useful too.

If you work with data and sometimes feel that even using a library is too much for simple graphs, this might help.

Would be interesting to know how others handle quick visualizations without setting up a full chart config every time.

Top comments (0)