Bar Chart Race: A Complete Guide FineReport | BI Reporting and Dashboard Software

Bar Chart Race: A Complete Guide

Have such videos been hot recently? Its professional name is the bar chart race. You may have seen this video many times. The effect can be said to be very intuitive and shocking, but do you know how to do it?

Under normal circumstances, a lot of code needs to be developed to make a chart like this. For most people, the requirements are too high, and the cost of learning is also high. There are many tutorials made by PowerPoint or Excel, but the results are not very good. Just in time of the COVID-19, I plan to find the simplest way and make a guide for you!

I tried many ways, and find two simplest ways for you. It only takes 10 minutes to make a bar chart race like this! I wish can give you some help!

I will share two quick and easy, practical methods and public data sources in the following articles. After reading the detailed production process below, I am sure you can make it!

Method 1: Flourish

It can be said that it is the best online data visualization website. There are a lot of data visualization templates here. Our job is to find the data from the Internet, and then import the data into the template, and set the corresponding color, icon, and other information, and all is completed.

The operation is very simple. The first step is to click on the bar chart race template we want to make in the upper right corner. Click on the “Data” column above, we can see the data is uploaded here, and then click on “upload data file” ” to upload the information form we want to use.

The template itself defines the format of the table. As shown in the following figure, column A is the indicator name, column B is the attribute, column C is the URL column where the icon is stored, and column D is the time change column. Follow the format when preparing the Excel data.

After importing the data from Excel, the template will prompt you how many pieces of data have been imported.

The second step is to optimize the chart. Click “Preview” above, and you will find that the template has automatically started to scroll according to time!

Of course, we still need to do some modifications. There is an edit zone on the right, mainly to beautify the details such as labels, colors, playback speed, ruler size, time display format, etc. After setting it according to your own style, a cool video is finished.

Method 2: FineReport

Many people who make reports may have heard of it. In fact, FineReport can also achieve such a function, and it does not need to write a bunch of code, you only need to write SQL syntax, but I think it is easy for most people.

Take the bar chart race I mentioned above, the main idea is to set the time parameter to filter data in the SQL query syntax, the value of the time parameter will change with time, and then regularly reorganize the chart.

First, open the FineReport10.0 designer, create a data link, then create a new decision report, create a data set ds1, enter the SQL syntax to query the desired data.

The database query syntax is as follows:

SELECT

country,

strftime(“%Y-%m-%d”,date) date,

sum(confirm) confirm

FROM datasource

where strftime(‘%Y-%m-%d’,date)=’${datedelta(“2020-01-28”,mod((datetonumber(now())-datetonumber(p1))/1000,DATEDIF(“2020-01-28″,today(),”D”)))}’

group by country,strftime(“%Y-%m-%d”,date)

order by confirm

Then click on the “template” in the menu bar to select “template parameter”, and create a new template parameter “p1” with a preset value: now.

Insert the bar chart: Insert->Cell Element->Insert Chart

We set the title as “UNIQUEARRAY(ds1.select(“date”))”, then the title will change according to the time.

Then select the label, click “use label”, select the value for the text, and set the position outside.

Finally, add a new timing refresh, select the interactive attribute as the special effect, and the background detection is turned on at a time interval of 1s.

Boom, all have done!

Data Sources

After reading this article, you must have the idea of doing this kind of video. Just like the sample Flourish website mentioned above, the data is labeled below from the World Bank. I found that the data of these institutions are very rich, and you can even find the population estimate of 2100.

World Bank: https://data.worldbank.org.cn/

United Nations: https://www.un.org/zh/databases/index.html

China National Data: http://data.stats.gov.cn/

Oxford University Project: https://ourworldindata.org/

IMF International Monetary Organization: https://www.imf.org/en/Data

IFS: http://www.ifs.du.edu/ifs/frm_MainMenu.aspx

Organization for Economic Cooperation and Development OECD: http://oecdchina.org/statistics/index.html

*TheStatistcs Portal (perfect database, payment required): https://www.statista.com/

GitHub collation (38.2K stars): https://github.com/awesomedata/awesome-public-datasets

Google data set search: https://www.statista.com/

The dataset provided in Kaggle, such as Youtube related: https://www.kaggle.com/datasnaek/youtube-new

Summary

Now I believe that after you have finished the above tutorial, you must no longer feel difficult to make a data visualization video anymore. In fact, in my opinion, it is more critical to find high-quality data and find interesting information in the data. Now, since there are data sources and tools, do you have a try?

You might also be interested in…

COVID-19 Dashboard Guide: From Data Extraction to Data Visualization

How Beginners Make a Cool Dashboard?

Dynamic Charts: Make Your Data Move

Related Posts

© All Right Reserved