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

React Canvas

11
47
+ 1
0
Recharts

63
208
+ 1
28
Add tool

React Canvas vs Recharts: What are the differences?

What is React Canvas? High performance canvas rendering for React components, developed by Flipboard. React Canvas adds the ability for React components to render to "canvas" rather than DOM. This project is a work-in-progress. Though much of the code is in production on flipboard.com, the React canvas bindings are relatively new and the API is subject to change.

What is Recharts? Redefined chart library built with React and D3. Quickly build your charts with decoupled, reusable React components. Built on top of SVG elements with a lightweight dependency on D3 submodules.

React Canvas belongs to "JavaScript Framework Components" category of the tech stack, while Recharts can be primarily classified under "Charting Libraries".

React Canvas and Recharts are both open source tools. React Canvas with 12K GitHub stars and 944 forks on GitHub appears to be more popular than Recharts with 11.9K GitHub stars and 921 GitHub forks.

Advice on React Canvas and Recharts
Needs advice
on
HighchartsHighchartsChart.jsChart.js
and
RechartsRecharts

I have used highcharts and it is pretty awesome for my previous project. now as I am about to start my new project I want to use other charting libraries such as recharts, chart js, Nivo, d3 js.... my upcoming project might use react js as front end and laravel as a backend technology. the project would be of hotel management type. please suggest me the best charts to use

See more
Replies (1)
Darren Adams
Senior Developer at Burning Glass Technologies · | 2 upvotes · 78.1K views
Recommends
HighchartsHighcharts

I've used Highcharts with both Angular Js Reactive applications (render as ReactJs) and also a bit of D3. Personally I found Highcharts to be the easiest to use but, with still quite a good level of customisability if you need it. graphs and charts then give D3 a try.

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of React Canvas
Pros of Recharts
    Be the first to leave a pro
    • 9
      Very intuitive API
    • 7
      Built for React, from scratch
    • 6
      Responsive
    • 4
      Composable chart elements
    • 1
      Easy to use
    • 1
      MIT license

    Sign up to add or upvote prosMake informed product decisions

    What is React Canvas?

    React Canvas adds the ability for React components to render to "canvas" rather than DOM. This project is a work-in-progress. Though much of the code is in production on flipboard.com, the React canvas bindings are relatively new and the API is subject to change.

    What is Recharts?

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

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

    What companies use React Canvas?
    What companies use Recharts?
    See which teams inside your own company are using React Canvas or Recharts.
    Sign up for StackShare EnterpriseLearn More

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

    What tools integrate with React Canvas?
    What tools integrate with Recharts?
    What are some alternatives to React Canvas and Recharts?
    React
    Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
    React Router
    React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.
    styled-components
    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
    Storybook
    It is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
    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.
    See all alternatives