Data Science Trainee Program: Creating Visualization Feature of COVID-19 Information in Jakarta
By: Dimas Ananda Radhitya
Tags: Data Visualization, Data, Data Science, Covid 19, Vaccines

You maybe wondering what is the most essential step in this project? Personally, I can say that the data collection and the processing is a high priority. Without the required data, this project won’t be realized. Moreover, if we skipped the data processing to make it proper and tidy, we can’t step forward into the next step as it will give us low reliability of the output.

Thanks to Jakarta Open Data in providing the Jakarta Demographic Dataset. Also for Dinas Kesehatan Provinsi DKI Jakarta which also provide me the actively updated COVID-19 data in Jakarta. Jakarta Smart City internal data team as well in providing the Jakarta geospatial data and sub-district cases & vaccination data.

Dive More deeply into the Project!

A concept that led to simplicity and minimalism is necessary to produce by maximizing the power of visualization. Furthermore, the dashboard in this project also utilizes the power of navigation which gives a feasibility to a user by just clicking the desired type of information instead of scrolling through a long one page for grasping different information.

One of my references in making the dashboard. Less scroll, Informative, and Maximize Visualization to self-communicate

The design of my dashboard is geared towards ease of use. Indeed, it is optimized to generate interactive graphs and offer clear explanations of the interface elements. The principal objective of such a design is to make any user perceive a sense of order within the page, thus facilitating its wide use and acceptance. The finalized dashboard itself consists of five main pages with four navigation buttons consisting of Cases, Testing, Vaccine, and Map for changing between pages.

Landing Page, Where It All Begins

This page will be the first page that appears and acts as a main navigator for the user. It is desired that through four “eye-catching” icons that represent the related information, the user will click it and directly move to the corresponding page. When the user wants to move away to another pages, the back button attached in several page will guide the user back to this page.

Easy right? Instead of doin a lot of scrolling, better set the navigation for feasibility.

The landing page or main menu of the dashboard purposed for users as a pages switching navigator

Furthermore, An aesthetic design is believed to be one of the key feature to increase the users interest. Hence, this landing page is already put into consideration through the size, color palette, icons, font selection, and other elements that can bring a positive vibe for a users first impression.

#1 Information Page: COVID-19 Cases

The first page of this dashboard informs the user regarding Jakarta COVID-19 trends. The interface itself clearly interpret the data into several elements of visualization that sequenced in Information tiles for showing the high priority categorical cases (Positive Cases, Deaths, Recovered, and Active Cases) that automatically updated every day and combined bar chart and line chart based on the priority categories to visualize the trend since the pandemic start until the recently updated time. Overall, this page combines monitoring and interactive visualization as well. The data timeline on this page is taken from 1 March 2020 until 30 May 2021. Information on the page will always refresh every day as long as the database is updated.

First Page of the Dashboard!

The Key Performance Indicator (KPI) plays a key role in giving actual information every day indicated by the arrow for the detailed percentage and amount of either increasing or decreasing from yesterday’s value. In addition, the two options are provided for users which are Total and New that respectively inform the accumulated trends since the pandemic began and the current day trends. As for the combined charts, the key information given is to provide the distinguished time series trend in actual value and weekly value corresponding to the chart legends. The detailed value will appear instantly as long the users hover over the chart.

Recapped until 25 May 2021, the trends still undergo an increase for the positive cases, deaths, and also the recovered. Meanwhile, the active cases decreasing a bit. However, the event of ‘mudik’ several weeks ago showed how it affects the increasing trend because of the challenges in crowd control faced by the official as the high enthusiasm from the citizen to return to their hometown.

#2 Page: COVID-19 Testing

The utilization of a pie chart and dual chart is considered to give legibility and gave a better representation of complex data. To avoid the abundant elements, each of the charts is set to be interactive in giving the information by hovering over the elements to display the quick view of data.

There are Ag-RDT (Antigen Rapid Diagnostic Test), Ab-RDT (Antibody Rapid Diagnostic Test), and PCR (Polymerase chain reaction) as the selected tests to be included in the dashboard. However, Jakarta currently prioritized the PCR tests as the official parameter in reporting the daily cases update due to its high accuracy.

Second page of the dashboard with some information about COVID-19 Testing

In accordance with all tests, the charts show the bar chart with a most updated positivity rate calculation and line chart that is distinguished based on the “cumulative value and daily value” and another related comparison. Move to the pie chart which gives detailed information about the negative and positive results in a total and daily trend. The section finally ended with the positivity rate summarization in a total trend along with the weekly trend.

In the PCR test section, the layout is not far different from the other tests. The key difference is just the information plotted and pie chart splitting based on people and specimen categories. Data timeline in this page is explained below (n.b Information in the page will always refreshed everyday as long as the database updated.)

Ab-RDT Data: 27 February 2020 until Today (Last updated 30 May 2021). Ag-RDT Data: 01 January 2021 until Today (Last updated 30 May 2021). PCR Data: 29 February 2020 until Today (Last updated 30 May 2021).

#3 Page: Vaccination

In-depth information about the trend of the cases may lead to an increasing feeling of anxiety among people, therefore it’s wise to also include the data that can give citizens a bit sense of relief. Moreover, the vaccination progress in Jakarta runs at a high pace. So, displaying the daily progress of vaccination will be in line with users who wish for a speedy recovery from the current pandemic.

Third page of the dashboard which inform about the vaccination progress in Jakarta

On type of information priority, the data in this page are sequenced in:

(1) Color distinguished horizontal stacked bar chart combined with value amount label which informed us about how much each prioritized people already undergo a vaccination. Prioritized people include (1) Health workers (Tenaga Kesehatan), (2) Public Servants (Pelayan Publik), and (3) Elderly (Orang Tua).

(2) Text tiles that give us a summarization of vaccination targets, total vaccine administered and percentage progress in each people category.

(3) Stacked bar chart combining first dose administered and second dose administered in a time series trend.

Reminding about the concept, the user interaction through hovering the visualization is available, while the data used in this page is from 5 March — 30 May 2021.

It appears that the vaccination progress in Jakarta is near close to achieve the target for the first dose administration. However, the second dose or the target for fully vaccinated is still progressing as far as 59,09% per 30 May 2021.

#4 Page: Sub-district Trend (Cases and Vaccine)

Although the data used in this page has a limited timeline, it’s still given a novelty for us to refer to this part as the initial framework about interlinking between map and information can give us, specifically about area-based vaccination.

Corresponding data in this page is limited due to the data gathering from JSC Internal Data for detailed sub-district cases still in the early phase and still on-going. Hence, based on the availability, the timeline is set from 14 March 2021 until 25 April 2021.

Geospatial map and line charts are the key elements to visualize the distribution trend. The map itself was specific to Jakarta administrative boundaries map that consists of sub-district border as well as village border with the total population of each area that also included.

Last page of the dashboard which giving an information about Cases and Vaccination trend in Sub-district level

The first appearance will be giving a color difference between sub-district boundaries, indicating the amount of vaccination given in regard to the assembled date. Darker color represents the higher amount of vaccine distribution and vice versa.

Aside from the map, there are two time series charts that represent the positive cases & deaths trend in the chosen area as well as the vaccination trend. The mechanism of this page itself is very interactive that once user clicks the desired sub-district, the line charts in the right will simultaneously follow the trend in selected area.

What if you confused in finding your desired sub-district? don’t worry, this page also include the filter button that allows you to find the sub-district or even wondering about the other sub-district trend of your choice. Moreover, you can filter the date to know the specific progress compared with its population and with the conjunction to the exact selected date.

And to overcome our limitation of data source, I also add the forecast line which foresight the vaccination progress in one month ahead.

Conclusion

Answering the mentioned arising challenge, We can imply that

The minimalist design and not overloaded with an abundant visualization in one object is the dominant part. Also, this dashboard utilizes the navigation button to switch between pages to minimize the user scrolling too much and leading to confused users in grasping information. In addition, the visuals themselves can self-communicating with the information itself via responsive tooltip through hovering action. Regarding the last page itself which focusing on sub-district vaccination and cases, the information on this page is good enough in enabling scientists or decision-makers to consult and, ultimately, expose correlations in specific situations, especially in deciding vaccination distribution along specific area based on each sub-district trends in accordance with third phase of vaccination.

In addition, to give the overview of the dashboard looks if all the pages compiled, you can access my Tableau Public dashboard and feel free to click, click, click, as long as you want. In case you all have any critics, suggestion, or a feedback, please do reach me through LinkedIn and deliver your feedback for further update materials. Thank you!