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 ยท 43.2K views
Recommends
HighchartsI'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.
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
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 powerful32
- Multiple chart types such as pie, bar, line and others16
- Responsive charts12
- Handles everything you throw at it8
- Extremely easy-to-parse documentation7
- Easy to customize color scheme and palettes5
- Built-in export chart as-is to image file4
- Export on server side, can be used in email1
Pros of Recharts
- Very intuitive API8
- Built for React, from scratch6
- Responsive4
- Composable chart elements2
- MIT license1
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
- Expensive4
Cons of Recharts
- Hihi1
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?
React Router
React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐
Storybook
It is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Ant Design
An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.
Angular CLI
A command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. You can use the tool directly in a command shell, or indirectly through an interactive UI such as Angular Console.