This is a pivot chart in D3.js to visualize data from the top 1,000 male and female athletes in the 2015 CrossFit Open. You can view statistics on workouts and lifts by groups of athletes based on attributes like height, weight, age, region, or 2015 CrossFit Open rank. Using the controls on the right side, you can modify what data is displayed. The control panel is scrollable. Scroll down to access the Metric
and Filters
. Other controls are hidden in dropdown menus like Zoom
options and Order
of the groups.
Groups
refer to how many bars there are. There will be a bar for each possible combination from the groups selected. Value
and Metric
determine the height of the bars. If Sum
is seleted as a metric, bars can be stacked. Filters
exclude data if you find there are too many groups or you want to focus on a particular subset of athletes. For instance, you may only want to look at female athletes or athletes ranked in the top 100. The group Order
can be changed by dragging and dropping the Order
list. If you exchange Gender and Age Group, the bars will be ordered by Age Group with female and male side-by-side. Mouseover the bars to see a tooltip for more detailed information about the group like the number of athletes in the group.
For zooming, you may find you want only zoom on a particular axis. Expand the zoom menu by clicking on zoom and check or uncheck the appropriate boxes. You can reset the zoom by clicking the Reset Zoom
button.
Here's a blog post showing some examples on how this chart can be used: http://www.phillypham.com/CrossFit%20and%20Pivot%20Charts. Data was obtained from http://games.crossfit.com/. I have no idea how reliable it is. In particular, a lot of the Sprint 400m amd Run 5k data seem inaccurate.