Render the Flutter chart using JSON data stored in Firebase database

Using the Firebase REST API and HTTP client, you can retrieve the JSON data from the Firebase database and also with the help of the deserialization concept (parsing of raw JSON data to dart object model) you can convert the retrieved JSON data to chart data list for the Flutter Cartesian chart.

The Firebase Realtime Database is a cloud-hosted database. A Data is stored as JSON and synchronized in real-time to every connected client. You can use any Firebase Realtime Database URL as a REST endpoint and send requests from the HTTP client, in order to access the JSON data.

Requirements to run the demo

• VS Code
• Flutter SDK v2.0.0+
• For more development tools

How to run this application

To run this application, you need to first clone or download the ‘render chart with firebase json data flutter chart’ repository and open it in your preferred IDE. Then, build and run your project to view the output.

Further help

For more help, check the Syncfusion Flutter documentation, or Flutter documentation.