Need advice about which tool to choose?Ask the StackShare community!
Advice on Griddle, Highcharts, and Recharts
Shaik Abdullah
I have used highcharts and it is pretty awesome for my previous project. now as I am about to start my new project I want to use other charting libraries such as recharts, chart js, Nivo, d3 js.... my upcoming project might use react js as front end and laravel as a backend technology. the project would be of hotel management type. please suggest me the best charts to use
Replies (1)
Darren Adams
Senior Developer at Burning Glass Technologies · | 2 upvotes · 178.1K views
I've used Highcharts with both Angular Js Reactive applications (render as ReactJs) and also a bit of D3. Personally I found Highcharts to be the easiest to use but, with still quite a good level of customisability if you need it. graphs and charts then give D3 a try.
Manage your open source components, licenses, and vulnerabilities
Learn MorePros of Griddle
Pros of Highcharts
Pros of Recharts
Pros of Griddle
Be the first to leave a pro
Pros of Highcharts
- Low learning curve and powerful34
- Multiple chart types such as pie, bar, line and others17
- Responsive charts13
- Handles everything you throw at it9
- Extremely easy-to-parse documentation8
- Built-in export chart as-is to image file5
- Easy to customize color scheme and palettes5
- Export on server side, can be used in email1
Pros of Recharts
- Very intuitive API11
- Built for React, from scratch8
- Responsive7
- Composable chart elements5
- Easy to use3
- MIT license2
Sign up to add or upvote prosMake informed product decisions
Cons of Griddle
Cons of Highcharts
Cons of Recharts
Cons of Griddle
Be the first to leave a con
Cons of Highcharts
- Expensive9
Cons of Recharts
- Not considered time series charts2
Sign up to add or upvote consMake informed product decisions
- No public GitHub repository available -
What is Griddle?
Out of the box, Griddle has sorting, filtering, paging, infinite scrolling, sub-grids and more.
What is Highcharts?
Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.
What is Recharts?
Quickly build your charts with decoupled, reusable React components. Built on top of SVG elements with a lightweight dependency on D3 submodules.
Need advice about which tool to choose?Ask the StackShare community!
What companies use Griddle?
What companies use Highcharts?
What companies use Recharts?
What companies use Griddle?
What companies use Highcharts?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with Griddle?
What tools integrate with Highcharts?
What tools integrate with Recharts?
What tools integrate with Griddle?
What tools integrate with Highcharts?
What are some alternatives to Griddle, Highcharts, and Recharts?
jQuery
jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
AngularJS
AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.
Vue.js
It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
jQuery UI
Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.