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.
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.