Beautiful Area Charts in React with Recharts

Published: 14 March 2021
on channel: Leigh Halliday
44,859
1.3k

Let's try to recreate the beautiful Area Chart that the Exodus crypto wallet has using Recharts in React.

---------- Course

Want to go deeper with Next.js? Join me in my Next Level Next.js course where over 29 videos and 8 hours of content we'll build a full application from start to finish. We use TypeScript, GraphQL, Prisma, Apollo, Mapbox, Firebase and lots more. https://courses.leighhalliday.com/nex...

---------- Links

Recharts - https://recharts.org/en-US/
Exodus - https://www.exodus.com/
Source Code - https://github.com/leighhalliday/rech...
Starting Code - https://github.com/leighhalliday/rech...

---------- Connect

Join this channel -    / @leighhalliday  
Join me on Discord -   / discord  
Twitter -   / leighchalliday  

---------- Timeline

00:00 - Introduction
00:50 - Creating dummy data
03:30 - Creating basic Area Chart
07:50 - Customizing Area Chart
16:16 - Customizing Tooltip
22:50 - Adding multiple Areas


Watch video Beautiful Area Charts in React with Recharts online without registration, duration hours minute second in high quality. This video was added by user Leigh Halliday 14 March 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 44,859 once and liked it 1.3 thousand people.