{"id":18513834,"url":"https://github.com/timjjting/nba-teams-pts","last_synced_at":"2026-04-20T19:02:44.507Z","repository":{"id":257951839,"uuid":"167920665","full_name":"TimJJTing/NBA-Teams-PTS","owner":"TimJJTing","description":"The NBA Teams’ Performance Tracking System is a project aims to help users to track the performance of NBA teams from 2000 to 2009.","archived":false,"fork":false,"pushed_at":"2019-01-29T01:04:49.000Z","size":1243,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-14T12:57:13.226Z","etag":null,"topics":["bootstrap","d3js","data-visualization","jquery","nba","nba-visualization"],"latest_commit_sha":null,"homepage":"https://timjjting.github.io/NBA-Teams-PTS/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TimJJTing.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-01-28T07:48:33.000Z","updated_at":"2019-01-29T01:04:50.000Z","dependencies_parsed_at":"2024-12-01T22:50:27.878Z","dependency_job_id":null,"html_url":"https://github.com/TimJJTing/NBA-Teams-PTS","commit_stats":null,"previous_names":["timjjting/nba-teams-pts"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TimJJTing/NBA-Teams-PTS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimJJTing%2FNBA-Teams-PTS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimJJTing%2FNBA-Teams-PTS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimJJTing%2FNBA-Teams-PTS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimJJTing%2FNBA-Teams-PTS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TimJJTing","download_url":"https://codeload.github.com/TimJJTing/NBA-Teams-PTS/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimJJTing%2FNBA-Teams-PTS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32061251,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T11:35:06.609Z","status":"ssl_error","status_checked_at":"2026-04-20T11:34:48.899Z","response_time":94,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","d3js","data-visualization","jquery","nba","nba-visualization"],"created_at":"2024-11-06T15:40:50.971Z","updated_at":"2026-04-20T19:02:44.491Z","avatar_url":"https://github.com/TimJJTing.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NBA Teams’ Performance Tracking System\nThe NBA Teams’ Performance Tracking System is a project aims to help users to track the performance of NBA teams from 2000 to 2009. With the assistance of this system, users are able to quickly become aware of win ranks of NBA teams during this 10 years’ period, the overall trend and also the team players’ information. The system requirements, also known as functional requirements, of the project are interactive exploration and filtering techniques.  \n\nThis is a semester project of the course Information Visualization (364.029) \npresented in summer 2016 by JIE-TING JIANG and PORNPAN SONGPRASOP under the supervision of [Univ.-Prof. DI Dr. Marc Streit](https://www.jku.at/en/institute-of-computer-graphics/about-us/team/marc-streit/).\n\n## What is the Dataset About?\nThe dataset used in this project is two collections of related dataset of NBA players and 33 NBA teams regular season records from 1946 to 2009. It was retrieved from [https://www.basketball-reference.com/](https://www.basketball-reference.com/).  \nThe following data and abbreviations are retrieved and used in this project:\n\nAbbreviation| Stands for\n------------|:------\nFirstname   | First name of a player  \nLastname    | Last name of a player  \nTeam        | A team that palyer plays for  \nGp          | Game points  \npts         | Total points  \nwon         | Total games won  \nlost        | Total games lost  \nfta         | Free Throw Attempted  \nfga         | Field Goal Attempted  \nto          | Turnover  \noreb        | Offensive Rebounds  \n\nBeside the existing data, four new data types were fostered:  \n  \nAbbreviation| Stands for  \n------------|:------  \nWinRate     | A percentage of total win games divided by total games  \nWrRank      | A position based on winRate  \nName        | First name and last name of a player  \nEffi        | Efficiency of a player or a team on a particular season  \n  \nEfficiency is calculated by using this formula: ( pts * 100 ) / ( ( fta * 0.44 ) + fga + to – oreb ). The formula is taken from http://www.databasebasketball.com/about/aboutstats.htm and is computed on a per season basis.\n\n## User Tasks\nTalking about user tasks, a question the come in to our mind was what every user would want to be fully aware of through the observation. The following is the list that we believe that users expect to able to accomplish after using our work:\n - Be able to know how proficiently NBA teams and NBA player has carried out\n - Be able to compare the win rank of NBA teams from 2000 to 2009\n - Be informed the number of winning games and losing games of a particular team in a particular season\n - Be able to compare the efficiency of the best team, the worst team and a chosen team\n\n## The Solution Dashboard\nThe way this project was implemented can be divided in to 2 perspectives: lay out of the dashboard and technical.  \n\n### Layout view perspective\nThe NBA team records are outputted as graphs and table in such a way that the important aspects are addressing splitting both the vertical and horizontal space so that the information can be easily read by the user.  \n  \nIn order to make the win rank table display size to be fit with monitor screen fully, the win rank table presents only up to 20 records at a time.  \n  \nDifferent color is used in parallel coordinate and pie chart to distinct a team from other team and winning game from losing game, respectively. This is to establish identity of different NBA teams and to make out the difference between game results. Different brightness of a color is also used for the same purpose in the scatter plot and bar chart.  \n  \nThe bar chart has the arrangement of team efficiencies in relation to each other according to their efficiencies. Besides the best team, the worst team and the interesting team’s efficiency, the average efficiency of that season was added to tell how good the team actually was.  \n\n### Technical perspective\nThe project mainly relies on building a web page using html, CSS, JavaScript, jQuery d3.js, and SVG. Also, we referred a parallel coordinate d3 library from https://syntagmatic.github.io/parallel-coordinates/ to implement the teams’ performance graph. In additional, an extra .css file from Bootstrap is used for a better layout.  \n  \nThe main user actions here are analyzing the existing information. With reference to our project, users will be able to discover new information. They can also identify their target team trends, compare it with other team and get a summary of all possible teams’ performance.  \n\n## How Does the Solution Enable Users to Answer the Tasks?\nTo display the changes of data continuously over time, line charts are the best. It clearly shows how well teams perform over the 10 years’ period and the overall trends the teams’ performance.  \n  \nTo present the win ranks of NBA teams, a table is needed. Even though users will take longer time to understand clearly ranks of the teams, the table presents precise information to users.  \n  \nTaking the same result into consideration, players’ efficiency and total points that players made were revealed in a scatter plot instead. The scatter plot shows all possible relations between the number of plays with player efficient. More information about a player is shown in a small box when a mouse icon is over circle in the scatter plot.  \n  \nA pie chart is in the dashboard to allow users to be perceived the number of winning games and losing games. We picked this as being the best of alternatives because it visualizes the record in proportional to the quantity it presents.  \n  \nTeams’ efficiency is readily seen in a bar chart. The chart covers the efficiency of the best team, the worst team and an interested team and the average efficiency of the same season. Despite the fact that bar charts are the best chart to track changes of data over time, a bar chart is an alternative. The bar chart shows comparisons among team efficiency and amount of stuff is also measured here.  \n\n## Further Plans\nThe system was implemented in summer 2016, where Bootstrap 4 and D3v5.js were not even exist yet. A major upgrade and reconstruction is planned to take the advantage of the newest features of both frameworks such as `flexbox` and `promise`.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimjjting%2Fnba-teams-pts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimjjting%2Fnba-teams-pts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimjjting%2Fnba-teams-pts/lists"}