Plotly vs Plottable.js vs angular-gantt

Overview

angular-gantt

Stacks26

Followers62

Votes0

GitHub Stars1.4K

Forks478

Plotly.js

Stacks399

Followers694

Votes69

GitHub Stars17.9K

Forks1.9K

Plottable.js

Stacks4

Followers33

Votes0

GitHub Stars3.0K

Forks227

Plotly vs Plottable.js vs angular-gantt: What are the differences?

## Introduction
This Markdown code highlights the key differences between Plotly, Plottable.js, and angular-gantt for easy integration into a website.

1. **Visualization Capabilities**: Plotly offers a wide range of visualization options including 2D and 3D plots, geographical maps, and more, with interactive features that make data exploration easy for users. Plottable.js, on the other hand, focuses on creating flexible and customizable charts using SVG elements, allowing for more control over visualizations. Angular-gantt specifically caters to Gantt chart requirements, providing a specialized solution for project planning and scheduling.

2. **Customization Options**: Plotly provides a high level of customization through its API, allowing developers to easily tailor the appearance and behavior of their charts. Plottable.js also offers customization options but emphasizes a more programmatic approach to chart creation, giving developers finer control over every aspect of their visualizations. Angular-gantt focuses on providing specific customization features for Gantt charts, such as task scheduling, dependencies, and timelines.

3. **Integration with Frameworks**: Plotly has extensive integration with popular JavaScript frameworks like React, Angular, and Vue, making it easy to incorporate interactive charts into web applications built using these frameworks. Plottable.js can also be integrated with various frameworks and libraries, providing flexibility in choosing the development environment. Angular-gantt, as the name suggests, is specifically designed to work seamlessly with Angular applications, offering components and directives that simplify Gantt chart implementation.

4. **Community Support**: Plotly has a large and active community of users and contributors, providing ample resources, tutorials, and community forums for developers looking to leverage the platform's capabilities. Plottable.js, while not as widely adopted as Plotly, still maintains an engaged user base that contributes to the library's development and support. Angular-gantt benefits from the Angular community's robust support, with resources and documentation available to assist developers in implementing Gantt charts within Angular applications.

5. **Data Handling**: Plotly and Plottable.js both offer robust data handling capabilities, allowing for the visualization of large datasets with efficient rendering and performance. Plotly's built-in support for streaming data and real-time updates enhances its data handling capabilities, while Plottable.js focuses on handling data structures in a scalable and efficient manner. Angular-gantt provides specialized data handling features tailored to Gantt chart requirements, such as task hierarchy and dependencies.

6. **License and Pricing**: Plotly offers a free, open-source version with paid plans for additional features and support, making it accessible to both individual developers and enterprises. Plottable.js is also open-source and can be used freely in commercial projects, providing a cost-effective solution for developers. Angular-gantt is licensed under the MIT License, allowing for free usage and modification, making it an attractive option for developers seeking a flexible and affordable Gantt chart solution.

In Summary, the differences between Plotly, Plottable.js, and angular-gantt lie in their visualization capabilities, customization options, integration with frameworks, community support, data handling, and licensing/pricing models, offering developers a diverse set of tools for creating interactive and customized data visualizations on the web.

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 angular-gantt, Plotly.js, Plottable.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.81k views8.81k

Comments

Detailed Comparison

angular-gantt	Plotly.js	Plottable.js
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.	Built on top of D3, Plottable gives you a set of flexible, premade components that you can combine and rearrange to build charts.
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 1.4K	GitHub Stars 17.9K	GitHub Stars 3.0K
GitHub Forks 478	GitHub Forks 1.9K	GitHub Forks 227
Stacks 26	Stacks 399	Stacks 4
Followers 62	Followers 694	Followers 33
Votes 0	Votes 69	Votes 0
Pros & Cons
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	No community feedback yet
Integrations
AngularJS	Python React MATLAB Jupyter Julia	D3.js

What are some alternatives to angular-gantt, Plotly.js, Plottable.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.

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.

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.

Related Comparisons

Plotly vs Plottable.js vs angular-gantt: What are the differences?

## Introduction
This Markdown code highlights the key differences between Plotly, Plottable.js, and angular-gantt for easy integration into a website.

1. **Visualization Capabilities**: Plotly offers a wide range of visualization options including 2D and 3D plots, geographical maps, and more, with interactive features that make data exploration easy for users. Plottable.js, on the other hand, focuses on creating flexible and customizable charts using SVG elements, allowing for more control over visualizations. Angular-gantt specifically caters to Gantt chart requirements, providing a specialized solution for project planning and scheduling.

2. **Customization Options**: Plotly provides a high level of customization through its API, allowing developers to easily tailor the appearance and behavior of their charts. Plottable.js also offers customization options but emphasizes a more programmatic approach to chart creation, giving developers finer control over every aspect of their visualizations. Angular-gantt focuses on providing specific customization features for Gantt charts, such as task scheduling, dependencies, and timelines.

3. **Integration with Frameworks**: Plotly has extensive integration with popular JavaScript frameworks like React, Angular, and Vue, making it easy to incorporate interactive charts into web applications built using these frameworks. Plottable.js can also be integrated with various frameworks and libraries, providing flexibility in choosing the development environment. Angular-gantt, as the name suggests, is specifically designed to work seamlessly with Angular applications, offering components and directives that simplify Gantt chart implementation.

4. **Community Support**: Plotly has a large and active community of users and contributors, providing ample resources, tutorials, and community forums for developers looking to leverage the platform's capabilities. Plottable.js, while not as widely adopted as Plotly, still maintains an engaged user base that contributes to the library's development and support. Angular-gantt benefits from the Angular community's robust support, with resources and documentation available to assist developers in implementing Gantt charts within Angular applications.

5. **Data Handling**: Plotly and Plottable.js both offer robust data handling capabilities, allowing for the visualization of large datasets with efficient rendering and performance. Plotly's built-in support for streaming data and real-time updates enhances its data handling capabilities, while Plottable.js focuses on handling data structures in a scalable and efficient manner. Angular-gantt provides specialized data handling features tailored to Gantt chart requirements, such as task hierarchy and dependencies.

6. **License and Pricing**: Plotly offers a free, open-source version with paid plans for additional features and support, making it accessible to both individual developers and enterprises. Plottable.js is also open-source and can be used freely in commercial projects, providing a cost-effective solution for developers. Angular-gantt is licensed under the MIT License, allowing for free usage and modification, making it an attractive option for developers seeking a flexible and affordable Gantt chart solution.

In Summary, the differences between Plotly, Plottable.js, and angular-gantt lie in their visualization capabilities, customization options, integration with frameworks, community support, data handling, and licensing/pricing models, offering developers a diverse set of tools for creating interactive and customized data visualizations on the web.

Plotly vs Plottable.js vs angular-gantt

Overview