Need advice about which tool to choose?Ask the StackShare community!
Advice on D3.js, Plotly.js, 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 · 163.6K 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 D3.js
Pros of Plotly.js
Pros of Recharts
Pros of D3.js
- Beautiful visualizations195
- Svg103
- Data-driven92
- Large set of examples81
- Data-driven documents61
- Visualization components24
- Transitions20
- Dynamic properties18
- Plugins16
- Transformation11
- Makes data interactive7
- Open Source4
- Enter and Exit4
- Components4
- Exhaustive3
- Backed by the new york times3
- Easy and beautiful2
- Highly customizable1
- Awesome Community Support1
- Simple elegance1
- Templates, force template1
- Angular 41
Pros of Plotly.js
- Bindings to popular languages like Python, Node, R, etc16
- Integrated zoom and filter-out tools in charts and maps10
- Great support for complex and multiple axes9
- Powerful out-of-the-box featureset8
- Beautiful visualizations6
- Active user base4
- Impressive support for webgl 3D charts4
- Charts are easy to share with a cloud account3
- Webgl chart types are extremely performant3
- Interactive charts2
- Easy to use online editor for creating plotly.js charts2
- Publication quality image export2
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 D3.js
Cons of Plotly.js
Cons of Recharts
Cons of D3.js
- Beginners cant understand at all11
- Complex syntax6
Cons of Plotly.js
- Terrible document18
Cons of Recharts
- Not considered time series charts2
Sign up to add or upvote consMake informed product decisions
What is D3.js?
It is a JavaScript library for manipulating documents based on data. Emphasises on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework.
What is Plotly.js?
It is a standalone Javascript data visualization library, and it also powers the Python and R modules named plotly in those respective ecosystems (referred to as Plotly.py and Plotly.R).
It can be used to produce dozens of chart types and visualizations, including statistical charts, 3D graphs, scientific charts, SVG and tile maps, financial charts and more.
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 D3.js?
What companies use Plotly.js?
What companies use Recharts?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with D3.js?
What tools integrate with Plotly.js?
What tools integrate with Recharts?
What tools integrate with D3.js?
Sign up to get full access to all the tool integrationsMake informed product decisions
Blog Posts
What are some alternatives to D3.js, Plotly.js, and Recharts?
three.js
It is a cross-browser JavaScript library and Application Programming Interface used to create and display animated 3D computer graphics in a web browser.
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.
Python
Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.
Tableau
Tableau can help anyone see and understand their data. Connect to almost any database, drag and drop to create visualizations, and share with a click.
Bokeh
Bokeh is an interactive visualization library for modern web browsers. It provides elegant, concise construction of versatile graphics, and affords high-performance interactivity over large or streaming datasets.