A few days ago, the viz of the day on 11/22/2016 shows the bike usage in Philadelphia. Very nicely designed with a combination of route map, top 10 routes per bike station and daily usage heat maps.
The little things I would like to tweak are as follows. The main idea here is to create consistency across different views, so that we can compare things under the equal conditions or relate one view with another easily.
1. Keeping the map view consistent
The map view may vary greatly when clicking on the top 10 route bars.
The single dot means it is a round trip where starting and ending stations are the same one.
To fix this, go to desktop menu: Map > Map Options. Just change the map option from "Automatic" to either "Metric" or "U.S.". The other map options don't seem very useful in this viz. They can be turned off or left alone.
Now we can set the map view to be a fixed city map, where we can see the relative location of the routes.
2.Keeping the line size consistent
The route line width is sized according to the usage. The size range changes according to the starting bike station. Personally I feel that using a global size range will allow us to compare the bike usage between different routes regardless of starting points.
This is how I chose to use a fixed size range:
There are a few usage numbers larger than 1000. So the largest size is for usage >=1000
3.Keeping the color palette consistent
This is an effort to create a common palette between the top 10 routes bar chart and route map. This allows us to easily identify the same route across the two charts. Note that the data ranges are different in these two charts. To force a common palette, we need to use a fixed lower bound. The upper bound is always the same.
Other tweaks include:
4.Showing dots at both starting and ending bike stations
It's a line chart option to add a dot at a data point.
5.Highlighting routes using action filter
This allows us to view the top 10 routes quickly by hovering mouse over the bar chart.
This concludes the tweaks of this viz. It's intended to share some of my design ideas. See you next time.
The tweaked version can be accessed from here.
-
[Had a great Tableau Conference in Austin Texas last week! Met great people. Learned a bunch. Now back to work.]
A dashboard on French election has won the viz of the day on 11/16/2016. It is quite simple but rich in information. It shows quite well the social media usage and the main topics of interest in their campaigns by the front runners.
I found some places in the viz that I may want to tweak. But the workbook was not downloadable. I asked the author Jade Le Van for the workbook and she gracefully enabled it for download.In the original design, one can click on the bar chart and view the tweeting frequency along the time axis by each candidate. However the bar chart is shrunken to make room for the tweeting frequency view.The design is based on a flat 2-D canvas. Then when the frequency chart expands, the bar chart got shrunken and become hard to read. The consistency of the bar chart is lost.
Actually, we can design the dashboard in a 3-D space. That is, we can create layers of charts floating on top of each other, so that we are not constrained by a 2-D canvas. The floating charts show up only when evoked. Otherwise, they remain transparent and unintrusive to the viewers at all. The canvas is 3-D where we can float charts over charts. So, the canvas is flat only when we think it is flat. It can have a new dimension if we change our thought.
In my tweak, I added two floating charts, or precisely two floating (vertical) containers. The containers become transparent if their content is null.
1.Floating container for the frequency chart
- First, let's float a vertical container at the top of the existing dashboard. Then drag the "Fréquence des Tweets" chart (as a tiled object) and drop it into the container.
- Then set up the same action filter with the options "Select" and "Exclude all values when clearing all the selections". When clicking on a bar, the corresponding frequency chart will show up on top.
2.Floating container for the tweet list
In the original circles chart, each circle represents a tweet. The text of each tweet is shown in the tooltip. However, there are too many circles overlapping each other. My tweak is as follows:
- Each circle will represent the tweets of a day. The size of the circle equals the number of tweets on that day.
- Create a sheet listing all the tweets.
- Float a vertical container and drag the tweet list sheet into it (as a tiled object)
- Set up an action filter that will pop up the corresponding tweets when clicking on a circle.
- Set up a URL action that will go to the tweet page when clicking a tweet.
This completes my tweak of the day. To access the workbook, click the above picture.
In conclusion, we can use floating charts for drilldown or for alternative views. Instead of a flat canvas, we can float charts over each other to design interactive dashboards that meet our imagination. Thanks for the feedback on the design by Jade Le Van.2View comments
Add a comment