Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Master React Native Charts - Tutorial for Dynamic Data Visualization

Code with Beto via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to create stunning, pixel-perfect charts in React Native using the react-native-gifted-charts library in this comprehensive tutorial. Master the implementation of dynamic data visualization by building a complete charting solution from scratch, starting with SQLite database integration and progressing through component creation, data fetching, and advanced styling techniques. Explore database overview fundamentals before diving into chart component development, then advance to fetching weekly data and processing it for optimal display. Enhance user experience by implementing navigation controls with previous and next week buttons, and refine the visual appeal through detailed styling improvements. Gain hands-on experience with real-world data visualization challenges while learning best practices for creating responsive, interactive charts that seamlessly integrate with your React Native applications.

Syllabus

0:00 Intro & Demo
02:39 Source Code and Resources
05:43 Installing Dependencies
07:09 SQLite Database Overview
12:30 Chart Component
26:44 Fetching Weekly Data
45:26 Processing Data
01:00:40 Adding Prev/Next Week Button
01:06:55 Improving Styling
01:13:02 Conclusion

Taught by

Code with Beto

Reviews

Start your review of Master React Native Charts - Tutorial for Dynamic Data Visualization

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.