Skip to content

shanegibney/RaceChart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

D3 v4 Race Data Display

Running on gh-pages

Intention is for data to be ready for the 2018 season.

Data obtained by permission from howdidyouswim.com

To do:

Large Feature:

  • Add Isanuk's zoom and pan to main chart. Have already implemented this in this repo
    • difficulty with scaleBand(), may need to completely build feature from scratch for smooth zooming and panning.
  • Add Update Pattern and Bootstrap nav bar to enable users to switch between different race JSON files.
  • Filter main bar chart and table by clicking on pie chart segments and clubs bar chart. This will involve filter original data and then implementing update pattern.
  • Home page: stacked bar chart, points by race for each swimmer.
    • tooltip mouseover each section of stacked bar chart to get details on individual races which points are from. May need to implement points rules.
    • bar chart to show swimmers who participated during season by club.
    • Also bar chart for number of swims by club.
  • Possibly chart to indicate progress through season.
    • Display difference between swimmers race time and average, and how this changed for each race as season progressed.
  • Ability to view data and graph by swimmer.
  • Apply same display to previous years' data.

Smaller Features:

  • Improve UI of sort buttons
  • Offset clocktime, racetime and handicap bars in main chart to prevent this looking like a stacked bar chart.
  • Add padding to pie chart.
  • Make bars center on ticks regardless of number of objects in data
  • Prevent mouseover until animations are complete. Simply add a delay which is equal to running time of animation. Delay will start at same time as animation.
  • Fix tooltip on club bar chart. Make it independent of tooltips on main bar chart.
  • Correct right y-axis point axis.
  • Make main bar chart sortable on points also.
  • Add intro.js to project.

Issues:

  • How to amalgamate data from many races without a database. Current data is by race, but home page chart would need to pull data from many races and merge it. This process needs to be efficient. If data could be pulled from an API this would greatly improve things.

screen shot 2017-09-03 at 16 40 35

screen shot 2017-09-03 at 16 39 52

About

Race Chart

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages