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.
