The Secret Way to Create WordPress Charts from Firebase – Under 3 Mins

Are you looking for a way to create charts/graphs with your WordPress site using as little effort as possible? This quick tip will show you an easy way to get started by creating the bar graph from Firebase.

As we saw earlier what is dynamic data? and commonly used data sources it’s time to use them. In this blog, we will create our WordPress Charts from Firebase – Under 3 Mins. 

• Follow the below steps for learning how to create a WordPress chart from Firebase – Under 3 Mins  

Step 1 – Selection of Datatable

Open Graphina – WordPress Chart Plugin and select the Data Table where you want to display the dynamic data. 

For example, choose the stacked Column chart where you want to display data of your firebase. 

Step 2 – Changing Data Option from Manual to Dynamic

Go to the chart data option and change the type from “manual” to “dynamic” and we can see the message of the no data available that’s because we have not selected the data source till now. 

Step 3 – Adding Dynamic Data Tables in WordPress through Firebase

Select the dynamic data option and change the type to “Firebase”

Step 4 – Firebase Configuration

We now have a new section “Firebase Data Configuration” that asks us to upload the configuration file.

Step 5 – Configuration File

Entering there you can upload “configuration file”. So, we first need to create a new project.

Step 6 – Creating a New Project

Go to firebase and create a new project. 

Name that project “graphina-Firebase”

Read the info and continue

Step 8 – Creating a Project

Selecting the account: From dropdown choose “Default firebase account” and then create a project.  

It will take some time but soon after the project is done, click on continue.

Step 9 – Generating Key

Go to project overview

Click on the project setting and then go to “service account” 

Then generate a private key from the option available and download the generated key. 

Step 10 – Realtime Database

Then you can create the database by clicking on the “real-time database” 

Select the location on real-time database then next 

Step 11 – Test Mode

And choose “start with test mode”

Then we will import the JSON file that was downloaded from the system.

Step 12 – Final Step

Click on Import 

Now copy the generated link 

And will paste it to “Database URL” 

And upload the config file by option available and it will be the security key that was downloaded. 

Once it’s done you will see the data on the chart using the firebase data source. 

Hereby, all the steps are covered for creating WordPress Charts from Firebase – Under 2 Minutes 

That’s all for the firebase in dynamic data. 

Now we have completed all the data sources available in graphina – WordPress Graph Plugin. 

Conclusion

Now as you have the knowledge on how to create WordPress Charts from Firebase – Under 3 Mins. You will learn more with us, while you have the nicest product of our Graphina – WordPress Plugin. 

Make Sure to Subscribe to our newsletter for the latest theme, templates, and tools to let you Structure and Fortunate Web-project without any sedulous dealing with coding skills. Don’t Forget to Subscribe to our Youtube channel to get an instant video tutorial. Follow us on Facebook and Instagram to get Quick Tips, Educational Posts, infographics, and a lot more. 

Author

Sagar Soni

259 posts

Sagar is a Content Head, Writer, and creative thinker at Iqonic Design. He often deals with multiple tasks at same time. Well! He is all rounder in Writing skills. And whenever you do not find him writing he is either studying about his counselling psychology or often exploring new places and goofing around with ambition achieving friends and plan on making new money moves.