Alternatives to Recharts logo

Alternatives to Recharts

vx, Victory, D3.js, amCharts, and Highcharts are the most popular alternatives and competitors to Recharts.
139
36

What is Recharts and what are its top alternatives?

Quickly build your charts with decoupled, reusable React components. Built on top of SVG elements with a lightweight dependency on D3 submodules.
Recharts is a tool in the Charting Libraries category of a tech stack.
Recharts is an open source tool with 24.1K GitHub stars and 1.7K GitHub forks. Here’s a link to Recharts's open source repository on GitHub

Top Alternatives to Recharts

  • vx
    vx

    vx is collection of reusable low-level visualization components. vx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM. ...

  • Victory
    Victory

    A collection of composable React components for building interactive data visualizations. ...

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

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

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

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

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

  • ApexCharts
    ApexCharts

    A modern JavaScript charting library to build interactive charts and visualizations with simple API. ...

Recharts alternatives & related posts

vx logo

vx

20
42
0
react + d3 = vx | visualization components
20
42
+ 1
0
PROS OF VX
    Be the first to leave a pro
    CONS OF VX
      Be the first to leave a con

      related vx posts

      Victory logo

      Victory

      35
      83
      0
      ReactJS library for building interactive data visualizations
      35
      83
      + 1
      0
      PROS OF VICTORY
        Be the first to leave a pro
        CONS OF VICTORY
          Be the first to leave a con

          related Victory posts

          Server side

          We decided to use Python for our backend because it is one of the industry standard languages for data analysis and machine learning. It also has a lot of support due to its large user base.

          • Web Server: We chose Flask because we want to keep our machine learning / data analysis and the web server in the same language. Flask is easy to use and we all have experience with it. Postman will be used for creating and testing APIs due to its convenience.

          • Machine Learning: We decided to go with PyTorch for machine learning since it is one of the most popular libraries. It is also known to have an easier learning curve than other popular libraries such as Tensorflow. This is important because our team lacks ML experience and learning the tool as fast as possible would increase productivity.

          • Data Analysis: Some common Python libraries will be used to analyze our data. These include NumPy, Pandas , and matplotlib. These tools combined will help us learn the properties and characteristics of our data. Jupyter notebook will be used to help organize the data analysis process, and improve the code readability.

          Client side

          • UI: We decided to use React for the UI because it helps organize the data and variables of the application into components, making it very convenient to maintain our dashboard. Since React is one of the most popular front end frameworks right now, there will be a lot of support for it as well as a lot of potential new hires that are familiar with the framework. CSS 3 and HTML5 will be used for the basic styling and structure of the web app, as they are the most widely used front end languages.

          • State Management: We decided to use Redux to manage the state of the application since it works naturally to React. Our team also already has experience working with Redux which gave it a slight edge over the other state management libraries.

          • Data Visualization: We decided to use the React-based library Victory to visualize the data. They have very user friendly documentation on their official website which we find easy to learn from.

          Cache

          • Caching: We decided between Redis and memcached because they are two of the most popular open-source cache engines. We ultimately decided to use Redis to improve our web app performance mainly due to the extra functionalities it provides such as fine-tuning cache contents and durability.

          Database

          • Database: We decided to use a NoSQL database over a relational database because of its flexibility from not having a predefined schema. The user behavior analytics has to be flexible since the data we plan to store may change frequently. We decided on MongoDB because it is lightweight and we can easily host the database with MongoDB Atlas . Everyone on our team also has experience working with MongoDB.

          Infrastructure

          • Deployment: We decided to use Heroku over AWS, Azure, Google Cloud because it is free. Although there are advantages to the other cloud services, Heroku makes the most sense to our team because our primary goal is to build an MVP.

          Other Tools

          • Communication Slack will be used as the primary source of communication. It provides all the features needed for basic discussions. In terms of more interactive meetings, Zoom will be used for its video calls and screen sharing capabilities.

          • Source Control The project will be stored on GitHub and all code changes will be done though pull requests. This will help us keep the codebase clean and make it easy to revert changes when we need to.

          See more
          Patrick Sun
          Software Engineer at Stitch Fix · | 10 upvotes · 59.6K views

          As a frontend engineer on the Algorithms & Analytics team at Stitch Fix, I work with data scientists to develop applications and visualizations to help our internal business partners make data-driven decisions. I envisioned a platform that would assist data scientists in the data exploration process, allowing them to visually explore and rapidly iterate through their assumptions, then share their insights with others. This would align with our team's philosophy of having engineers "deploy platforms, services, abstractions, and frameworks that allow the data scientists to conceive of, develop, and deploy their ideas with autonomy", and solve the pain of data exploration.

          The final product, code-named Dora, is built with React, Redux.js and Victory, backed by Elasticsearch to enable fast and iterative data exploration, and uses Apache Spark to move data from our Amazon S3 data warehouse into the Elasticsearch cluster.

          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
          amCharts logo

          amCharts

          215
          230
          21
          Advanced javascript charting library that will suit any data visualization need
          215
          230
          + 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

          Highcharts logo

          Highcharts

          1.3K
          1.1K
          92
          A charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web...
          1.3K
          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
          Plotly.js logo

          Plotly.js

          358
          690
          69
          A high-level, declarative charting library
          358
          690
          + 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
          • 18
            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
          ECharts logo

          ECharts

          144
          268
          30
          A free, powerful charting and visualization library
          144
          268
          + 1
          30
          PROS OF ECHARTS
          • 7
            East to implement
          • 6
            Smaller learning curve
          • 5
            Free to use
          • 4
            Vue Compatible
          • 3
            Very customizable
          • 3
            Angular compatible
          • 2
            React compatible
          CONS OF ECHARTS
          • 2
            Support is in chinese

          related ECharts posts

          ApexCharts logo

          ApexCharts

          90
          237
          16
          📊 Interactive SVG Charts for React and Vue.js
          90
          237
          + 1
          16
          PROS OF APEXCHARTS
          • 4
            Provides zooming capabilities
          • 4
            Interactive charts
          • 3
            Graphs renders in SVG
          • 3
            Open source with MIT license
          • 2
            Multiple chart types such as pie, bar, line and others
          CONS OF APEXCHARTS
          • 4
            Slow rendering

          related ApexCharts posts

          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