Radar Around the Clock
by Jon Peltier
Tuesday, August 19th, 2008
Peltier Technical Services, Inc., Copyright © 2010.
Licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.
In Plot your data around the clock, Chandoo proposed a complicated bubble chart to show website traffic vs. time of day.

I thought it was daring of Chandoo to try such a unique treatment of the data, but I found the bubbles difficult to interpret, and it was distracting that I had to look from chart to chart to try to see the whole picture. My complete review of Chandoo’s chart is in Rock Around The Clock.
Jorge Camoes has chimed in with a radar chart solution in Charting around the clock.

Jorge’s chart prevented the side to side motion needed to see the entire picture, but it does not show where the lines join to make a 24-hour record of the data.
Note: This chart is a novelty, and is not as good at representing the data clearly as a line chart would be. It’s really only effective at showing the difference between pairs of points 12 hours apart, the AM and PM values. This chart type cannot effectively show trends or compare values an hour or more apart. For effective data presentation, stick to line charts.
I created my own 12-hour circular graphic, which addresses my conceptual problems with the charts shown thus far. It’s actually a combination radar-XY chart, using the radar to reproduce Jorge’s nice Roman-numeral clock face, and the XY series uses Chandoo’s trig algorithms to locate the actual data.

I presented this Radar-XY combination chart in Rock Around The Clock, and in Radar-XY Combination Chart I showed how I made it. This post has instructions for an easier technique that I discovered while writing up that post. There are two versions: a simple version with the same formatting for daytime and nighttime data, and a more detailed version with different formatting for daytime and nighttime data.
Simple One-Format Radar Chart
The simple chart displays all data in a single format.

The data for the simple chart has four columns of data, with each column containing data for a six-hour period.

The four six-hour periods, depicted below, are 12 PM to 6 PM, 6 PM to 12 AM, 12 AM to 6 AM, and 6 AM to 12 PM:


To create the chart, select the entire range A1:E13, and create a radar chart. The chart has four series which all together form a 24-hour cycle.

Simply format all series the same to obtain the single-format chart.
Detailed Day and Night Formatted Chart
This chart displays all data in two formats, one for each half of the day.

The data for the simple chart has four columns of data, with each column containing data for part of a 12-hour period. To fine tune the transitions from one format to the other, adjust how much data is contained in each column.

The four six-hour periods, depicted below, are Afternoon, Evening, Night, and Morning:


To create the chart, select the entire range A1:E13, and create a radar chart. The chart has four series which all together form a 24-hour cycle.

Simply format all series into two formats to obtain the desired chart. The chart above formats Morning and Afternoon as “Daytime” and Evening and Night as “Nighttime”.
Download RadarAroundTheClock.zip to see a workbook with sample data and charts.
Related Posts:
- Rock Around The Clock
- Radar-XY Combination Chart
- Radar Charts are Ineffective
- Spider Chart Alternatives
- Hide Your Data in an Interactive Onion Chart
- Chandoos’ 6 Favorite Charts
- Deceptive Decline in Interest Rates
- Wired’s Weird Graphics Department
- Leave the Donuts for the Cops, and Stick with the Bars
- Hide Series Data Label if Value is Zero
Posted: Tuesday, August 19th, 2008 under Chart Types.
Comments: none



















Write a comment
I welcome comments from my readers. If you have an opinion on this post, if you have a question or if there is anything to add, I want to hear from you. Whether you agree or disagree, please join the discussion.
If you want to include an image in your comment, post it on your own site or on one of the many free image sharing sites, and include a link in your comment. I'll download your image and insert the necessary html to display the image inline.
Read the PTS Blog Comment Policy.