#Syncfusion Beautiful Charts in #FlutterFlow - Full Walkthrough!

In this video we take a look at introducing beautiful data display charts in #FlutterFlow using the powerful #Syncfusion libraries. This library contains over 30+ different chart types which can be easily implemented in FlutterFlow using a little #lowcode.

You will learn how to setup a Custom Widget from scratch and then add the correct working Syncfusion dependency to your project. We will get the basic widget to compile and then introduce the bare essentials chart code to our Custom Widget. You will then configure the Custom Widget to accept an input list of chart data using Custom Data Types/Page State and we will also extend the widget with further input parameters. Additionally we will customise the chart further and then give our application a test.

🔥🔥 - Lookout for next video - https://youtu.be/HebbC59xXiQ - which will demonstrate how to extend this example and pull data in from #Supabase to use as chart data - 🔥🔥

Don't forget to check out and clone the starter project linked below to follow along with this video.

_____

Starter Project: https://app.flutterflow.io/project/syncfusion-charts-starter-3s477x
Final Project: https://app.flutterflow.io/project/syncfusion-charts-4c3rfr

🔥 Looking for more content and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at https://www.thedigitalpro.co.uk

_____

Chapters

00:00 Introduction
00:27 Syncfusion introduction
01:36 Application demo
02:23 Start our application build
04:32 Syncfusion Library depedencies
05:36 Adding dependecies to our project and handling library errors
08:41 Basic Custom Widget implementation
11:27 Setup Custom Data Type + Page State
15:11 Custom Widget setup to handle Chart data
19:00 Add Custom Widget in prep for testing
19:51 Chart Test
20:12 Further customisation
25:29 Final App Test + Outro

_____

🚀 The Digital Pro's NoCode Academy: https://www.thedigitalpro.co.uk
(Support the channel and go ad-free! 😉)

🔥 If you love my content why not consider buying me a coffee, it's really appreciated: https://www.thedigitalpro.co.uk/coffee

👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: https://www.thedigitalpro.co.uk/flutterflow

🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.

Видео #Syncfusion Beautiful Charts in #FlutterFlow - Full Walkthrough! канала The Digital Pro's NoCode Academy