D3.js vs Plotly.js

Need advice about which tool to choose?Ask the StackShare community!

D3.js

1.6K
1.3K
+ 1
606
Plotly.js

253
465
+ 1
66
Add tool

D3.js vs Plotly: What are the differences?

D3.js: A JavaScript visualization library for HTML and SVG. 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; Plotly: The Web's fastest growing charting libraries. Plotly.js is the only open-source JavaScript library for data visualization in the sciences and engineering. Open-source interfaces to Plotly.js are available for Python, R, MATLAB, and React.

D3.js and Plotly can be categorized as "Charting Libraries" tools.

"Beautiful visualizations" is the top reason why over 168 developers like D3.js, while over 3 developers mention "Bindings to popular languages like Python, Node, R, etc" as the leading cause for choosing Plotly.

D3.js and Plotly are both open source tools. D3.js with 85.4K GitHub stars and 20.9K forks on GitHub appears to be more popular than Plotly with 10.3K GitHub stars and 1.2K GitHub forks.

New Relic, Weebly, and Repro are some of the popular companies that use D3.js, whereas Plotly is used by Wellzesta, Algo Edge Technologies, and ADEXT. D3.js has a broader approval, being mentioned in 525 company stacks & 89 developers stacks; compared to Plotly, which is listed in 11 company stacks and 10 developer stacks.

Pros of D3.js
Pros of Plotly.js
  • 179
    Beautiful visualizations
  • 91
    Svg
  • 89
    Data-driven
  • 78
    Large set of examples
  • 59
    Data-driven documents
  • 22
    Visualization components
  • 20
    Transitions
  • 18
    Dynamic properties
  • 14
    Plugins
  • 11
    Transformation
  • 5
    Makes data interactive
  • 4
    Enter and Exit
  • 3
    Backed by the new york times
  • 3
    Components
  • 2
    Exhaustive
  • 2
    Open Source
  • 2
    Easy and beautiful
  • 1
    Angular 4
  • 1
    Simple elegance
  • 1
    Templates, force template
  • 1
    Awesome Community Support
  • 14
    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
  • 4
    Active user base
  • 3
    Webgl chart types are extremely performant
  • 3
    Impressive support for webgl 3D charts
  • 3
    Charts are easy to share with a cloud account
  • 2
    Interactive charts
  • 2
    Publication quality image export
  • 2
    Easy to use online editor for creating plotly.js charts

Sign up to add or upvote prosMake informed product decisions

Cons of D3.js
Cons of Plotly.js
  • 5
    Beginners cant understand at all
  • 4
    Complex syntax
  • 15
    Terrible document

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.

Need advice about which tool to choose?Ask the StackShare community!

What companies use D3.js?
What companies use Plotly.js?

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?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

Sep 8 2017 at 2:54PM
https://img.stackshare.io/stack/266157/default_0d7882a71be87ec655b4d078f63fe8d120a4720f.jpg logo

Eventbrite-0

JavaScriptNode.jsReact+7
6
9310
What are some alternatives to D3.js and Plotly.js?
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.
See all alternatives
Interest over time