DEV Community

loading...

Charts library in JavaScript

elcotu profile image Daniel Coturel ・1 min read

Hi everyone,

I wanted to ask here, if you have any JavaScript charting library that you recommend. This is for an internal website I use to manage my team's workflow.
The primary intent is to add a Gantt for each project. I have the data structure solved.
The website is not under any JS framework, it's just "vanilla" JavaScript, so it is not a constraint now.
Saludos,

Discussion

pic
Editor guide
Collapse
pedrohba1 profile image
Pedro Bufulin

I think that Chart.js is the easiest one to use.
You just declare an object and change it's properties

Collapse
elcotu profile image
Daniel Coturel Author

Hi Pedro, thanks for your answer.
The only thing with ChartJS is that it doesn't have Gantt chart.

Collapse
pedrohba1 profile image
Pedro Bufulin

Maybe you can use python with plotly to render the charts? I know plotly has way more resources for plotting charts

Even though it is not javascript, I think it shouldn't be hard to make python and javascript work together

Thread Thread
elcotu profile image
Daniel Coturel Author

I'll give it a shot if I cant't find something that works out of the box. This is because the website is already built in PHP with CakePHP and I don't want to make the backend too sophisticated.

Thread Thread
pedrohba1 profile image
Pedro Bufulin

I had a great problem doing charts in javascript too. The Chart.js didn't do what I wanted out of the box. Had to make a lot of changes in it, which ended in a pretty big and messy code

Collapse
foodogsquared profile image
Gabriel Arazas

Just to add an option into the pile: Mermaid.

It also has the added benefit of easy integration with Markdown as if you would write a code block with it. That said, I don't think this is what you find in a charting library but could give it a look.

Collapse
elcotu profile image
Daniel Coturel Author

I like it! Thanks

Collapse
couch3ater profile image
Connor Tangney

I'm pretty sure D3 has Gantt charts. Might be worth a look.

Collapse
elcotu profile image
Daniel Coturel Author

Hi Connor, thanks for your answer. I'll look up the library.

Collapse
pranavkumar389 profile image
Pranav Kumar

Have a look on the highchart APIs. Most advance chart library in my mind.