Alternatives to React D3 Library logo

Alternatives to React D3 Library

D3.js, Chart.js, Highcharts, Matplotlib, and Plotly.js are the most popular alternatives and competitors to React D3 Library.
28
113
+ 1
0

What is React D3 Library and what are its top alternatives?

An open source library that will allow developers the ability to reroute D3 output to React’s virtual DOM. Just use your existing D3 code, and with a few simples lines, you can now harness the power of React with the flexibility of D3!
React D3 Library is a tool in the Charting Libraries category of a tech stack.
React D3 Library is an open source tool with 1.5K GitHub stars and 87 GitHub forks. Here’s a link to React D3 Library's open source repository on GitHub

Top Alternatives to React D3 Library

  • Chart.js
    Chart.js

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

  • D3.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. ...

  • Highcharts
    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. ...

  • Matplotlib
    Matplotlib

    It is a Python 2D plotting library which produces publication quality figures in a variety of hardcopy formats and interactive environments across platforms. It can be used in Python scripts, the Python and IPython shells, the Jupyter notebook, web application servers, and four graphical user interface toolkits. ...

  • C3.js
    C3.js

    c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications. ...

  • Plotly.js
    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. ...

  • amCharts
    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. ...

  • Recharts
    Recharts

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

React D3 Library alternatives & related posts

Chart.js logo

Chart.js

2K
761
43
Simple, clean and engaging charts for designers and developers
2K
761
+ 1
43
PROS OF CHART.JS
  • 19
    Offers all types of charts
  • 14
    Interactive Charts
  • 10
    It's totally free
CONS OF CHART.JS
  • 12
    Slow rendering
  • 2
    Bitmap quality export
  • 1
    Low quality zoom plugin
  • 0
    It's totally free

related Chart.js posts

Here is my stack on #Visualization. @FusionCharts and Highcharts are easy to use but only free for non-commercial. Chart.js and Plotly are two lovely tools for commercial use under the MIT license. And D3.js would be my last choice only if a complex customized plot is needed.

See more
D3.js logo

D3.js

1.9K
1.7K
653
A JavaScript visualization library for HTML and SVG
1.9K
1.7K
+ 1
653
PROS OF D3.JS
  • 195
    Beautiful visualizations
  • 103
    Svg
  • 92
    Data-driven
  • 81
    Large set of examples
  • 61
    Data-driven documents
  • 24
    Visualization components
  • 20
    Transitions
  • 18
    Dynamic properties
  • 16
    Plugins
  • 11
    Transformation
  • 7
    Makes data interactive
  • 4
    Open Source
  • 4
    Enter and Exit
  • 4
    Components
  • 3
    Exhaustive
  • 3
    Backed by the new york times
  • 2
    Easy and beautiful
  • 1
    Highly customizable
  • 1
    Awesome Community Support
  • 1
    Simple elegance
  • 1
    Templates, force template
  • 1
    Angular 4
CONS OF D3.JS
  • 11
    Beginners cant understand at all
  • 6
    Complex syntax

related D3.js posts

Tim Abbott
Shared insights
on
Plotly.jsPlotly.jsD3.jsD3.js
at

We use Plotly (just their open source stuff) for Zulip's user-facing and admin-facing statistics graphs because it's a reasonably well-designed JavaScript graphing library.

If you've tried using D3.js, it's a pretty poor developer experience, and that translates to spending a bunch of time getting the graphs one wants even for things that are conceptually pretty basic. Plotly isn't amazing (it's decent), but it's way better than than D3 unless you have very specialized needs.

See more
Amit Garg
Shared insights
on
D3.jsD3.jsApexChartsApexChartsReactReact

Hi,

I am looking at integrating a charting library in my React frontend that allows me to create appealing and interactive charts. I have basic familiarity with ApexCharts with React but have also read about D3.js charts and it seems a much more involved integration. Can someone please share their experience across the two libraries on the following dimensions:

  1. Amount of work needed for integration
  2. Amount of work or ease for creating new charts in either of the libraries.

Regards

Amit

See more
Highcharts logo

Highcharts

1.5K
1.1K
92
A charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web...
1.5K
1.1K
+ 1
92
PROS OF HIGHCHARTS
  • 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
  • 5
    Built-in export chart as-is to image file
  • 5
    Easy to customize color scheme and palettes
  • 1
    Export on server side, can be used in email
CONS OF HIGHCHARTS
  • 9
    Expensive

related Highcharts posts

Here is my stack on #Visualization. @FusionCharts and Highcharts are easy to use but only free for non-commercial. Chart.js and Plotly are two lovely tools for commercial use under the MIT license. And D3.js would be my last choice only if a complex customized plot is needed.

See more
Matplotlib logo

Matplotlib

1.5K
319
10
A plotting library for the Python programming language
1.5K
319
+ 1
10
PROS OF MATPLOTLIB
  • 10
    The standard Swiss Army Knife of plotting
CONS OF MATPLOTLIB
  • 5
    Lots of code

related Matplotlib posts

Shared insights
on
MatplotlibMatplotlibBokehBokehDjangoDjango

Hi - I am looking to develop an app accessed by a browser that will display interactive networks (including adding or deleting nodes, edges, labels (or changing labels) based on user input. Look to use Django at the backend. Also need to manage graph versions if one person makes a graph change while another person is looking at it. Mainly tree networks for starters anyway. I probably will use the Networkx package. Not sure what the pros and cons are using Bokeh vs Matplotlib. I would be grateful for any comments or suggestions. Thanks.

See more
C3.js logo

C3.js

385
161
4
A D3-based reusable chart library
385
161
+ 1
4
PROS OF C3.JS
  • 2
    Easy to use
  • 2
    Reusable charts
CONS OF C3.JS
  • 1
    Dependent on D3.js which is not lightweight

related C3.js posts

Plotly.js logo

Plotly.js

384
683
69
A high-level, declarative charting library
384
683
+ 1
69
PROS OF PLOTLY.JS
  • 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
CONS OF PLOTLY.JS
  • 17
    Terrible document

related Plotly.js posts

Tim Abbott
Shared insights
on
Plotly.jsPlotly.jsD3.jsD3.js
at

We use Plotly (just their open source stuff) for Zulip's user-facing and admin-facing statistics graphs because it's a reasonably well-designed JavaScript graphing library.

If you've tried using D3.js, it's a pretty poor developer experience, and that translates to spending a bunch of time getting the graphs one wants even for things that are conceptually pretty basic. Plotly isn't amazing (it's decent), but it's way better than than D3 unless you have very specialized needs.

See more

Here is my stack on #Visualization. @FusionCharts and Highcharts are easy to use but only free for non-commercial. Chart.js and Plotly are two lovely tools for commercial use under the MIT license. And D3.js would be my last choice only if a complex customized plot is needed.

See more
amCharts logo

amCharts

214
229
21
Advanced javascript charting library that will suit any data visualization need
214
229
+ 1
21
PROS OF AMCHARTS
  • 18
    Mock-up tools
  • 3
    Each element can be Customized
CONS OF AMCHARTS
  • 1
    Amcharts upgrade often need to rewrite all code

related amCharts posts

Recharts logo

Recharts

189
249
35
Redefined chart library built with React and D3
189
249
+ 1
35
PROS OF RECHARTS
  • 10
    Very intuitive API
  • 8
    Built for React, from scratch
  • 7
    Responsive
  • 5
    Composable chart elements
  • 3
    Easy to use
  • 2
    MIT license
CONS OF RECHARTS
  • 2
    Not considered time series charts

related Recharts posts