Beautiful Area Charts in React with Recharts
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/next-level-next-js
---------- Links
Recharts - https://recharts.org/en-US/
Exodus - https://www.exodus.com/
Source Code - https://github.com/leighhalliday/recharts-exodus-area-chart
Starting Code - https://github.com/leighhalliday/recharts-exodus-area-chart/tree/9f1f12645db59908bfd499c69d81925ffd6efd22
---------- Connect
Join this channel - https://www.youtube.com/channel/UCWPY8W-FAZ2HdDiJp2RC_sQ/join
Join me on Discord - https://discord.gg/wcSNwfu
Twitter - https://twitter.com/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
Видео Beautiful Area Charts in React with Recharts канала Leigh Halliday
---------- 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/next-level-next-js
---------- Links
Recharts - https://recharts.org/en-US/
Exodus - https://www.exodus.com/
Source Code - https://github.com/leighhalliday/recharts-exodus-area-chart
Starting Code - https://github.com/leighhalliday/recharts-exodus-area-chart/tree/9f1f12645db59908bfd499c69d81925ffd6efd22
---------- Connect
Join this channel - https://www.youtube.com/channel/UCWPY8W-FAZ2HdDiJp2RC_sQ/join
Join me on Discord - https://discord.gg/wcSNwfu
Twitter - https://twitter.com/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
Видео Beautiful Area Charts in React with Recharts канала Leigh Halliday
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Basic Setup of ChartJS in React Hooks | 2022](https://i.ytimg.com/vi/FXuElLhCK8s/default.jpg)
![](https://i.ytimg.com/vi/JqN4mH4BDkg/default.jpg)
![Using Chart.JS in React.JS - A Complete Tutorial (2020)](https://i.ytimg.com/vi/c_9c5zkfQ3Y/default.jpg)
![Practical React - 14 - Charts](https://i.ytimg.com/vi/28ZbeLWmfiQ/default.jpg)
![How I Manage State in React](https://i.ytimg.com/vi/FzlurzsCW4M/default.jpg)
![Pie Charts in React with visx](https://i.ytimg.com/vi/bL3P9CqQkKw/default.jpg)
![[REACT] Como criar gráficos em 23 minutos (ou menos)](https://i.ytimg.com/vi/pmHr1xKH4hM/default.jpg)
![Validating user input with Zod](https://i.ytimg.com/vi/_K34O0NcKAM/default.jpg)
![Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI](https://i.ytimg.com/vi/GDa8kZLNhJ4/default.jpg)
![First Look at Remix React Framework](https://i.ytimg.com/vi/_uqVfPF8Y9Y/default.jpg)
![React Router 6 - What Changed & Upgrading Guide](https://i.ytimg.com/vi/zEQiNFAwDGo/default.jpg)
![Map vs Object in JavaScript](https://i.ytimg.com/vi/Z_2rpuPQmC0/default.jpg)
![Top 5 React Libraries | 2021](https://i.ytimg.com/vi/zvYtxmlOW1E/default.jpg)
![Building an interactive map with Google Maps Platform and React - Crash Course](https://i.ytimg.com/vi/2po9_CIRW7I/default.jpg)
![How to Render Dynamic Data Using An API In ChartJS & React Hooks](https://i.ytimg.com/vi/mlSKLmG80Us/default.jpg)
![React ChartJS Tutorial - Introduction To ChartJS](https://i.ytimg.com/vi/RF57yDglDfE/default.jpg)
![React Router V6 Tutorial - Routes, Redirecting, UseNavigate, UseParams...](https://i.ytimg.com/vi/UjHT_NKR_gU/default.jpg)
![Learn the React useEffect Hook in 24 minutes (for beginners)](https://i.ytimg.com/vi/UVhIMwHDS7k/default.jpg)
![React Admin Dashboard Tutorial | React Admin Panel Design Course for Beginners](https://i.ytimg.com/vi/aTPkos3LKi8/default.jpg)
![Recharts Tutorial: Create a great looking line chart](https://i.ytimg.com/vi/z1KuuHLOY9c/default.jpg)