| Student's name | SCIPER |
|---|---|
| Charlotte Meyer | 315568 |
| Charlotte Sacré | 357798 |
| Jérémie De Faveri | 287454 |
📗 Check out how our design decisions and how we reached our final website in our Process Book!
🎥 Check out our website's different functionalities in our Screen Cast (click on "View Raw" to download the video)
✨ Or simply have fun on the deployed website!
If you're using firefox please make sure you are on version 138 or later when visiting our website.
Tennis For Dummies is an interactive website that aims to provide an introduction to the world of tennis while also engaging hardcode tennis fans by offering deep insights into players' performance and key statistics.
Tennis is one of the world's most popular sports and boasts an incredible roster of legends, from Billie Jean King to Rafael Nadal. However, for people new to the sport, understanding the rules and intricacies of the sport may be overwhelming, and most resources available today directly dive into complex data targeted to a knowledgeable audience. We aim to bridge this gap by first providing foundational knowledge about the world of tennis such that our users feel confident in understanding historical trends, match-level insights, and technical aspects of player performances. To provide deep insights for seasoned fans, we also create detailed player profiles that capture the essence of distinct playing styles across time, tournaments, and court surfaces.
Ultimately, whether you want to learn more the point system or delve into Roger Federer's performance, we've got you covered with our data-rich and user-friendly visualizations!
For our datasets, we use Jeff Sackmann’s extensive data files on players, historical rankings, and tennis matches from the Association of Tennis Professionals (ATP) and Women's Tennis Association (WTA), from 1991 onwards.
To run our website locally or make contributions, first clone the repository:
git clone git@github.com:com-480-data-visualization/band_data.git
cd band_dataThe repository structure is as follows:
.
├── README.md
├── processbook.pdf Process Book
├── analysis Data Processing & Init Analysis scripts
├── data Processed data files
├── docs Website files
│ ├── assets Assets directory
│ │ ├── cursor Cursor images
│ │ ├── graphs Initial sketches
│ │ └── icons Icon images
│ ├── components HTML subpages
│ ├── css Styling file
│ ├── data Data files for website
│ ├── js JS scripts
│ ├── index.html Homepage
│ └── player-profile.html Player profile page
└── milestones Previous milestones
Then, you can easily render the website with an HTTP server!
cd docs
python -m http.server <optional port>If you're using firefox please make sure you are on version 138 or later.
The previous milestones can be found here: Milestone 1 and Milestone 2.