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

NVD3

82
30
+ 1
0
Plotly.js

358
690
+ 1
69
Add tool

NVD3 vs Plotly: What are the differences?

Key Differences between NVD3 and Plotly

NVD3 and Plotly are two popular data visualization libraries used for creating interactive charts and graphs. While both libraries have their own set of features, there are several key differences that set them apart.

  1. Chart Types: NVD3 provides a variety of chart types including line charts, area charts, scatter plots, bar charts, and pie charts. On the other hand, Plotly offers a wide range of chart types such as line charts, scatter plots, bar charts, box plots, 3D surface plots, maps, and more. Plotly offers a greater variety of visuals compared to NVD3.

  2. Interactivity: Plotly is known for its highly interactive charts that can be easily zoomed, panned, and rotated. It allows users to hover over data points to view tooltips and supports click events for drill-down analysis. NVD3 also provides interactivity with basic features like tooltips and hover effects, but it lacks the advanced interactive capabilities offered by Plotly.

  3. Integrations and Compatibility: NVD3 is primarily designed to work with D3.js, a powerful JavaScript library for data visualization. It is tightly integrated with D3.js and leverages its functionality. On the other hand, Plotly can be used with different programming languages including Python, R, and JavaScript, making it more versatile and compatible with various development environments.

  4. Ease of Use: NVD3 tends to have a steeper learning curve due to its tight integration with D3.js. It requires a good understanding of JavaScript and D3.js concepts to effectively utilize its features. On the other hand, Plotly provides a user-friendly interface with intuitive APIs, making it easier for developers to create charts and graphs without extensive knowledge of underlying libraries.

  5. Hosting Options: NVD3 is typically employed as a client-side library, which means the charts and graphs are rendered within the user's web browser. Plotly provides hosting options where charts can be hosted on Plotly's servers, allowing you to embed interactive charts directly into your website or share them with others. This hosting feature gives Plotly an advantage in terms of easy sharing and collaboration.

  6. Pricing: NVD3 is an open-source library and is free to use, without any licensing fees. Plotly, however, offers both open-source and commercial plans, with advanced features and hosting options available for paid subscriptions. Depending on the requirements and budget, this difference in pricing may influence the choice between NVD3 and Plotly.

In summary, while both NVD3 and Plotly serve the purpose of data visualization, Plotly offers a wider range of chart types, advanced interactivity, compatibility with multiple programming languages, ease of use, hosting options, and pricing flexibility.

Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of NVD3
Pros of Plotly.js
    Be the first to leave a pro
    • 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
    • 4
      Active user base
    • 4
      Impressive support for webgl 3D charts
    • 3
      Charts are easy to share with a cloud account
    • 3
      Webgl chart types are extremely performant
    • 2
      Interactive charts
    • 2
      Easy to use online editor for creating plotly.js charts
    • 2
      Publication quality image export

    Sign up to add or upvote prosMake informed product decisions

    Cons of NVD3
    Cons of Plotly.js
      Be the first to leave a con
      • 18
        Terrible document

      Sign up to add or upvote consMake informed product decisions

      What is NVD3?

      This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions.

      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 NVD3?
      What companies use Plotly.js?
      Manage your open source components, licenses, and vulnerabilities
      Learn More

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with NVD3?
      What tools integrate with Plotly.js?

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

      What are some alternatives to NVD3 and Plotly.js?
      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.
      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.
      Google Charts
      It is an interactive Web service that creates graphical charts from user-supplied information. The user supplies data and a formatting specification expressed in JavaScript embedded in a Web page; in response the service sends an image of the chart.
      C3.js
      c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications.
      jQuery
      jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
      See all alternatives