How To Make Beautiful Charts In Next.js

Подписаться 1,6 млн

Просмотров 23 тыс.

50% 1

Building beautiful charts in React/Next.js is not easy, but in this video I will show you exactly how to build a robust and beautiful chart system with Next.js.
📚 Materials/References:
Starting GitHub Code: github.com/WebDevSimplified/n...
Ending GitHub Code: github.com/WebDevSimplified/n...
Next.js Ecommerce Video: • Full Stack Ecommerce S...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:31 - Setup
02:40 - Basic Chart
11:55 - Orders By Day Chart
23:14 - Users By Day Chart
28:10 - Revenue By Product Chart
34:24 - Basic Date Range Filter
49:40 - Custom Date Range Filter
59:26 - Chart Interval Improvements
#NextJS #WDS #Ecommerce

Опубликовано:

27 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 38

@toptry5 Месяц назад

This ecommerce project is hands-down the best project available on RU-vid.

@charleschukwuemeka8482 2 месяца назад

Thank you so much, this tutorial is really needed

@nisabmohd Месяц назад

Hey kyle you explained such complex things very nicely

@vishnubhat2084 2 месяца назад

thankyou kyle for this great video.

@user-bj1rj4rv3k 2 месяца назад

Thank you Kyle!

@OnlyJavascript 2 месяца назад

amazing series.

@faahkoo 2 месяца назад

Nice! I build mine with D3

@DagmarJS Месяц назад

Thanks for the video!

@ziadx3 26 дней назад

as sooner as lovely

@hubesh716 2 месяца назад

please tutorial also on react native with some projects

@paarsaJam 2 месяца назад

Thank you so much, dear teacher. Could you provide me to know how I can convert the datepicker to be used for persian calendar as well, please?

@vladanton9 2 месяца назад

Thanks

@WebDevSimplified 2 месяца назад

Thank you for the support!

@balduin_b4334 2 месяца назад

that outro animation scared me hoooly

@original-booxfield 2 месяца назад

Danke!

@WebDevSimplified 2 месяца назад

You are very welcome!

@jimmytan6543 Месяц назад

Thank you! Will there be any new video based on this app?

@Me-vc4sf 2 месяца назад

Bro thinks he's Kyle from web dev simplified

@krishnakalyana4793 Месяц назад

😂

@MahBor 2 месяца назад

Could you make videos on charts.js with vanilla js?

@rihaniibrahim1345 7 дней назад

Good Morning , you' re amazing vedio, can you add Authentification and paginations

@balduin_b4334 2 месяца назад

the outdo animation scared the heck out of me wtf

@shur_eenee 2 месяца назад

Hwvddhrhebe🎉

@SkylerJi-nj7dj 2 месяца назад

what are your thoughts on vega and vegalite?

@NOTHING-en2ue 2 месяца назад

great tutorial, could you upload a plain html, css and js on scroll animation tutorial without any libraries ?

@twothreeoneoneseventwoonefour5 2 месяца назад

Recently I have tried Apache Echarts and they were pretty good for some very custom use cases I needed in my job. It's integration with React(through echarts-for-react) is a little bit "meh", but it was nevertheless performant and feature rich. In case someone searched for a library.

@rishiraj2548 2 месяца назад

🙂👍 thanks

@RulesBreakers Месяц назад

While using BarChart component form 'recharts, it gives a new warning "Hydration mismatch"

@akashbag09 12 дней назад

Has anyone been able to deploy the complete project successfully? It works fine in development but when I deploy it to vercel I run into several errors, cannot add or purchase products. I have added the "postinstall" to package.json but nothing seems to work. Any help will be much appreciated!