React Charts in Shadcn/ui

preview_player
Показать описание
In this video, we'll look at charts in shadcn/ui built on top of the amazing Recharts library.

👉🏼 The Ultimate NextJs Course (75% off)

👉🏼 shadcn/ui charts

👉🏼 Work with me

Chapters
0:00 Intro
3:00 Adding charts
9:40 Adding grid
10:30 Adding axis
11:15 Adding tooltip
12:20 Adding legend
13:00 Chart config
14:00 Theming
18:10 Accessibility
18:30 Example codes
19:25 Recap
  1. Hamed Bahram
Рекомендации по теме
React Charts in 0:20:03

React Charts in Shadcn/ui

How to implement 0:07:50

How to implement Shadcn UI Charts

Shadcn UI Charts 0:04:39

Shadcn UI Charts | The Best Chart Library for Nextjs/React

Shadcn UI Released 0:00:22

Shadcn UI Released a NEW COMPONENT!

react charts in 0:02:41

react charts in shadcn ui

How to Use 0:21:38

How to Use Shadcn UI Charts with Next.js & React.js. #shadcn #charts #nextjs #reactjs

A Very Exciting 0:16:31

A Very Exciting New Chart Library

Shadcn UI Charts 0:08:14

Shadcn UI Charts | Best Chart Library for NextJS/React projects

Dark Mode & 0:00:18

Dark Mode & Themes in shadcn/ui: Style Your App with Ease! #shadcn #ui

These 2 UI 0:05:03

These 2 UI Libraries Are The Perfect Combo

Charts with NextJS 0:11:12

Charts with NextJS 14 & @shadcn UI — Course part 6

Why Shadcn Over 0:00:41

Why Shadcn Over Radix? Customizable Components Made Easy! #shadcn #ui

Is This The 0:00:51

Is This The Best New UI Library?

Building a BEAUTIFUL 0:04:56

Building a BEAUTIFUL Dashboard Was Never Easier

shadcn/ui is great! 0:08:18

shadcn/ui is great! But what if...

Using shadcn/ui with 0:12:48

Using shadcn/ui with NextJs 15 and React 19

This UI component 0:08:23

This UI component library is mind-blowing

Shadcn Charts : 0:56:53

Shadcn Charts : Beautiful Charts Using Recharts in next Js

Shadcn UI Crash 0:07:29

Shadcn UI Crash Course #1 - Introduction & Setup

My Favourite React 0:07:55

My Favourite React Chart Library

How To Build 0:20:03

How To Build UI Component Library in React | Learn Shadcn/ui in 20 Minutes

I Never Want 0:05:40

I Never Want to Create React Tables Any Other Way

This UI Library 0:06:32

This UI Library feels like Shadcn 2.0

Shadcn/UI vient de 0:08:00

Shadcn/UI vient de sortir les Charts et c'est GAME CHANGER !

Комментарии
Автор

Hey man, excellent! Do you happen to know if it is possible to select an area using ReferenceArea from recharts?

BorgMater
Автор

Thanks for useful video 💯💯💯 Does the shadcn-ui support the RTL? how?

saeedk
Автор

Does anyone know how to change the XAxis text color?

mahedihasan
Автор

for some reason the cartesian grid does not appear and the Tooltip hoover effect its solid black. Any ideas of what could be causing this trouble?

JoaoPaulo-nqen
Автор

Does anybody know how to change the size of a chart?

tobitacklestech