Highcharts vs Plotly vs angular-gantt

Overview

Highcharts

Stacks1.5K

Followers1.1K

Votes92

angular-gantt

Stacks26

Followers62

Votes0

GitHub Stars1.4K

Forks478

Plotly.js

Stacks399

Followers694

Votes69

GitHub Stars17.9K

Forks1.9K

Highcharts vs Plotly vs angular-gantt: What are the differences?

<Highcharts vs Plotly vs Angular-Gantt>

1. **Customization Capabilities**: Highcharts provides a high level of customization with numerous options for chart appearance and behavior, while Plotly offers more advanced customization options with its support for WebGL rendering and 3D charts. Angular-gantt, on the other hand, is more tailored towards Gantt chart functionalities, providing specific features for project management needs.
2. **Community Support and Documentation**: Highcharts has a large community and extensive documentation, making it easier for users to find solutions to their issues. Plotly also has a strong community and good documentation, but some features may require a subscription for full access. Angular-gantt has a smaller community compared to Highcharts and Plotly, which might limit the availability of resources for troubleshooting.
3. **Interactivity**: Plotly stands out for its interactivity features, such as hover effects, zoom capabilities, and dynamic data updates. Highcharts also offers various interactive features but may not be as extensive as Plotly. Angular-gantt focuses more on the interactive features specifically required for Gantt charts, such as task dependencies and timeline adjustments.
4. **Supported Chart Types**: Highcharts supports a wide range of chart types, including line, bar, pie, scatter, and more, giving users flexibility in choosing the right visualization for their data. Plotly also offers diverse chart types with support for scientific charts and geographic maps. In contrast, Angular-gantt is specialized in Gantt chart types, limiting its versatility compared to the other two libraries.
5. **Data Handling**: Plotly excels in handling large datasets with efficient processing and rendering capabilities, making it ideal for big data visualization tasks. Highcharts also handles data well but may struggle with extremely large datasets compared to Plotly. Angular-gantt focuses on managing project-related data, such as task timelines and dependencies, tailored for project management scenarios.
6. **Integration with Frameworks**: Highcharts and Plotly have good integration with popular JavaScript frameworks like React, Angular, and Vue, making it easier to incorporate charts into web applications built using these frameworks. Angular-gantt, as the name suggests, offers seamless integration with AngularJS, making it a preferred choice for developers working in Angular environments.

In Summary, Highcharts, Plotly, and Angular-gantt offer distinct features and functionalities tailored to different visualization needs, with Highcharts focusing on general chart types, Plotly on interactivity and advanced customization, and Angular-gantt on specialized Gantt chart capabilities. Choose based on your specific requirements and project context.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Highcharts, angular-gantt, Plotly.js

Steve

Lead Software Tools Engineer at Leonardo UK

Oct 30, 2020

Review

I would specifically recommend basing your application on Pandas which will handle the vast majority of the work for you. You will be amazed at what you will be able to get done with only a few lines of code.

Pandas can load the data from either Excel xslx files or csv files (and a lot of other places)

If you structure your code well you can have a cross platform command line program, a GUI desktop program, a Jupyter Notebook and a web service all with the vast majority of the code in common.

A jupyter notebook is a great place to start developing your code and may be all that you need.

Some plug-ins & resources that can help:

pandas-summary (for a rapid overview of the data): https://github.com/mouradmourafiq/pandas-summary
pandasgui (for exploring what you would like to do): https://github.com/adamerose/pandasgui
Pandas-Bokeh (plotting): https://github.com/PatrikHlobil/Pandas-Bokeh
plot.ly (plotting): https://plotly.com/python/pandas-backend/
wxPython (for a desktop GUI): https://wxpython.org/

8.84k views8.84k

Comments

Shaik

Feb 18, 2020

Needs advice

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

247k views247k

Comments

Detailed Comparison

Highcharts	angular-gantt	Plotly.js
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.	angular-gantt provides a gantt chart component to your AngularJS application.	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.
It works in all modern mobile and desktop browsers including the iPhone/iPad and Internet Explorer from version 6;Free for non-commercial;One of the key features of Highcharts is that under any of the licenses, free or not, you are allowed to download the source code and make your own edits;Pure Javascript - Highcharts is solely based on native browser technologies and doesn't require client side plugins like Flash or Java.	Two-way data binding between model and view.;Advanced calendar support to define holidays and working hours.;Each task and row has its own properties and behavior.;Rows and tasks can be sorted and filtered.;Plugin architecture to add custom features and hooks.;API to listen events and call methods from your controller.	Feature parity with MATLAB/matplotlib graphing; Online chart editor; Fully interactive (hover, zoom, pan); SVG and WebGL backends; Publication-quality image export
Statistics
GitHub Stars -	GitHub Stars 1.4K	GitHub Stars 17.9K
GitHub Forks -	GitHub Forks 478	GitHub Forks 1.9K
Stacks 1.5K	Stacks 26	Stacks 399
Followers 1.1K	Followers 62	Followers 694
Votes 92	Votes 0	Votes 69
Pros & Cons
Pros 34 Low learning curve and powerful 17 Multiple chart types such as pie, bar, line and others 13 Responsive charts 9 Handles everything you throw at it 8 Extremely easy-to-parse documentation Cons 9 Expensive	No community feedback yet	Pros 16 Bindings to popular languages like Python, Node, R, etc 10 Integrated zoom and filter-out tools in charts and maps 9 Great support for complex and multiple axes 8 Powerful out-of-the-box featureset 6 Beautiful visualizations Cons 18 Terrible document
Integrations
No integrations available	AngularJS	Python React MATLAB Jupyter Julia

What are some alternatives to Highcharts, angular-gantt, Plotly.js?

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.

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.

Chart.js

Visualize your data in 6 different ways. Each of them animated, with a load of customisation options and interactivity extensions.

Angular Universal

It executes on the server, generating static application pages that later get bootstrapped on the client. This means that the application generally renders more quickly, giving users a chance to view the application layout before it becomes fully interactive.

Recharts

Quickly build your charts with decoupled, reusable React components. Built on top of SVG elements with a lightweight dependency on D3 submodules.

Angular Material

Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.

ECharts

It is an open source visualization library implemented in JavaScript, runs smoothly on PCs and mobile devices, and is compatible with most current browsers.

ZingChart

The most feature-rich, fully customizable JavaScript charting library available used by start-ups and the Fortune 100 alike.

amCharts

amCharts is an advanced charting library that will suit any data visualization need. Our charting solution include Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts as well as Gauges.

CanvasJS

Lightweight, Beautiful & Responsive Charts that make your dashboards fly even with millions of data points! Self-Hosted, Secure & Scalable charts that render across devices.

Related Comparisons

Highcharts vs Plotly vs angular-gantt: What are the differences?

<Highcharts vs Plotly vs Angular-Gantt>

1. **Customization Capabilities**: Highcharts provides a high level of customization with numerous options for chart appearance and behavior, while Plotly offers more advanced customization options with its support for WebGL rendering and 3D charts. Angular-gantt, on the other hand, is more tailored towards Gantt chart functionalities, providing specific features for project management needs.
2. **Community Support and Documentation**: Highcharts has a large community and extensive documentation, making it easier for users to find solutions to their issues. Plotly also has a strong community and good documentation, but some features may require a subscription for full access. Angular-gantt has a smaller community compared to Highcharts and Plotly, which might limit the availability of resources for troubleshooting.
3. **Interactivity**: Plotly stands out for its interactivity features, such as hover effects, zoom capabilities, and dynamic data updates. Highcharts also offers various interactive features but may not be as extensive as Plotly. Angular-gantt focuses more on the interactive features specifically required for Gantt charts, such as task dependencies and timeline adjustments.
4. **Supported Chart Types**: Highcharts supports a wide range of chart types, including line, bar, pie, scatter, and more, giving users flexibility in choosing the right visualization for their data. Plotly also offers diverse chart types with support for scientific charts and geographic maps. In contrast, Angular-gantt is specialized in Gantt chart types, limiting its versatility compared to the other two libraries.
5. **Data Handling**: Plotly excels in handling large datasets with efficient processing and rendering capabilities, making it ideal for big data visualization tasks. Highcharts also handles data well but may struggle with extremely large datasets compared to Plotly. Angular-gantt focuses on managing project-related data, such as task timelines and dependencies, tailored for project management scenarios.
6. **Integration with Frameworks**: Highcharts and Plotly have good integration with popular JavaScript frameworks like React, Angular, and Vue, making it easier to incorporate charts into web applications built using these frameworks. Angular-gantt, as the name suggests, offers seamless integration with AngularJS, making it a preferred choice for developers working in Angular environments.

In Summary, Highcharts, Plotly, and Angular-gantt offer distinct features and functionalities tailored to different visualization needs, with Highcharts focusing on general chart types, Plotly on interactivity and advanced customization, and Angular-gantt on specialized Gantt chart capabilities. Choose based on your specific requirements and project context.

Highcharts vs Plotly vs angular-gantt

Overview

Highcharts vs Plotly vs angular-gantt: What are the differences?

Share your Stack

Advice on Highcharts, angular-gantt, Plotly.js

Detailed Comparison

What are some alternatives to Highcharts, angular-gantt, Plotly.js?

D3.js

Ant Design

Chart.js

Angular Universal

Recharts

Angular Material

ECharts

ZingChart

amCharts

CanvasJS

Related Comparisons

Bootstrap vs Materialize

Django vs Laravel vs Node.js

Bootstrap vs Foundation vs Material UI

Node.js vs Spring-Boot

Flyway vs Liquibase

Highcharts vs Plotly vs angular-gantt

Overview

Highcharts vs Plotly vs angular-gantt: What are the differences?

Share your Stack

Advice on Highcharts, angular-gantt, Plotly.js

Detailed Comparison

What are some alternatives to Highcharts, angular-gantt, Plotly.js?

D3.js

Ant Design

Chart.js

Angular Universal

Recharts

Angular Material

ECharts

ZingChart

amCharts

CanvasJS

Related Comparisons

Bootstrap vs Materialize

Django vs Laravel vs Node.js

Bootstrap vs Foundation vs Material UI

Node.js vs Spring-Boot

Flyway vs Liquibase