That data includes videos, pictures, tweets, emails, messages. Besides, web apps collect data about users, websites collect cookies, marketing needs to understand the preferences and behavior of thousands of users, businesses require numbers to develop a strategy and move forward. <\/p>
And what to do with that all collected information? Show it…But how? <\/p>
The world came up with several ways of representing the data: tables, charts, and graphs. Whether you need to organize, analyze, identify a trend, track the changes over time, you can use all tools above. <\/p>
Do you like this article?
You might want to read:<\/p>
Bootstrap Tables Guide and Examples<\/a><\/h4><\/div>![\"\"](\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\")
<\/a><\/figure><\/div><\/div>Representing your data in the form of charts is a great way to convey information to users. But the visualization of charts must be beautiful and insightful to users. The modern design of apps has gone far beyond the standard flat visualization that was a decade ago. The main requirement has stayed the same: charts must be informative. However, chart forms and types vary a lot, so you have control over user experience via the design you chose – and you are expected to make a good decision about the way you represent the data, otherwise, you shouldn’t wait for a high number of users. <\/a><\/p>Charts are the most common data visualization<\/a> components of mobile and web applications. One of the advantages of JavaScript frameworks like React is that it offers scalable and versatile components. React is a great framework that lets developers build rich and high-quality user interfaces easily, so your users will love to use the app. <\/p>In the article, we discuss what types of charts exist, how users can interact with charts, what functional opportunities every type of chart offers, define the criteria for picking the right chart, and look through the list of the best React<\/a> charts examples and libraries. <\/p>Charts types and their features that may be useful<\/strong><\/h2>Let’s start with a review of the most popular and well-known chart types.<\/p>
Pie chart<\/strong><\/h3>Source: https:\/\/www.youtube.com\/watch?v=cMtKJzJRQEI&ab_channel=CreativeVenus<\/a> <\/figcaption><\/figure>Possible functions<\/strong><\/p>- Droll-down – an option when the individual slices can be clicked to expose more detailed data. The slice can be drilled down to the next sub-category of data. <\/li>
- Drill-up – give an option to return to the previous upper-level of the data.<\/li>
- Select slice – all slices have no selection by default. This option allows the user to click on the slice and select it (if there is no drill-down opportunity) by moving it apart from other slices or using special animation like a blackout of other slices. <\/li>
- Select multiple slices – selection of multiple slices. An additional useful option here is summing data attached to the slices. <\/li><\/ul>
When to use <\/strong><\/p>- When you need to show relative proportions or percentages of a whole dataset. <\/li>
- When you want to show the general sense of the part-to-whole relationship in the data without the precise comparison of separate slices. <\/li><\/ul>
When not to use<\/strong><\/p>- When you need to compare data in different slices across pies. <\/li><\/ul>
Line chart <\/strong><\/h3>Source: https:\/\/ourworldindata.org\/world-population-growth<\/a> <\/figcaption><\/figure>Possible features<\/strong><\/p>- Scroll back (time) – change the displayed period to earlier without changing the period size. <\/li>
- Scroll forward (time) – change the displayed period to later without changing the period size.<\/li>
- Change time unit of measurement – choose different time aggregation units (year, day, hour, etc.)<\/li>
- Select a point – if you want to see the detailed information of a certain point on a line, you can click on it or just move the cursor over it. <\/li>
- Multi-axis – allows configuring the chart for multiple Y-axes, each associated with one or more data series. It’s useful when you need to track the dynamic in different interrelated continuous values that have different units of measurement or range. <\/li>
- Zoom in \/ zoom out – an option to interact with an x-axis and change the size of the period for a chart. It allows viewing for a large period. The data on the line chart modify according to the selected period. <\/li><\/ul>
When to use<\/strong><\/p>- To visualize trends in continuous data that change over some time.<\/li>
- If you want to display multiple series of data for the same timeline and see the difference in their dynamics. <\/li><\/ul>
When not to use<\/strong><\/p>- If the data contains different categories and their all must be displayed. <\/li><\/ul>
Bar chart <\/strong><\/h3>Source: https:\/\/insights.stackoverflow.com\/survey\/2020#most-loved-dreaded-and-wanted<\/a> <\/figcaption><\/figure>Possible features<\/strong><\/p>- Pick variation of bar chart – charts can be oriented vertically (categories on X-axis) or horizontally (categories on Y-axis). If we face long categories labels (like the sample above) it is a good idea to use a horizontal bar chart. <\/li>
- Select a label – when clicking or hovering the label it reveals detailed information about the values for the label. <\/li>
- Multiple select – click on labels to select multiple labels. If selection also sums up the values of every label – it’s great.<\/li>
- Change \/ cancel selection – edit or cancel the selected period. <\/li>
- Positive and negative variations – a chart with positive values that are above a mid-point (zero, by default) and negative values that are below the mid-point. They are most often painted with contrasting colors.<\/li>
- Scroll left or right \/ top or down – if a chart is inscribed in the frame, this option allows to look through all labels. <\/li>
- Zoom in \/ zoom out – an option to fine-tune chart appearance by changing its Y-axis dimension and number of labels at one frame. <\/li><\/ul>
When to use<\/strong><\/p>- If you want to make a comparison of metric values across different subgroups of your data (in other words, if you work with categories). <\/li>
- When you want to show the changes over time in a dataset. <\/li>
- Stacked bar charts are helpful when you want to see the relationship of every stacked sub-bars on the total amount and track their changes over time.<\/li><\/ul>
When not to use<\/strong><\/p>- If you have multiple data series that are independent and are not parts of the whole. <\/li>
- When categories have different measurement units. <\/li><\/ul>
Area chart <\/strong><\/h3>Source: https:\/\/thenextweb.com\/wp-content\/blogs.dir\/1\/files\/2014\/01\/music_timeline_genres.png<\/a> <\/figcaption><\/figure>Possible features<\/strong><\/p>- Select a point – by clicking on a certain point within a chart, you can see the precise values of all categories at this point. <\/li>
- Scroll – change the display period to earlier \/ later. <\/li>
- Zoom in \/ out – an option to make the period on the chart smaller \/ bigger. <\/li>
- Positive and negative values – when a chart allows to display negative values (only uses for non-stacked area charts) under X-axis. <\/li><\/ul>
When to use<\/strong><\/p>- This area chart gives you a quick comparison of the trend for several series over the time<\/li>
- When you need to see the magnitude of the trend for all series.<\/li>
- When there is a lot of points on the X-axis<\/li><\/ul>
When not to use<\/strong><\/p>- When you have a lot of categories to compare with insignificant variations in values between them. <\/li>
- When you need a precise comparison of values for categories.<\/li><\/ul>
Composed (combined) chart <\/strong><\/h3>Source: https:\/\/www.brighthubpm.com\/six-sigma\/36907-the-pareto-principle-and-its-application-in-six-sigma\/<\/a> <\/figcaption><\/figure>In most cases, composed charts are a combination of a bar chart and line charts. <\/p>
Possible features<\/strong><\/p>- Select a slice – an option to select a certain point and see all values from all types of charts at that particular point. <\/li><\/ul>
When to use<\/strong><\/p>- If you need to compare values with different measurement units. <\/li>
- If the values are different in range. <\/li><\/ul>
When not to use<\/strong><\/p>- If the number of graph types you want to display is more than 3. It’s better not to mess up the information and make several graphs. <\/li><\/ul>
Other charts <\/strong><\/h2>There are tons of different charts people have invented. We list some of them without a detailed review.<\/p>
Radar (polar) chart<\/h3>
Source: https:\/\/www.datanovia.com\/en\/blog\/beautiful-radar-chart-in-r-using-fmsb-and-ggplot-packages\/<\/a><\/p><\/div><\/figure><\/div><\/div>Scatter chart<\/h3>
Source: https:\/\/en.wikiversity.org\/wiki\/Scatterplot<\/a><\/p><\/div><\/figure><\/div><\/div>Bubble chart<\/h3>
Source: https:\/\/www.pinterest.com\/pin\/301389400048962520\/<\/a> <\/p><\/div><\/figure><\/div><\/div>Geo chart <\/h3>
Source: https:\/\/support.google.com\/docs\/answer\/9143071?hl=en<\/a><\/p><\/div><\/figure><\/div><\/div>Sankey diagram <\/h3>
Source: https:\/\/www.originlab.com\/doc\/Origin-Help\/Sankey-Diagram<\/a><\/p><\/div><\/figure><\/div><\/div>Timeline chart<\/h3>
Source: https:\/\/cacoo.com\/templates\/project-timeline-template<\/a><\/p><\/div><\/figure><\/div><\/div>And that is not an exhaustive list of possible chart types. Developers, managers, and analytics all over the world adjust graphs to their needs. Charts become more tailored to the area where they are applied, however, almost all charts can be constructed out of charts listed above. For example, a stock chart that displays the exchange rates of currencies is a line chart with several series. A Gantt chart that is used for project management<\/a> is based on a horizontal bar chart. If you want to get to know about most of the existing charts (44 charts to be exact!), read this article<\/a>.<\/p>Among specific features we would like to list some additional features that are common for all types of charts and may be necessary for some applications: <\/p>
- Animation – smooth and seamless animation provides a more consistent and nice user experience and increases the chances that users would like to work with your app. <\/li>
- Additional events for interaction with a chart – charts may provide an option to attach custom events to any rendered element. When users trigger the event (on click, on touch for mobile, for example), some rendered elements can be modified, altered, or complimented. <\/li>
- Chart export – an option to save the chart in a local file (pdf, jpeg, png). <\/li><\/ul>
How to choose the right chart library?<\/strong><\/h2>When it comes to choosing the right chart library first of all you need to define the type of React chart your app needs. We have mentioned some common pieces of advice when to use different chart types, however, we covered not a comprehensive list, and maybe some tailored charts would cover your needs much better, than classic pie, bar charts. The decision on which chart to work with must be based on the kind of analysis you are targeting to provide. Another basis for making a decision is the way you want to represent the data to users. We highly recommend to read about existing types of charts here<\/a> and match your needs with the tasks every chart solves. <\/p>If you already know what kind of graph you need, we gathered some factors you should pay attention to while choosing the chart library. The list: <\/p>
- How many stars on Github <\/strong>a library has? It is popular among developers? Do they trust the chart and use it in their apps? <\/li>
- Is a Dev activity <\/strong>active or not? Is a library well maintained with regular bug fixes, new features deployment, and issues solving?<\/li>
- What kind of support from developers<\/strong> is available? <\/li>
- Does the chart provide mobile support<\/strong>? Is chart responsive out of the box? Does it support touches and gestures?<\/li>
- Is the library well-documented<\/strong> with examples and explanations of every feature it offers? <\/li>
- Does a chart offer additional features<\/strong> that you can use to make the user experience of working with charts much better? <\/li>
- Does the chart have some nice-looking themes out of the box? Does the library allow to customize the design<\/strong> of a chart? What kind of customization does it offer? <\/li>
- Do you need SVG or Canvas<\/strong> output? SVG is great for a small or medium amount of dataset, while Canvas shows better performance when working with a large database. <\/li><\/ul>
Additionally, it’s worth mentioning two things that were not included in the criteria, but which you need to know before you go looking for an ideal chart for you. <\/p>
Most libraries are client-side<\/strong> rendering<\/strong>, while server-side rendering charts are exceptions. If it is not a problem and you are not looking for a server-side rendering library, we keep going. <\/p>Another thing you need to know: most of the libraries depend on d3.js<\/a>. D3 is a popular JavaScript library with 90 k stars on GitHub for visualizing data using Canvas, SVG, and Html. It’s a library with huge Dev activity, plenty of videos, tutorials, books, etc. It stems from a low-level approach and gives the developers freedom to create their own charts. For what is this information? <\/p>If you are good at D3 or have an intention to level up in it, you should consider an option to write your own charts library. It may become a very good solution if you want to make a solution special for your use case. <\/p>
Top React Charts<\/strong><\/h1>We start from the most popular charts libraries for React. You can find a lot of chart types in every library, so you can look through them first. The top itself is divided into several abstracts by the chart types.<\/p>
Most popular charts libraries: <\/p>
- Pie charts <\/li>
- Line charts<\/li>
- Bar charts<\/li>
- Area charts<\/li>
- Composed charts<\/li>
- Gantt charts <\/li>
- Other libraries that are worth to mention <\/li><\/ul>
A brief list of the most popular charts libraries:<\/strong><\/h2>- Recharts<\/a> is a charting library built on React components with 16 k on GitHub<\/a>. It doesn’t offer a great variety of chart types, however, it contains main chart types like pie, bar, line charts which are highly customizable and go with a lot of well-tested features. <\/li>
- Victory<\/a> is a collection of components for charting and data visualization with 8.8k on GitHub<\/a>. It contains 25 types of charts that you can easily customize and integrate with your app. The options to fine-tune the design are also great. If the amount of charts in Recharts library doesn’t satisfy you, visit the website of this library. <\/li>
- Nivo<\/a> is a popular React charts library with full components for data visualization. It offers more than 50 types of charts with comprehensive documentation for every type. The number of stars on GitHub is 8.5 k. <\/li>
- Visx<\/a> is a set of low-level visualization primitives for React from Airbnb company with 13k on GitHub<\/a>. If you find all three previous libraries not suited for your use-case, go to Visx and built your own React chart using well-tested primitives that Airbnb offers. <\/li><\/ol>
Best pie charts examples<\/strong><\/h2>Pies from visx<\/strong><\/h3>Source: https:\/\/airbnb.io\/visx\/pies<\/a><\/figcaption><\/figure>That pie is built from a set of low-level primitives that visx library provides. It features a modern design and ample opportunities for customization for every element. <\/p>
Rating: <\/strong>13k stars on GitHub<\/a><\/p>Dev activity: <\/strong>a huge amount of developers like this library. The last update was in the February 2021<\/p>Support: <\/strong>yes, on GitHub<\/p>Mobile support:<\/strong> not out of the box, but you can use the chapter to make the graph responsive<\/a> <\/p>Documentation: <\/strong>there is the documentation for every primitive, code sample and live demo for every chart, and getting-started tutorial for beginners<\/p>Additional features: <\/strong><\/p>- it’s possible to create your own pie chart using primitives a library offers,<\/li>
- the design uses gradient out of the box,<\/li>
- the chart is interactive.<\/li><\/ul>
Customization options: <\/strong>the library itself is all about customization<\/p>Drawing options: <\/strong>SVG<\/p>A pie chart from nivo<\/strong><\/h3>Source: https:\/\/nivo.rocks\/pie<\/a><\/figcaption><\/figure>Rating: <\/strong>8.5k stars on GitHub<\/a> <\/p>Dev activity: <\/strong>yes, a community with more than 1 k participants on discord channel<\/p>Support: <\/strong>yes, issues page on GitHub<\/p>Mobile support: <\/strong>a <\/strong>mobile-friendly chart<\/p>Documentation: <\/strong>exhaustive documentation with guides, theming section, FAQ, live examples, component playground<\/p>Additional features: <\/strong><\/p>- animated motions and transitions from react-motion,<\/li>
- there is a server-side rendering option,<\/li>
- event handler.<\/li><\/ul>
Customization options: <\/strong>it is <\/strong>a highly customizable chart with an online sandbox where you can change the visual appearance of the chart with the user interface<\/p>Drawing options: <\/strong>SVG, Canvas<\/p>A pie chart from react-chart.js <\/strong><\/h3>Source: https:\/\/reactchartjs.github.io\/react-chartjs-2\/#\/pie<\/a><\/figcaption><\/figure>A nice-looking well-coded pie chart with a transparent design and simple interface without redundant functions. The chart is a part of the react-char.js library. It is a wrapper for HTML5-based library chart.js with 53 k on GitHub<\/a>. <\/p>Rating: <\/strong>3.8k stars on GitHub<\/p>Dev activity: <\/strong>there is a huge community for the chart.js library you can get in touch with, the last update of react-chart.js was at the end of 2020<\/p>Support: <\/strong>yes, via issues page on GitHub<\/p>Mobile support:<\/strong> the chart adjusts to all screen resolutions<\/p>
![\"\"](\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2021\/03\/Frame-2372yuormwER-1024x768.png\")
<\/a><\/figure><\/div><\/div>Representing your data in the form of charts is a great way to convey information to users. But the visualization of charts must be beautiful and insightful to users. The modern design of apps has gone far beyond the standard flat visualization that was a decade ago. The main requirement has stayed the same: charts must be informative. However, chart forms and types vary a lot, so you have control over user experience via the design you chose – and you are expected to make a good decision about the way you represent the data, otherwise, you shouldn’t wait for a high number of users. Charts are the most common data visualization<\/a> components of mobile and web applications. One of the advantages of JavaScript frameworks like React is that it offers scalable and versatile components. React is a great framework that lets developers build rich and high-quality user interfaces easily, so your users will love to use the app. <\/p> In the article, we discuss what types of charts exist, how users can interact with charts, what functional opportunities every type of chart offers, define the criteria for picking the right chart, and look through the list of the best React<\/a> charts examples and libraries. <\/p> Let’s start with a review of the most popular and well-known chart types.<\/p> Possible functions<\/strong><\/p> When to use <\/strong><\/p> When not to use<\/strong><\/p> Possible features<\/strong><\/p> When to use<\/strong><\/p> When not to use<\/strong><\/p> Possible features<\/strong><\/p> When to use<\/strong><\/p> When not to use<\/strong><\/p> Possible features<\/strong><\/p> When to use<\/strong><\/p> When not to use<\/strong><\/p> In most cases, composed charts are a combination of a bar chart and line charts. <\/p> Possible features<\/strong><\/p> When to use<\/strong><\/p> When not to use<\/strong><\/p> There are tons of different charts people have invented. We list some of them without a detailed review.<\/p> Source: https:\/\/www.datanovia.com\/en\/blog\/beautiful-radar-chart-in-r-using-fmsb-and-ggplot-packages\/<\/a><\/p><\/div> Source: https:\/\/en.wikiversity.org\/wiki\/Scatterplot<\/a><\/p><\/div> Source: https:\/\/www.pinterest.com\/pin\/301389400048962520\/<\/a> <\/p><\/div> Source: https:\/\/support.google.com\/docs\/answer\/9143071?hl=en<\/a><\/p><\/div> Source: https:\/\/www.originlab.com\/doc\/Origin-Help\/Sankey-Diagram<\/a><\/p><\/div> Source: https:\/\/cacoo.com\/templates\/project-timeline-template<\/a><\/p><\/div> And that is not an exhaustive list of possible chart types. Developers, managers, and analytics all over the world adjust graphs to their needs. Charts become more tailored to the area where they are applied, however, almost all charts can be constructed out of charts listed above. For example, a stock chart that displays the exchange rates of currencies is a line chart with several series. A Gantt chart that is used for project management<\/a> is based on a horizontal bar chart. If you want to get to know about most of the existing charts (44 charts to be exact!), read this article<\/a>.<\/p> Among specific features we would like to list some additional features that are common for all types of charts and may be necessary for some applications: <\/p> When it comes to choosing the right chart library first of all you need to define the type of React chart your app needs. We have mentioned some common pieces of advice when to use different chart types, however, we covered not a comprehensive list, and maybe some tailored charts would cover your needs much better, than classic pie, bar charts. The decision on which chart to work with must be based on the kind of analysis you are targeting to provide. Another basis for making a decision is the way you want to represent the data to users. We highly recommend to read about existing types of charts here<\/a> and match your needs with the tasks every chart solves. <\/p> If you already know what kind of graph you need, we gathered some factors you should pay attention to while choosing the chart library. The list: <\/p> Additionally, it’s worth mentioning two things that were not included in the criteria, but which you need to know before you go looking for an ideal chart for you. <\/p> Most libraries are client-side<\/strong> rendering<\/strong>, while server-side rendering charts are exceptions. If it is not a problem and you are not looking for a server-side rendering library, we keep going. <\/p> Another thing you need to know: most of the libraries depend on d3.js<\/a>. D3 is a popular JavaScript library with 90 k stars on GitHub for visualizing data using Canvas, SVG, and Html. It’s a library with huge Dev activity, plenty of videos, tutorials, books, etc. It stems from a low-level approach and gives the developers freedom to create their own charts. For what is this information? <\/p> If you are good at D3 or have an intention to level up in it, you should consider an option to write your own charts library. It may become a very good solution if you want to make a solution special for your use case. <\/p> We start from the most popular charts libraries for React. You can find a lot of chart types in every library, so you can look through them first. The top itself is divided into several abstracts by the chart types.<\/p> Most popular charts libraries: <\/p> That pie is built from a set of low-level primitives that visx library provides. It features a modern design and ample opportunities for customization for every element. <\/p> Rating: <\/strong>13k stars on GitHub<\/a><\/p> Dev activity: <\/strong>a huge amount of developers like this library. The last update was in the February 2021<\/p> Support: <\/strong>yes, on GitHub<\/p> Mobile support:<\/strong> not out of the box, but you can use the chapter to make the graph responsive<\/a> <\/p> Documentation: <\/strong>there is the documentation for every primitive, code sample and live demo for every chart, and getting-started tutorial for beginners<\/p> Additional features: <\/strong><\/p> Customization options: <\/strong>the library itself is all about customization<\/p> Drawing options: <\/strong>SVG<\/p> Rating: <\/strong>8.5k stars on GitHub<\/a> <\/p> Dev activity: <\/strong>yes, a community with more than 1 k participants on discord channel<\/p> Support: <\/strong>yes, issues page on GitHub<\/p> Mobile support: <\/strong>a <\/strong>mobile-friendly chart<\/p> Documentation: <\/strong>exhaustive documentation with guides, theming section, FAQ, live examples, component playground<\/p> Additional features: <\/strong><\/p> Customization options: <\/strong>it is <\/strong>a highly customizable chart with an online sandbox where you can change the visual appearance of the chart with the user interface<\/p> Drawing options: <\/strong>SVG, Canvas<\/p> A nice-looking well-coded pie chart with a transparent design and simple interface without redundant functions. The chart is a part of the react-char.js library. It is a wrapper for HTML5-based library chart.js with 53 k on GitHub<\/a>. <\/p> Rating: <\/strong>3.8k stars on GitHub<\/p> Dev activity: <\/strong>there is a huge community for the chart.js library you can get in touch with, the last update of react-chart.js was at the end of 2020<\/p> Support: <\/strong>yes, via issues page on GitHub<\/p> Mobile support:<\/strong> the chart adjusts to all screen resolutions<\/p>![\"Professional](\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png\")
<\/a><\/p>Charts types and their features that may be useful<\/strong><\/h2>
Pie chart<\/strong><\/h3>
Line chart <\/strong><\/h3>
Bar chart <\/strong><\/h3>
Area chart <\/strong><\/h3>
Composed (combined) chart <\/strong><\/h3>
Other charts <\/strong><\/h2>
Radar (polar) chart<\/h3>
![\"React](\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-08-at-17.04.24.png\")
<\/figure><\/div><\/div>Scatter chart<\/h3>
![\"React](\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-08-at-17.07.18.png\")
<\/figure><\/div><\/div>Bubble chart<\/h3>
![\"React](\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-08-at-17.12.21.png\")
<\/figure><\/div><\/div>Geo chart <\/h3>
![\"React](\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-08-at-17.12.29.png\")
<\/figure><\/div><\/div>Sankey diagram <\/h3>
![\"React](\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-08-at-17.12.34.png\")
<\/figure><\/div><\/div>Timeline chart<\/h3>
![\"React](\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-08-at-17.12.39.png\")
<\/figure><\/div><\/div>How to choose the right chart library?<\/strong><\/h2>
Top React Charts<\/strong><\/h1>
A brief list of the most popular charts libraries:<\/strong><\/h2>
Best pie charts examples<\/strong><\/h2>
Pies from visx<\/strong><\/h3>
A pie chart from nivo<\/strong><\/h3>
A pie chart from react-chart.js <\/strong><\/h3>
![\"React](\"https:\/\/lh5.googleusercontent.com\/K2imwEKMZIv8tZGCTs2wWmlq2-IX5MhSytmuOXZnFcd99uvZ4i8_eqYcwKxGhWvqvawHyILyz9M-SPOis6cdUgdCg6gNGVAs44HREzIh6VMwwhIxdxQtTTTGy-sW4GVhhOfKyqc\")
![\"React](\"https:\/\/lh4.googleusercontent.com\/ewqNji3QiDtNc9lYMUmqn_7FKdc4vRmztQtBQHIPavjCo3dJ3EqmfvhPv8GDJ0QEbh83NdtYdJKjRRHi_6negIUqqyLPonFlmWG8lBX5HGLeJ_qdJMjWmPiV7lN17pzAZFRGUWo\")
![\"React](\"https:\/\/lh6.googleusercontent.com\/kKwED0PBmcIeBpAeIbi35YJ-wtf6BfALiyXorgKYTkWmooy9-zf2AB9XR6zaVETwW4nUj2DsqQed6Bt18EAfnSU7lyKU2PAhpDnGAtv-EuSR7yyCe2P--5EuxHXtDR__Xk9YUzo\")
![\"React](\"https:\/\/lh6.googleusercontent.com\/IMadY9xj-cKw1b-6gdEmHxP1AqolJRgGsqlcKAUz4ffbXALu_Qf-P7EYPbPmwf5MZDWrIFcpa_5Cpo8oU0_W0V9qVj7bNnhCvBCeWQtkJmfENL7KTgluYDiQ_SOSwShO-A6RQ98\")
![\"React](\"https:\/\/lh4.googleusercontent.com\/55GLOD-w6CWHaJH9tlrSRlRG6Js357ae2012v2m4LgYMzS7ApL49jP55SFqzcP25UALnA3J7kHK6_iGvP0RKAiZRslfI48cFPxNQTeZ3D-_f8n7I33WjI0td_Sinx07wIzOGUXY\")
![\"React](\"https:\/\/lh6.googleusercontent.com\/CyOMy1kgJtE5JuaMoJsR0TNlX7pA2Pn9CWeI8Zehl32FapoFgsNylpb_jExNyFmRFRCFwQFiHKHMjV0iFv3HGb9AW89Dvc20V41IsIrt0ZX5ruQcT9zWiQSTFSmCSo7WlKMWY-o\")
![\"React](\"https:\/\/lh4.googleusercontent.com\/luc8G3ZMLWifj_Ng7xa9nIOK3Oro7cDOuWwmK9M_il7hpkDEkdpK_EUwaFGx3sMze7V40VMEho4T9d1FlHH-yL31wpQR7byv4POOon1d2ltYgxIBiIMdZhceJF43LaERLWopSpE\")
![\"a](\"https:\/\/lh4.googleusercontent.com\/7344-aTqHLTPIkyTBURT3ZensPbEDYf6-YX2OCW9mMsSPxWsK8OaxC2dCYDIsB3ASJNS0rxdR-A48bIIBbpFYhy9iDrsh4oN7EP6tx01kF46oZQ4B-Qt5-O6S_Ot7A77bYQQWUE\")