An example using d3's partition layout to visualize the results from the 2013 Pikes Peak Road Runners Fall Series Race Series organized by age group. Tooltop info provided by d3-tip. Need to fix the tooltips still.
Click anywhere to zoom in. Click on the top bar to zoom out.
| { | |
| "race": "2013 Fall Series", | |
| "results": [ | |
| { | |
| "gender": "male", | |
| "results": [ | |
| { | |
| "ageGroup": "45-49", | |
| "runners": [ | |
| { | |
| "name": "Dan Vega", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 8488 | |
| }, | |
| { | |
| "name": "Tim Parker", | |
| "age": 46, | |
| "gender": "M", | |
| "city": "Peyton", | |
| "state": "CO", | |
| "time": 9752 | |
| }, | |
| { | |
| "name": "John Souders", | |
| "age": 49, | |
| "gender": "M", | |
| "city": "Castle Rock", | |
| "state": "CO", | |
| "time": 10152 | |
| }, | |
| { | |
| "name": "Michael Everson", | |
| "age": 49, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10167 | |
| }, | |
| { | |
| "name": "Stephen Smith", | |
| "age": 47, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10662 | |
| }, | |
| { | |
| "name": "Thomas Dinwoodie", | |
| "age": 48, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10699 | |
| }, | |
| { | |
| "name": "Daniel Jenkins", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Parker", | |
| "state": "CO", | |
| "time": 10866 | |
| }, | |
| { | |
| "name": "David Kronshage", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11328 | |
| }, | |
| { | |
| "name": "Todd Norman", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11456 | |
| }, | |
| { | |
| "name": "Gregory Beckum", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Divide", | |
| "state": "CO", | |
| "time": 11520 | |
| }, | |
| { | |
| "name": "Robert Linscheer", | |
| "age": 48, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11844 | |
| }, | |
| { | |
| "name": "Michael Boice", | |
| "age": 49, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11956 | |
| }, | |
| { | |
| "name": "Robert Lopez", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12746 | |
| }, | |
| { | |
| "name": "Curt Hasling", | |
| "age": 49, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12976 | |
| }, | |
| { | |
| "name": "Bren Triplett", | |
| "age": 49, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13514 | |
| }, | |
| { | |
| "name": "Ed Gritters", | |
| "age": 49, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13984 | |
| }, | |
| { | |
| "name": "Scott Brooks", | |
| "age": 48, | |
| "gender": "M", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 14136 | |
| }, | |
| { | |
| "name": "Steve Hybki", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Castle Rock", | |
| "state": "CO", | |
| "time": 14359 | |
| }, | |
| { | |
| "name": "Jeff Icke", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Monument", | |
| "state": "CO", | |
| "time": 14574 | |
| }, | |
| { | |
| "name": "Fred Walker", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14587 | |
| }, | |
| { | |
| "name": "Julio Narvaez", | |
| "age": 46, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14714 | |
| }, | |
| { | |
| "name": "Lyle Arnold", | |
| "age": 48, | |
| "gender": "M", | |
| "city": "Peyton", | |
| "state": "CO", | |
| "time": 14853 | |
| }, | |
| { | |
| "name": "Scot Raffelson", | |
| "age": 45, | |
| "gender": "M", | |
| "city": "Falcon", | |
| "state": "CO", | |
| "time": 15783 | |
| }, | |
| { | |
| "name": "Jeff Gallup", | |
| "age": 48, | |
| "gender": "M", | |
| "city": "Woodland Park", | |
| "state": "CO", | |
| "time": 16686 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "35-39", | |
| "runners": [ | |
| { | |
| "name": "Paul Mann", | |
| "age": 35, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9099 | |
| }, | |
| { | |
| "name": "Kevin Noleen", | |
| "age": 36, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9641 | |
| }, | |
| { | |
| "name": "Travis Tabares", | |
| "age": 35, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9781 | |
| }, | |
| { | |
| "name": "Adam Kujat", | |
| "age": 38, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10063 | |
| }, | |
| { | |
| "name": "Jeremy Joiner", | |
| "age": 39, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10456 | |
| }, | |
| { | |
| "name": "Richard Harper", | |
| "age": 37, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10703 | |
| }, | |
| { | |
| "name": "Andy Shawver", | |
| "age": 38, | |
| "gender": "M", | |
| "city": "Colorado Spgs", | |
| "state": "CO", | |
| "time": 10750 | |
| }, | |
| { | |
| "name": "Michael Stanley", | |
| "age": 35, | |
| "gender": "M", | |
| "city": "Centennial", | |
| "state": "CO", | |
| "time": 10835 | |
| }, | |
| { | |
| "name": "Jeremy Grant", | |
| "age": 38, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12159 | |
| }, | |
| { | |
| "name": "Chris Estep", | |
| "age": 38, | |
| "gender": "M", | |
| "city": "Woodland Park", | |
| "state": "CO", | |
| "time": 12693 | |
| }, | |
| { | |
| "name": "Michael Wilshusen", | |
| "age": 37, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13298 | |
| }, | |
| { | |
| "name": "Matthew Tracy", | |
| "age": 39, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13517 | |
| }, | |
| { | |
| "name": "Justin Joffrion", | |
| "age": 36, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14151 | |
| }, | |
| { | |
| "name": "Hal Meyer", | |
| "age": 35, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 17950 | |
| }, | |
| { | |
| "name": "Timothy Lambott", | |
| "age": 36, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 18495 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "75-79", | |
| "runners": [ | |
| { | |
| "name": "Fred Wright", | |
| "age": 79, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 17366 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "20-24", | |
| "runners": [ | |
| { | |
| "name": "Thomas Hanchar", | |
| "age": 23, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12498 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "15-19", | |
| "runners": [ | |
| { | |
| "name": "Mathew Robinson", | |
| "age": 18, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12214 | |
| }, | |
| { | |
| "name": "Jack Icke", | |
| "age": 15, | |
| "gender": "M", | |
| "city": "Monument", | |
| "state": "CO", | |
| "time": 12247 | |
| }, | |
| { | |
| "name": "Vincent Boice", | |
| "age": 17, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12721 | |
| }, | |
| { | |
| "name": "Jacob Paul", | |
| "age": 15, | |
| "gender": "M", | |
| "city": "Woodland Park", | |
| "state": "CO", | |
| "time": 13550 | |
| }, | |
| { | |
| "name": "Connor McNeil", | |
| "age": 15, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14463 | |
| }, | |
| { | |
| "name": "Aaron Baker", | |
| "age": 15, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 18449 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "1-9", | |
| "runners": [ | |
| { | |
| "name": "Joshua Kates", | |
| "age": 9, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13520 | |
| }, | |
| { | |
| "name": "Brady Lambott", | |
| "age": 8, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16805 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "25-29", | |
| "runners": [ | |
| { | |
| "name": "Alex Nichols", | |
| "age": 28, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 7662 | |
| }, | |
| { | |
| "name": "Carlos Ruibal", | |
| "age": 26, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 8154 | |
| }, | |
| { | |
| "name": "Ryan Inman", | |
| "age": 28, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 8926 | |
| }, | |
| { | |
| "name": "Brian Zakavec", | |
| "age": 29, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9105 | |
| }, | |
| { | |
| "name": "Kyle Hills", | |
| "age": 26, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9494 | |
| }, | |
| { | |
| "name": "Tyler King", | |
| "age": 28, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9634 | |
| }, | |
| { | |
| "name": "Garrett Bevans", | |
| "age": 27, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9734 | |
| }, | |
| { | |
| "name": "Allen Browne", | |
| "age": 26, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9800 | |
| }, | |
| { | |
| "name": "Jacob Frame", | |
| "age": 25, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10146 | |
| }, | |
| { | |
| "name": "Stephen Parnell", | |
| "age": 29, | |
| "gender": "M", | |
| "city": "Monument", | |
| "state": "CO", | |
| "time": 10758 | |
| }, | |
| { | |
| "name": "Joseph Cote", | |
| "age": 29, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11674 | |
| }, | |
| { | |
| "name": "Brenden Neville", | |
| "age": 25, | |
| "gender": "M", | |
| "city": "Boulder", | |
| "state": "CO", | |
| "time": 12488 | |
| }, | |
| { | |
| "name": "Glenn Xavier", | |
| "age": 29, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13508 | |
| }, | |
| { | |
| "name": "Tony Flesor", | |
| "age": 27, | |
| "gender": "M", | |
| "city": "Denver", | |
| "state": "CO", | |
| "time": 13921 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "30-34", | |
| "runners": [ | |
| { | |
| "name": "Peter Maksimow", | |
| "age": 34, | |
| "gender": "M", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 7984 | |
| }, | |
| { | |
| "name": "Tom Caughlan", | |
| "age": 34, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9214 | |
| }, | |
| { | |
| "name": "James Kaminski", | |
| "age": 31, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10103 | |
| }, | |
| { | |
| "name": "Brian Best", | |
| "age": 30, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10429 | |
| }, | |
| { | |
| "name": "Matt Zehner", | |
| "age": 32, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10571 | |
| }, | |
| { | |
| "name": "Jason R Morgan", | |
| "age": 34, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11100 | |
| }, | |
| { | |
| "name": "Nathan Every", | |
| "age": 30, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12064 | |
| }, | |
| { | |
| "name": "Joshua Thomas", | |
| "age": 31, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12292 | |
| }, | |
| { | |
| "name": "Matthew Richardson", | |
| "age": 31, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12382 | |
| }, | |
| { | |
| "name": "Brent Baldwin", | |
| "age": 33, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12618 | |
| }, | |
| { | |
| "name": "Cameron Shropshire", | |
| "age": 32, | |
| "gender": "M", | |
| "city": "Littleton", | |
| "state": "CO", | |
| "time": 12992 | |
| }, | |
| { | |
| "name": "Keith Blessing", | |
| "age": 33, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12996 | |
| }, | |
| { | |
| "name": "Eutimio Vega", | |
| "age": 32, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14301 | |
| }, | |
| { | |
| "name": "Josh Lewis", | |
| "age": 32, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14384 | |
| }, | |
| { | |
| "name": "Matt Baker", | |
| "age": 31, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15699 | |
| }, | |
| { | |
| "name": "Luke Taylor", | |
| "age": 32, | |
| "gender": "M", | |
| "city": "Peyton", | |
| "state": "CO", | |
| "time": 16342 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "10-14", | |
| "runners": [ | |
| { | |
| "name": "Jason Haller", | |
| "age": 12, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13829 | |
| }, | |
| { | |
| "name": "Ben Kisley", | |
| "age": 14, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14555 | |
| }, | |
| { | |
| "name": "Richie Canedo", | |
| "age": 14, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16001 | |
| }, | |
| { | |
| "name": "Logan Meyer", | |
| "age": 10, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 17953 | |
| }, | |
| { | |
| "name": "Tyler Lambott", | |
| "age": 11, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 18399 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "50-54", | |
| "runners": [ | |
| { | |
| "name": "Bryan Willis", | |
| "age": 53, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10437 | |
| }, | |
| { | |
| "name": "David Sparks", | |
| "age": 51, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10784 | |
| }, | |
| { | |
| "name": "Michael Guenther", | |
| "age": 52, | |
| "gender": "M", | |
| "city": "Monument", | |
| "state": "CO", | |
| "time": 10858 | |
| }, | |
| { | |
| "name": "Robert Spell", | |
| "age": 51, | |
| "gender": "M", | |
| "city": "Denver", | |
| "state": "CO", | |
| "time": 11972 | |
| }, | |
| { | |
| "name": "Peter Tonsits", | |
| "age": 51, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12105 | |
| }, | |
| { | |
| "name": "Bill Giebel", | |
| "age": 54, | |
| "gender": "M", | |
| "city": "Pueblo", | |
| "state": "CO", | |
| "time": 13057 | |
| }, | |
| { | |
| "name": "Rich Canedo", | |
| "age": 50, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13407 | |
| }, | |
| { | |
| "name": "Robert Holsworth", | |
| "age": 52, | |
| "gender": "M", | |
| "city": "Peyton", | |
| "state": "CO", | |
| "time": 14931 | |
| }, | |
| { | |
| "name": "Mark Roscoe", | |
| "age": 53, | |
| "gender": "M", | |
| "city": "Elbert", | |
| "state": "CO", | |
| "time": 15644 | |
| }, | |
| { | |
| "name": "Richard Emond", | |
| "age": 51, | |
| "gender": "M", | |
| "city": "Canon City", | |
| "state": "CO", | |
| "time": 26892 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "65-69", | |
| "runners": [ | |
| { | |
| "name": "Stephen Sager", | |
| "age": 66, | |
| "gender": "M", | |
| "city": "Colorado Spgs", | |
| "state": "CO", | |
| "time": 12851 | |
| }, | |
| { | |
| "name": "Darrell Weaver", | |
| "age": 67, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13173 | |
| }, | |
| { | |
| "name": "Jim Beckenhaupt", | |
| "age": 66, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14656 | |
| }, | |
| { | |
| "name": "David North", | |
| "age": 69, | |
| "gender": "M", | |
| "city": "Denver", | |
| "state": "CO", | |
| "time": 19622 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "70-74", | |
| "runners": [ | |
| { | |
| "name": "Jim Umphrey", | |
| "age": 74, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14358 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "40-44", | |
| "runners": [ | |
| { | |
| "name": "Gerald Romero", | |
| "age": 42, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 8793 | |
| }, | |
| { | |
| "name": "Duane Roberson", | |
| "age": 41, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9057 | |
| }, | |
| { | |
| "name": "Nathaniel Kisergreen", | |
| "age": 43, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9843 | |
| }, | |
| { | |
| "name": "Paul Doyle", | |
| "age": 44, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9965 | |
| }, | |
| { | |
| "name": "Paul Wakino", | |
| "age": 40, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10276 | |
| }, | |
| { | |
| "name": "Clay Enoch", | |
| "age": 40, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10409 | |
| }, | |
| { | |
| "name": "Michael Teger", | |
| "age": 44, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10416 | |
| }, | |
| { | |
| "name": "Bret White", | |
| "age": 44, | |
| "gender": "M", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 10455 | |
| }, | |
| { | |
| "name": "Kris Kuckenbaker", | |
| "age": 41, | |
| "gender": "M", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 11145 | |
| }, | |
| { | |
| "name": "Marc Pevoteaux", | |
| "age": 40, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11183 | |
| }, | |
| { | |
| "name": "John Hilyard", | |
| "age": 44, | |
| "gender": "M", | |
| "city": "Woodland Park", | |
| "state": "CO", | |
| "time": 11451 | |
| }, | |
| { | |
| "name": "Lee Linnenburger", | |
| "age": 43, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11681 | |
| }, | |
| { | |
| "name": "Blaine Miller", | |
| "age": 40, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12252 | |
| }, | |
| { | |
| "name": "Jim Kelly", | |
| "age": 43, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13777 | |
| }, | |
| { | |
| "name": "Christopher Holly", | |
| "age": 44, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15457 | |
| }, | |
| { | |
| "name": "Brian Landis", | |
| "age": 41, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16432 | |
| }, | |
| { | |
| "name": "Dennis Stalnaker", | |
| "age": 40, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 17227 | |
| }, | |
| { | |
| "name": "James Ferrenberg", | |
| "age": 42, | |
| "gender": "M", | |
| "city": "Peyton", | |
| "state": "CO", | |
| "time": 17780 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "55-59", | |
| "runners": [ | |
| { | |
| "name": "Carl Schueler", | |
| "age": 57, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10797 | |
| }, | |
| { | |
| "name": "Jim English", | |
| "age": 59, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11135 | |
| }, | |
| { | |
| "name": "Eric Thomas", | |
| "age": 58, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11198 | |
| }, | |
| { | |
| "name": "Damian Lucero", | |
| "age": 56, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12980 | |
| }, | |
| { | |
| "name": "Jim Newton", | |
| "age": 56, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13893 | |
| }, | |
| { | |
| "name": "Francis Xavier", | |
| "age": 58, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13918 | |
| }, | |
| { | |
| "name": "Steven Kidd", | |
| "age": 58, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14894 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "60-64", | |
| "runners": [ | |
| { | |
| "name": "Richard Park", | |
| "age": 60, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11177 | |
| }, | |
| { | |
| "name": "Michael Schenk", | |
| "age": 60, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11343 | |
| }, | |
| { | |
| "name": "Corbin Hillam", | |
| "age": 61, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13626 | |
| }, | |
| { | |
| "name": "Marcus Beyerle", | |
| "age": 61, | |
| "gender": "M", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13972 | |
| } | |
| ] | |
| } | |
| ] | |
| }, | |
| { | |
| "gender": "female", | |
| "results": [ | |
| { | |
| "ageGroup": "45-49", | |
| "runners": [ | |
| { | |
| "name": "Chris Florek", | |
| "age": 45, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12792 | |
| }, | |
| { | |
| "name": "Kimberly Helgerson", | |
| "age": 47, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13964 | |
| }, | |
| { | |
| "name": "Terri McPherson", | |
| "age": 48, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14752 | |
| }, | |
| { | |
| "name": "Lynn Henderson", | |
| "age": 48, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14836 | |
| }, | |
| { | |
| "name": "Jennifer Robertson", | |
| "age": 49, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14850 | |
| }, | |
| { | |
| "name": "Debbie Embaugh", | |
| "age": 48, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14914 | |
| }, | |
| { | |
| "name": "Stephanie Atencio", | |
| "age": 45, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15899 | |
| }, | |
| { | |
| "name": "Cheryl Brooks", | |
| "age": 47, | |
| "gender": "F", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 15941 | |
| }, | |
| { | |
| "name": "Karen Wasseraman", | |
| "age": 48, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16163 | |
| }, | |
| { | |
| "name": "Patti Rose", | |
| "age": 46, | |
| "gender": "F", | |
| "city": "Calhan", | |
| "state": "CO", | |
| "time": 16560 | |
| }, | |
| { | |
| "name": "Kimberly Lindsay", | |
| "age": 47, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 19278 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "35-39", | |
| "runners": [ | |
| { | |
| "name": "Leighann Lawrentz", | |
| "age": 39, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10618 | |
| }, | |
| { | |
| "name": "Kerry Dahlke", | |
| "age": 37, | |
| "gender": "F", | |
| "city": "Pueblo West", | |
| "state": "CO", | |
| "time": 11567 | |
| }, | |
| { | |
| "name": "Amanda Arthur-Stanley", | |
| "age": 35, | |
| "gender": "F", | |
| "city": "Centennial", | |
| "state": "CO", | |
| "time": 11585 | |
| }, | |
| { | |
| "name": "Melissa McMartin", | |
| "age": 35, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11829 | |
| }, | |
| { | |
| "name": "Amy Perez", | |
| "age": 38, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12313 | |
| }, | |
| { | |
| "name": "Teresa Mulholland", | |
| "age": 35, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12411 | |
| }, | |
| { | |
| "name": "Lindsay Cavner", | |
| "age": 38, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12871 | |
| }, | |
| { | |
| "name": "Annie Collopy", | |
| "age": 37, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13151 | |
| }, | |
| { | |
| "name": "Lisa Bejarano", | |
| "age": 35, | |
| "gender": "F", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 13240 | |
| }, | |
| { | |
| "name": "Narissa Aerstin", | |
| "age": 39, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13347 | |
| }, | |
| { | |
| "name": "Hannah Joiner", | |
| "age": 39, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14214 | |
| }, | |
| { | |
| "name": "Ryan Beridon", | |
| "age": 38, | |
| "gender": "F", | |
| "city": "Woodland Park", | |
| "state": "CO", | |
| "time": 14312 | |
| }, | |
| { | |
| "name": "Sara Wulfkuhle", | |
| "age": 38, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14560 | |
| }, | |
| { | |
| "name": "Lexi Aagesen", | |
| "age": 36, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15945 | |
| }, | |
| { | |
| "name": "Kirstin Graham", | |
| "age": 36, | |
| "gender": "F", | |
| "city": "Monument", | |
| "state": "CO", | |
| "time": 16414 | |
| }, | |
| { | |
| "name": "Heather Walma", | |
| "age": 37, | |
| "gender": "F", | |
| "city": "Woodland Park", | |
| "state": "CO", | |
| "time": 17560 | |
| }, | |
| { | |
| "name": "Martha Trevino", | |
| "age": 39, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 20917 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "20-24", | |
| "runners": [ | |
| { | |
| "name": "Maddy Schmid", | |
| "age": 23, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12609 | |
| }, | |
| { | |
| "name": "Ange Phillips", | |
| "age": 21, | |
| "gender": "F", | |
| "city": "Usaf Academy", | |
| "state": "CO", | |
| "time": 12885 | |
| }, | |
| { | |
| "name": "Kelly Neville", | |
| "age": 23, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13077 | |
| }, | |
| { | |
| "name": "Laura Duffy", | |
| "age": 21, | |
| "gender": "F", | |
| "city": "Usaf Academy", | |
| "state": "CO", | |
| "time": 15703 | |
| }, | |
| { | |
| "name": "Emily McBride", | |
| "age": 23, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16391 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "15-19", | |
| "runners": [ | |
| { | |
| "name": "Sydney Brooks", | |
| "age": 16, | |
| "gender": "F", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 15930 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "30-34", | |
| "runners": [ | |
| { | |
| "name": "Crystal Goecker", | |
| "age": 34, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 9909 | |
| }, | |
| { | |
| "name": "Elizabeth Schultz", | |
| "age": 33, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10011 | |
| }, | |
| { | |
| "name": "Amanda Ewing", | |
| "age": 32, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10149 | |
| }, | |
| { | |
| "name": "Amy Batson", | |
| "age": 30, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10288 | |
| }, | |
| { | |
| "name": "Marny Scalard", | |
| "age": 30, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10331 | |
| }, | |
| { | |
| "name": "Deborah Janssen", | |
| "age": 33, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11227 | |
| }, | |
| { | |
| "name": "Sheryle Miller", | |
| "age": 33, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11844 | |
| }, | |
| { | |
| "name": "Nicole Renaud", | |
| "age": 32, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12273 | |
| }, | |
| { | |
| "name": "Bobbi Kae Watt", | |
| "age": 34, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12697 | |
| }, | |
| { | |
| "name": "Melissa Heidel", | |
| "age": 31, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12759 | |
| }, | |
| { | |
| "name": "Nichole Lowe", | |
| "age": 33, | |
| "gender": "F", | |
| "city": "Cascade", | |
| "state": "CO", | |
| "time": 13428 | |
| }, | |
| { | |
| "name": "Nora Duane", | |
| "age": 34, | |
| "gender": "F", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 13688 | |
| }, | |
| { | |
| "name": "Kelly Haller", | |
| "age": 32, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14005 | |
| }, | |
| { | |
| "name": "Brenda Miller", | |
| "age": 34, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14556 | |
| }, | |
| { | |
| "name": "Kara Beiswanger", | |
| "age": 32, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15027 | |
| }, | |
| { | |
| "name": "Cerian Gibbes", | |
| "age": 31, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15043 | |
| }, | |
| { | |
| "name": "Kathy Landis", | |
| "age": 32, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15377 | |
| }, | |
| { | |
| "name": "Krista Heavner", | |
| "age": 34, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16248 | |
| }, | |
| { | |
| "name": "Sarah Estrada", | |
| "age": 34, | |
| "gender": "F", | |
| "city": "Fountain", | |
| "state": "CO", | |
| "time": 16408 | |
| }, | |
| { | |
| "name": "Allison Milam", | |
| "age": 30, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16491 | |
| }, | |
| { | |
| "name": "Merrisue Baldwin", | |
| "age": 33, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16569 | |
| }, | |
| { | |
| "name": "Patricia Lambott", | |
| "age": 31, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16787 | |
| }, | |
| { | |
| "name": "Brandy Maze", | |
| "age": 31, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 17453 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "25-29", | |
| "runners": [ | |
| { | |
| "name": "Christy Severy", | |
| "age": 26, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10510 | |
| }, | |
| { | |
| "name": "Sarah Brandt", | |
| "age": 27, | |
| "gender": "F", | |
| "city": "Denver", | |
| "state": "CO", | |
| "time": 11358 | |
| }, | |
| { | |
| "name": "Sarah Blakeslee", | |
| "age": 28, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11645 | |
| }, | |
| { | |
| "name": "Carolyn Atwood", | |
| "age": 27, | |
| "gender": "F", | |
| "city": "Manitou Springs", | |
| "state": "CO", | |
| "time": 12703 | |
| }, | |
| { | |
| "name": "Alicia Pino", | |
| "age": 26, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12906 | |
| }, | |
| { | |
| "name": "Tammy Adams", | |
| "age": 29, | |
| "gender": "F", | |
| "city": "Denver", | |
| "state": "CO", | |
| "time": 13228 | |
| }, | |
| { | |
| "name": "Laura Baker", | |
| "age": 29, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14765 | |
| }, | |
| { | |
| "name": "Rian Taylor", | |
| "age": 29, | |
| "gender": "F", | |
| "city": "Peyton", | |
| "state": "CO", | |
| "time": 15316 | |
| }, | |
| { | |
| "name": "Lindsay Parsons", | |
| "age": 29, | |
| "gender": "F", | |
| "city": "Boulder", | |
| "state": "CO", | |
| "time": 18266 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "50-54", | |
| "runners": [ | |
| { | |
| "name": "Sharon McDowell-Larsen", | |
| "age": 53, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11353 | |
| }, | |
| { | |
| "name": "Sharon Greenbaum", | |
| "age": 50, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12286 | |
| }, | |
| { | |
| "name": "Teri Harper", | |
| "age": 50, | |
| "gender": "F", | |
| "city": "Woodland Park", | |
| "state": "CO", | |
| "time": 12494 | |
| }, | |
| { | |
| "name": "Laurel Pedri", | |
| "age": 51, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12834 | |
| }, | |
| { | |
| "name": "Lori Hawkins", | |
| "age": 53, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14159 | |
| }, | |
| { | |
| "name": "Lori Wertheimer", | |
| "age": 50, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15789 | |
| }, | |
| { | |
| "name": "Rebecca Crabbs", | |
| "age": 51, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15919 | |
| }, | |
| { | |
| "name": "Susan Finke", | |
| "age": 52, | |
| "gender": "F", | |
| "city": "Monument", | |
| "state": "CO", | |
| "time": 17185 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "40-44", | |
| "runners": [ | |
| { | |
| "name": "Connilee Walter", | |
| "age": 40, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 10047 | |
| }, | |
| { | |
| "name": "Renee Renn", | |
| "age": 40, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11707 | |
| }, | |
| { | |
| "name": "Amelia Taylor", | |
| "age": 41, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11750 | |
| }, | |
| { | |
| "name": "Tina Cassens", | |
| "age": 44, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12090 | |
| }, | |
| { | |
| "name": "Audrey Hall", | |
| "age": 44, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12409 | |
| }, | |
| { | |
| "name": "Diane Heinz", | |
| "age": 43, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 12433 | |
| }, | |
| { | |
| "name": "Wendy Bulow", | |
| "age": 41, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 13254 | |
| }, | |
| { | |
| "name": "Dawn Henderson", | |
| "age": 40, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14336 | |
| }, | |
| { | |
| "name": "Vanessa Shawver", | |
| "age": 41, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 14419 | |
| }, | |
| { | |
| "name": "Tania England", | |
| "age": 41, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 15462 | |
| }, | |
| { | |
| "name": "Rachel Hess", | |
| "age": 43, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16440 | |
| }, | |
| { | |
| "name": "Amy Solverson", | |
| "age": 42, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 16975 | |
| }, | |
| { | |
| "name": "Heather Evans", | |
| "age": 42, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 17689 | |
| }, | |
| { | |
| "name": "Christina Rader", | |
| "age": 40, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 18721 | |
| } | |
| ] | |
| }, | |
| { | |
| "ageGroup": "55-59", | |
| "runners": [ | |
| { | |
| "name": "Laurie Ryan", | |
| "age": 56, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 11917 | |
| }, | |
| { | |
| "name": "Susan Griffin-Kaklikian", | |
| "age": 58, | |
| "gender": "F", | |
| "city": "Castle Rock", | |
| "state": "CO", | |
| "time": 13284 | |
| }, | |
| { | |
| "name": "Trish McCormick", | |
| "age": 55, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 17341 | |
| }, | |
| { | |
| "name": "Jackie Smith-Hill", | |
| "age": 56, | |
| "gender": "F", | |
| "city": "Colorado Springs", | |
| "state": "CO", | |
| "time": 18630 | |
| } | |
| ] | |
| } | |
| ] | |
| } | |
| ] | |
| } |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| rect { | |
| stroke: #fff; | |
| } | |
| .d3-tip { | |
| line-height: 1; | |
| font-weight: bold; | |
| padding: 12px; | |
| background: rgba(0, 0, 0, 0.8); | |
| color: #FFA500; | |
| border-radius: 2px; | |
| } | |
| /* Creates a small triangle extender for the tooltip */ | |
| .d3-tip:after { | |
| box-sizing: border-box; | |
| display: inline; | |
| font-size: 10px; | |
| width: 100%; | |
| line-height: 1; | |
| color: rgba(0, 0, 0, 0.8); | |
| position: absolute; | |
| text-align: center; | |
| } | |
| /* Style northward tooltips differently */ | |
| .d3-tip.n:after { | |
| margin: -1px 0 0 0; | |
| top: 100%; | |
| content: "\25BC"; | |
| left: 0; | |
| } | |
| .d3-tip.s:after { | |
| margin: 0 0 1px 0; | |
| content: "\25B2"; | |
| top: 100%; | |
| left: 0; | |
| } | |
| </style> | |
| <body> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.min.js"></script> | |
| <script> | |
| var tip = d3.tip() | |
| .attr('class', 'd3-tip') | |
| .offset([-10, 0]) | |
| .html(function(d) { | |
| if (d.depth == 0) { | |
| return "<strong>Race :</strong> <span style='color:white'>" + d.race + "</span>"; | |
| } else if (d.depth == 1) { | |
| return "<strong>Gender :</strong> <span style='color:white'>" + d.gender + "</span>"; | |
| } else if (d.depth == 2) { | |
| return "<strong>Age Group :</strong> <span style='color:white'>" + d.ageGroup + "</span>"; | |
| } else if (d.depth == 3) { | |
| var calculatedhours = Math.floor(Math.floor(d.time / 60) / 60); | |
| var calculatedminutes = Math.floor(Math.floor(d.time / 60) % 60); | |
| var calculatedseconds = Math.floor(Math.floor(d.time % 60) % 60); | |
| return "<strong>" + d.name + ":</strong> <span style='color:white'>" + calculatedhours + ":" + calculatedminutes + ":" + calculatedseconds + "</span>"; | |
| } | |
| }).direction("n"); | |
| var width = 960, | |
| height = 500; | |
| var x = d3.scale.linear() | |
| .range([0, width]); | |
| var y = d3.scale.linear() | |
| .range([0, height]); | |
| var color = d3.scale.category20(); | |
| var partition = d3.layout.partition() | |
| .children(function(d) { | |
| if (d.hasOwnProperty("results")) { | |
| return d.results; | |
| } else if (d.hasOwnProperty('runners')) { | |
| return d.runners; | |
| } else { | |
| return null; | |
| } | |
| }) | |
| .value(function(d) { | |
| if (d.children) { | |
| return d.children.length; | |
| } else { | |
| return d.time; | |
| } | |
| }). | |
| sort(function comparator(a,b) { | |
| if (a.depth == 1) { | |
| return a.gender > b.gender ? -1 : b.gender > a.gender ? 1 : 0; | |
| } else if (a.depth == 2) { | |
| return a.ageGroup < b.ageGroup ? -1 : b.ageGroup < a.ageGroup ? 1 : 0; | |
| } else if (a.depth == 3) { | |
| return a.time < b.time ? -1 : b.time < a.time ? 1 : 0; | |
| } else { | |
| } | |
| }); | |
| var svg = d3.select("body").append("svg") | |
| .attr("width", width) | |
| .attr("height", height); | |
| svg.call(tip); | |
| var rect = svg.selectAll("rect"); | |
| d3.json("fallSeries.json", function(error, root) { | |
| rect = rect | |
| .data(partition(root)) | |
| .enter().append("rect") | |
| .attr("x", function(d) { | |
| return x(d.x); }) | |
| .attr("y", function(d) { return y(d.y); }) | |
| .attr("width", function(d) { return x(d.dx); }) | |
| .attr("height", function(d) { return y(d.dy); }) | |
| .attr("fill", function(d) { | |
| return pickColor(d); | |
| }) | |
| .on("click", clicked) | |
| .on('mouseover', function(d) { | |
| tip.show(d); | |
| }) | |
| .on('mouseout', function(d) { | |
| tip.hide(d); | |
| }); | |
| }); | |
| function clicked(d) { | |
| x.domain([d.x, d.x + d.dx]); | |
| y.domain([d.y, 1]).range([d.y ? 20 : 0, height]); | |
| rect.transition() | |
| .duration(750) | |
| .attr("x", function(d) { return x(d.x); }) | |
| .attr("y", function(d) { return y(d.y); }) | |
| .attr("width", function(d) { return x(d.x + d.dx) - x(d.x); }) | |
| .attr("height", function(d) { return y(d.y + d.dy) - y(d.y); }); | |
| } | |
| function pickColor(d) { | |
| if (d.depth == 0) { | |
| return "#d3d3d3"; | |
| } else { | |
| if (d.gender === "male") { | |
| return "#87CEFA"; | |
| } else if (d.gender == "female") { | |
| return "#FFB6C1"; | |
| } | |
| else if (d.hasOwnProperty("ageGroup")) { | |
| return color(d.ageGroup); | |
| } else { | |
| return pickColor(d.parent); | |
| } | |
| } | |
| } | |
| </script> |
