DataViz Makeover 2

In this article, we will explore different perspectives and approaches to design more truthful and enlightening data visualization to reveal inter- and intra-zonal public bus flows in Singapore in Jan 2022

Min Xiaoqi https://www.linkedin.com/in/xiaoqi-min/ (Master of IT in Business, Singapore Management University)https://scis.smu.edu.sg/master-it-business/financial-technology-and-analytics-track
2022-03-27

1. Original Visualization

The data visualisation above is created by the following 2 datasets:

2. Critique of original visualization

2.1 Clarity

2.2 Aesthetics

2.3 Interactivity

3. Proposed design

3.1 Design sketch

3.2 Advantages of proposed design

4. Data visualization steps

4.1 Data preparation

Step Description Screenshot
1 Open Tableau Desktop, drag and drop ’origin_destination_bus__SZ_202201.csv’ and ‘MP14_SUBZONE_WEB_PL.shp’ into the workbook pane
2 Drag ‘MP14_SUBZONE_WEB_PL.shp’ under “Files” to the right working pane to connect with the ’origin_destination_bus__SZ_202201.csv’. Then configure the relation between ‘MP14_SUBZONE_WEB_PL’ and ’origin_destination_bus__SZ_202201’ by selecting ‘Origin Sz’ ‘Destination Sz’ columns from ’origin_destination_bus__SZ_202201’ and ‘Subzone N’ column from ‘MP14_SUBZONE_WEB_PL’.
3 At the right top corner of “Data Source” page, click “Add” to create 2 data filters: ‘Destination Sz’ and ‘Origin Sz’. For each filter edition, uncheck “Null” to exclude all the blank values in the dataset.
4 Under the columns of ’origin_destination_bus__SZ_202201’, double click on “Time Per Hour” “Origin Sz” and “Destination Sz” respectively and change them to “Time(24h)”, “Origin Subzone” and “Destination Subzone”.
5 Create a new worksheet, name it “map”, on the left side “Data” panel, right click on “Time(24)” and choose “Convert to Dimesion”

4.2 Data visualization

4.2.1 Plotting map

Step Description Screenshot
1 On the “map” worksheet, drag and drop “Geometry” under “Tables” on the Data panel to the working pane to show the Singapore map, “Longtitude(generated)” and “Latitude(generated)” will automatically be on the “Columns” and “Rows” shelf on top. Next, drag “Total Trips” to “Color”, and “Destination Subzone” and “Origin Subzone” both to “Detail” under “Marks” shelf
2 Drag and drop “Origin Subzone” to “Filters” shelf, select all the subzones then click “Ok”. Click on the dropdown for “Orgin Subzone” and select “Show Filter”. Lastly, on the right side pane of the worksheet, select the dropdown for “Orgin Subzone” and choose “Single Value(list)”
3 Under “Marks” shelf, click on “Color” to “Edit Colors”, select “Blue” under “Palette” dropdown list and click “ok”
4 Double click on the worksheet title to “Edit Title”, change the font, font size and font color

4.2.2 Plotting line charts

Step Description Screenshot
1 Create a new worksheet named “Origin”. Drag and drop “Day Type” into “Color” and “Origin Subzone” into “Detail” under Marks shelf. Drag and drop “Time(24h)” to “Columns” shelf and 2 times “Total Trips” to “Rows” shelf to create the bar chart
2 Drag and drop “Origin Subzone” and into “Filters” shelf and select “All” under respective filters. For “Origin Subzone”, click on the dropdown and select “Show Filter”, then go the right-side panel, click on the dropdown for “Origin Subzone” and select “Single Value (list)”
3 Double click on the worksheet title to “Edit Title”, change the font, font size and font color. Click on “Insert” and select “Origin Subzone” to the text body so that subzone name will change according to filter selection
4 For the second “SUM(Total Trips)” click on the dropdown and select “Dual Axis”
5 double click on each of the sum variable and change the condition as shown to create charts for weekday and weekends/holiday respectively
6 on the “Marks” shelf, choose “Line” for each of the charts
7 for each of the axis, right click and select “Add Reference Line”
8 for each axis, add an average line and change the formatting of the lines as shown
9 for each axis, rename them according to day type
10 on the right y-axis, right click and choose “Synchronize Axis”
11 click on “Tooltip” under “Marks“ to edit the tool tip titles, change calculation field names to”Total Trips”
12 At the bottom of the working pane, Ctrl select “Origin” sheet and click on “Duplicate” to create another worksheet named “Destination”, then click on the title to edit the title by clicking “Insert” >”Destination Subzone”
13 Drag and drop “Destination Subzone” into “Filters” shelf and select “. Then click on the dropdown and select “Show Filter”, then go the right-side panel, click on the dropdown for “Destination Subzone” and select “Single Value (list)”

4.2.3 Plotting bar charts

Step Description Screenshot
1 Create a new worksheet named “Origin(2)”. Drag and drop “Day Type” into “Color” and “Origin Subzone” into “Detail” under Marks shelf. Drag and drop “Time(24h)” to “Columns” shelf and “Total Trips” to “Rows” shelf to create the bar chart
2 Drag and drop “Origin Subzone” and “Origin Region” into “Filters” shelf and select “All” under respective filters. For “Origin Subzone”, click on the respective dropdown and select “Show Filter”, then go the right-side panel, click on the dropdown for “Origin Subzone” and select “Single Value (list)”
3 Double click on the worksheet title to “Edit Title”, change the font, font size and font color. Click on “Insert” and select “Origin Subzone” to the text body so that subzone name will change according to filter selection
4 At the bottom of the working pane, Ctrl select “Origin(2)” sheet and click on “Duplicate” to create another worksheet named “Destination(2)”, then click on the title to edit the title by clicking “Insert” >”Destination Subzone”
5 Drag and drop “Destination Subzone” into “Filters” shelf and select “. Then click on the dropdown and select “Show Filter”, then go the right-side panel, click on the dropdown for “Destination Subzone” and select “Single Value (list)”

4.2.4 Plotting adjacency matrix

Step Description Screenshot
1 Create a new worksheet named “adjacency”, drag and drop “Origin Region” and “Origin Subzone” under “Rows”, “Destination Region” and “Destination Subzone” under “Columns”, and “Total Trips” into “Color” under “Marks” shelf to generate the adjacency matrix.
2 Drag and drop “Origin Region” under “Filters” shelf, select “All” and click on the dropdown arrow to select “Show Filter”. Repeat for “Destination Region” and “Day Type”
3 Under “Marks” shelf, click on “Color” to “Edit Colors”, select “Blue” under “Palette” dropdown list and click “ok”
4 Double click on the worksheet title to “Edit Title”, change the font, font size and font color.
5 Right click on the y axis and select “Rotate Label”, the right click again to deselect “Show Header” to hide all the overlapping labels
6 On the top of the working panel, click on the dropdown list to select the “Entire View” for the adjacency matrix
7 At the bottom of the working pane, Ctrl select both “Origin” and “Destination”, right click and select “Duplicate” to create another 2 worksheets that will be used for dashboard tooltips.
8 In the “adjacency” worksheet, select “Tooltip” under “Marks” shelf, edit the text body as shown in the screenshot. For title names, choose the relative data field under “Insert” so that it will change according to filter selection. To include the bar charts of “Origin” and “Destination” in the tooltip, click “Insert” >”Sheets“ to select the respective Sheets, which are “Origin(2)” and “Destination(2)”

4.2.5 Creating dashboard

Step Description Screenshot
1 Create a new dashboard from the bottom panel. Drag the respective worksheets from the “Sheets” shelf into the dashboard pane with the desired positions as shown
2 Arrange the filters and consolidate them to the bottom of the dashboard
3 For each filter, click on the dropdown selection, select “Multiple values (dropdown)” for “Origin Region”, “Destination Region” and “Day Type”, select “Single Value (dropdown)” for “Origin Subzone”
4 Drag and drop “Text” under “Objects” shelf to the dashboard pane, one at the top for dashboard header and one at the bottom for web links
5 For each of the textbox inserted, double click to “Edit Text” to include the necessary text body and change font size, font, and font color as shown
6 Under “Objects”, choose “Floating” then drag “Text” to the “Distribution Map” segment, double click on the text box to edit the text body
7 For “Origin Subzone” filter, click on the dropdown besides it and select “Floating” then place it inside the “Distribution Map”
Step Description Screenshot
1 Go to “map” worksheet, on the right panel click on the dropdown besides “Origin Subzone”, select “Apply to Worksheets”>”Selected Worksheets”. Then check “Origin” and “Destination” then click “Ok”, so that the filter for Origin and Destination barchart will be linked with the map
2 Go to the dashboard, click on the “Distribution Map”, choose the “Filter” icon on the right to set the map as a filter
3 On top of the working pane, click on “Dashboard” and select “Actions”. Under “Edit Filter Action”, check “map” for “Source Sheets”, check “map” and “destination” for “Target Sheets”

5. Conclusion and insights

5.1 Final data visualization

The final data visualization is shown below, it is also available at Tableau Public

5.2 Insights

There are significantly fewer bus trips from a subzone travelling to other subzones in another region. There are more inter-zonal interactions between bus trips from central region and North East region to the rest of the regions, but bus trips in other regions mainly interact within its own region.