Decomponent
Decomponent
Open main menu
✉️ hello@decomponent.com
Subscribe now
Start here 😆
Guides 📚
Area Chart
Audio
Bar Chart
Code Highlight
Donut Chart
Line Chart
PDFs
Pie Chart
Typewriter Effect
Email Archive
View Past Emails
Resources
SVG Blobs
SVG Text Highlight
Other Resources
Colors
Design Systems
Icons
Illustrations
Mockups
Photos
Typography
Guides
Bar Charts
This is the simplest way to add a Bar Chart to your app
Recommended Package:
@tremor/react
How to use?
Follow the documentation
here
depending on which React framework you are using
Copy & modify the cope snippets below
Plain Bar Chart
Include Details
Utilities over time (USD)
Stacked Bar
Utilities over time (USD)
Alternatives
Recharts
React-Chartjs-2
Nivo
Note:
Tremor is the perfect library in 80% of the use cases where you just need something simple to show your users. If you need something with tons of flexibility, I recommend Recharts.