🏀 NBA Offensive Rebounds Analysis

Year-over-Year Trends and Statistics

Fetching NBA Data...

This may take a moment as we gather statistics from multiple seasons

\n );\n }\n\n if (state.error) {\n return (\n

🏀 NBA Offensive Rebounds Analysis

Year-over-Year Trends and Statistics

Error Loading Data

{state.error}

\n \n

\n );\n }\n\n if (!state.data) {\n return (\n

🏀 NBA Offensive Rebounds Analysis

Year-over-Year Trends and Statistics

No Data Available

Unable to load NBA offensive rebounds data

\n );\n }\n\n const { data } = state;\n const latestSeason = data.seasons[data.seasons.length - 1];\n const totalRebounds = data.seasons.reduce((sum, season) => sum + season.totalOffensiveRebounds, 0);\n\n return (\n

🏀 NBA Offensive Rebounds Analysis

Year-over-Year Trends and Statistics

\n\n

Total Seasons

{data.totalSeasons}

Analyzed

\n \n

Latest Season Total

{formatNumber(latestSeason.totalOffensiveRebounds)}

{latestSeason.season}

\n \n

Overall Trend

\n {data.overallTrend === 'increasing' ? '📈' : \n data.overallTrend === 'decreasing' ? '📉' : '➡️'}\n

{data.overallTrend}

\n \n

Total Rebounds

{formatNumber(totalRebounds)}

All Seasons

\n\n

Season-by-Season Breakdown

\n \n \n \n \n \n \n \n \n \n \n \n {data.seasons.map((season) => (\n \n \n \n \n \n \n \n ))}\n \n

Season	Total Offensive Rebounds	Average per Team	Year-over-Year Change	Percentage Change
{season.season}	{formatNumber(season.totalOffensiveRebounds)}	{season.averagePerTeam.toFixed(1)}	0 ? 'positive' : 'negative') : ''}`}>\n {season.yearOverYearChange ? formatChange(season.yearOverYearChange) : '—'}\n	0 ? 'positive' : 'negative') : ''}`}>\n {season.yearOverYearPercentage ? formatPercentage(season.yearOverYearPercentage) : '—'}\n

\n\n {(data.biggestIncrease || data.biggestDecrease) && (\n

Key Insights

\n \n {data.biggestIncrease && (\n

\n Biggest Year-over-Year Increase: {data.biggestIncrease.season} with \n {formatChange(data.biggestIncrease.change)} rebounds \n ({formatPercentage(data.biggestIncrease.percentage)})\n

\n )}\n \n {data.biggestDecrease && (\n

\n Biggest Year-over-Year Decrease: {data.biggestDecrease.season} with \n {formatChange(data.biggestDecrease.change)} rebounds \n ({formatPercentage(data.biggestDecrease.percentage)})\n

\n )}\n \n

\n Analysis Period: This analysis covers {data.totalSeasons} NBA seasons, \n tracking the total offensive rebounds across all 30 teams each season.\n

\n )}\n\n \n

\n );\n}\n\n// Mount the app\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[18,89],"4b034208-e08a-11f0-89ed-42dde27851f2",["D",1766554501697],"\n\n\n \n \n NBA Offensive Rebounds Year-over-Year Analysis\n \n \n\n\n

\n \n\n",[18,80],"pulls","branches",1,"forks","envVars",{"_192":26,"_194":26},"connections",{"_192":26,"_193":26},"count","unfilledCount","emptyCount",{"_35":257,"_13":248,"_64":242,"_45":-5,"_37":38,"_163":243,"_164":24,"_39":258,"_41":26,"_67":92,"_166":-5,"_68":30,"_167":-5,"_210":259,"_17":260},{"_35":249,"_13":250,"_64":251,"_45":242,"_37":38,"_163":127,"_164":24,"_39":252,"_41":186,"_67":253,"_166":254,"_68":30,"_167":-5,"_210":255,"_17":256},{"_35":239,"_13":240,"_64":241,"_45":242,"_37":38,"_163":243,"_164":24,"_39":244,"_41":26,"_67":90,"_166":245,"_68":30,"_167":-5,"_210":246,"_17":247},{"_35":162,"_13":18,"_64":91,"_45":-5,"_37":38,"_163":42,"_164":24,"_39":236,"_41":26,"_67":92,"_166":-5,"_68":30,"_167":-5,"_210":237,"_17":238},{"_35":180,"_13":80,"_64":79,"_45":91,"_37":38,"_163":74,"_164":24,"_39":233,"_41":26,"_67":21,"_166":182,"_68":30,"_167":-5,"_210":234,"_17":235},{"_35":176,"_13":89,"_64":88,"_45":91,"_37":38,"_163":83,"_164":24,"_39":230,"_41":26,"_67":90,"_166":178,"_68":30,"_167":-5,"_210":231,"_17":232},{"_35":172,"_13":66,"_64":65,"_45":91,"_37":38,"_163":42,"_164":24,"_39":227,"_41":26,"_67":21,"_166":174,"_68":30,"_167":-5,"_210":228,"_17":229},{"_35":223,"_13":222,"_64":216,"_45":-5,"_37":38,"_163":217,"_164":24,"_39":224,"_41":26,"_67":92,"_166":-5,"_68":30,"_167":-5,"_210":225,"_17":226},{"_35":213,"_13":214,"_64":215,"_45":216,"_37":38,"_163":217,"_164":24,"_39":218,"_41":26,"_67":90,"_166":219,"_68":30,"_167":-5,"_210":220,"_17":221},{"_35":205,"_13":206,"_64":207,"_45":-5,"_37":38,"_163":186,"_164":24,"_39":208,"_41":26,"_67":21,"_166":209,"_68":30,"_167":-5,"_210":211,"_17":212},"252cdc56-e08a-11f0-95d1-42dde27851f2","README.md","252cdd00-e08a-11f0-95d1-42dde27851f2",["D",1766554438224],"# NBA Offensive Rebounds Year-over-Year Analysis\n\nThis project provides a web application to analyze NBA offensive rebounds totals across different seasons, showing year-over-year trends and statistics.\n\n## Features\n\n- Fetches NBA team statistics from multiple seasons\n- Calculates total offensive rebounds per season\n- Displays year-over-year comparison with percentage changes\n- Interactive web interface with data visualization\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server\n│ └── nba-api.ts # NBA data fetching logic\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React frontend\n│ └── style.css # Styling\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Usage\n\nThe application fetches NBA team statistics and aggregates offensive rebounds by season to show trends over time.\n\n## Data Source\n\nUses the NBA Stats API to fetch team statistics for offensive rebounds analysis.","children",[],[206],"29aa4dc2-e08a-11f0-808c-42dde27851f2","types.ts","29aa4e94-e08a-11f0-808c-42dde27851f2","945757cf-a4f0-4c83-8d17-1828aceb3125",2,["D",1766554445756],"// Shared types for NBA offensive rebounds analysis\n\nexport interface SeasonStats {\n season: string;\n totalOffensiveRebounds: number;\n averagePerTeam: number;\n yearOverYearChange?: number;\n yearOverYearPercentage?: number;\n}\n\nexport interface TeamStats {\n teamId: number;\n teamName: string;\n season: string;\n offensiveRebounds: number;\n games: number;\n offensiveReboundsPerGame: number;\n}\n\nexport interface NBAApiResponse {\n resultSets: Array<{\n name: string;\n headers: string[];\n rowSet: any[][];\n }>;\n}\n\nexport interface AnalysisResult {\n seasons: SeasonStats[];\n totalSeasons: number;\n overallTrend: 'increasing' | 'decreasing' | 'stable';\n biggestIncrease?: {\n season: string;\n change: number;\n percentage: number;\n };\n biggestDecrease?: {\n season: string;\n change: number;\n percentage: number;\n };\n}",[],[222,214],"shared","29aa76c6-e08a-11f0-808c-42dde27851f2",["D",1766554445756],[203],[222],["D",1766554497895],[],[18,66],["D",1766554527313],[],[18,89],["D",1766554501697],[],[18,80],["D",1766554497895],[199,200,201],[18],"38971752-e08a-11f0-a729-42dde27851f2","nba-api.ts","38971810-e08a-11f0-a729-42dde27851f2","26051161-f9bb-415c-9a47-8864d9d8c785",3,["D",1766554470796],"import type { TeamStats, SeasonStats, NBAApiResponse, AnalysisResult } from \"../shared/types.ts\";\n\n// NBA seasons to analyze (last 10 seasons)\nconst SEASONS = [\n \"2014-15\", \"2015-16\", \"2016-17\", \"2017-18\", \"2018-19\",\n \"2019-20\", \"2020-21\", \"2021-22\", \"2022-23\", \"2023-24\"\n];\n\n/**\n * Fetches NBA team stats for a specific season\n */\nasync function fetchSeasonStats(season: string): Promise {\n const url = `https://stats.nba.com/stats/leaguedashteamstats?Conference=&DateFrom=&DateTo=&Division=&GameScope=&GameSegment=&Height=&LastNGames=0&LeagueID=00&Location=&MeasureType=Base&Month=0&OpponentTeamID=0&Outcome=&PORound=0&PaceAdjust=N&PerMode=Totals&Period=0&PlayerExperience=&PlayerPosition=&PlusMinus=N&Rank=N&Season=${season}&SeasonSegment=&SeasonType=Regular%20Season&ShotClockRange=&StarterBench=&TeamID=0&TwoWay=0&VsConference=&VsDivision=`;\n \n try {\n const response = await fetch(url, {\n headers: {\n 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36',\n 'Accept': 'application/json',\n 'Referer': 'https://www.nba.com/',\n }\n });\n\n if (!response.ok) {\n throw new Error(`Failed to fetch data for season ${season}: ${response.status}`);\n }\n\n const data: NBAApiResponse = await response.json();\n const teamStatsData = data.resultSets[0];\n \n if (!teamStatsData || !teamStatsData.rowSet) {\n throw new Error(`No team stats data found for season ${season}`);\n }\n\n // Find the indices for the columns we need\n const headers = teamStatsData.headers;\n const teamIdIndex = headers.indexOf('TEAM_ID');\n const teamNameIndex = headers.indexOf('TEAM_NAME');\n const gamesIndex = headers.indexOf('GP');\n const offRebIndex = headers.indexOf('OREB');\n\n if (teamIdIndex === -1 || teamNameIndex === -1 || gamesIndex === -1 || offRebIndex === -1) {\n throw new Error(`Required columns not found in API response for season ${season}`);\n }\n\n return teamStatsData.rowSet.map((row: any[]): TeamStats => ({\n teamId: row[teamIdIndex],\n teamName: row[teamNameIndex],\n season,\n offensiveRebounds: row[offRebIndex] || 0,\n games: row[gamesIndex] || 0,\n offensiveReboundsPerGame: row[gamesIndex] > 0 ? (row[offRebIndex] || 0) / row[gamesIndex] : 0\n }));\n\n } catch (error) {\n console.error(`Error fetching season ${season}:`, error);\n // Return empty array for failed seasons to continue with other seasons\n return [];\n }\n}\n\n/**\n * Calculates season totals and year-over-year changes\n */\nfunction calculateSeasonAnalysis(allTeamStats: TeamStats[]): AnalysisResult {\n // Group by season and calculate totals\n const seasonTotals = new Map();\n \n for (const teamStat of allTeamStats) {\n const existing = seasonTotals.get(teamStat.season);\n if (existing) {\n existing.totalOffensiveRebounds += teamStat.offensiveRebounds;\n } else {\n seasonTotals.set(teamStat.season, {\n season: teamStat.season,\n totalOffensiveRebounds: teamStat.offensiveRebounds,\n averagePerTeam: 0\n });\n }\n }\n\n // Calculate averages per team (assuming 30 teams)\n const seasons: SeasonStats[] = Array.from(seasonTotals.values()).map(season => ({\n ...season,\n averagePerTeam: season.totalOffensiveRebounds / 30\n }));\n\n // Sort by season\n seasons.sort((a, b) => a.season.localeCompare(b.season));\n\n // Calculate year-over-year changes\n for (let i = 1; i < seasons.length; i++) {\n const current = seasons[i];\n const previous = seasons[i - 1];\n \n current.yearOverYearChange = current.totalOffensiveRebounds - previous.totalOffensiveRebounds;\n current.yearOverYearPercentage = previous.totalOffensiveRebounds > 0 \n ? (current.yearOverYearChange / previous.totalOffensiveRebounds) * 100 \n : 0;\n }\n\n // Analyze trends\n const validChanges = seasons.filter(s => s.yearOverYearChange !== undefined);\n const increases = validChanges.filter(s => s.yearOverYearChange! > 0);\n const decreases = validChanges.filter(s => s.yearOverYearChange! < 0);\n \n let overallTrend: 'increasing' | 'decreasing' | 'stable' = 'stable';\n if (increases.length > decreases.length) {\n overallTrend = 'increasing';\n } else if (decreases.length > increases.length) {\n overallTrend = 'decreasing';\n }\n\n const biggestIncrease = increases.length > 0 \n ? increases.reduce((max, current) => \n current.yearOverYearChange! > max.yearOverYearChange! ? current : max)\n : undefined;\n\n const biggestDecrease = decreases.length > 0\n ? decreases.reduce((min, current) => \n current.yearOverYearChange! < min.yearOverYearChange! ? current : min)\n : undefined;\n\n return {\n seasons,\n totalSeasons: seasons.length,\n overallTrend,\n biggestIncrease: biggestIncrease ? {\n season: biggestIncrease.season,\n change: biggestIncrease.yearOverYearChange!,\n percentage: biggestIncrease.yearOverYearPercentage!\n } : undefined,\n biggestDecrease: biggestDecrease ? {\n season: biggestDecrease.season,\n change: biggestDecrease.yearOverYearChange!,\n percentage: biggestDecrease.yearOverYearPercentage!\n } : undefined\n };\n}\n\n/**\n * Main function to fetch and analyze NBA offensive rebounds data\n */\nexport async function analyzeOffensiveRebounds(): Promise {\n console.log('Starting NBA offensive rebounds analysis...');\n \n const allTeamStats: TeamStats[] = [];\n \n // Fetch data for all seasons with some delay to avoid rate limiting\n for (const season of SEASONS) {\n console.log(`Fetching data for season ${season}...`);\n try {\n const seasonStats = await fetchSeasonStats(season);\n allTeamStats.push(...seasonStats);\n \n // Add a small delay between requests to be respectful to the API\n await new Promise(resolve => setTimeout(resolve, 500));\n } catch (error) {\n console.error(`Failed to fetch season ${season}:`, error);\n }\n }\n\n console.log(`Fetched data for ${allTeamStats.length} team-season records`);\n \n if (allTeamStats.length === 0) {\n throw new Error('No NBA data could be fetched');\n }\n\n return calculateSeasonAnalysis(allTeamStats);\n}",[],[248,240],"backend","5c35249c-e08a-11f0-a298-42dde27851f2","index.ts","3e263b12-e08a-11f0-b494-42dde27851f2",["D",1766554530552],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { analyzeOffensiveRebounds } from \"./nba-api.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page - serve HTML with initial data\napp.get(\"/\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject loading state initially\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving main page:\", error);\n return c.text(\"Error loading page\", 500);\n }\n});\n\n// API endpoint to get offensive rebounds analysis\napp.get(\"/api/offensive-rebounds\", async c => {\n try {\n console.log(\"Starting offensive rebounds analysis...\");\n const analysis = await analyzeOffensiveRebounds();\n \n return c.json({\n success: true,\n data: analysis,\n timestamp: new Date().toISOString()\n });\n } catch (error) {\n console.error(\"Error in offensive rebounds analysis:\", error);\n return c.json({\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error occurred\",\n timestamp: new Date().toISOString()\n }, 500);\n }\n});\n\n// Health check endpoint\napp.get(\"/api/health\", c => {\n return c.json({ \n status: \"healthy\", \n timestamp: new Date().toISOString() \n });\n});\n\nexport default app.fetch;",[],[248,250],"3897701c-e08a-11f0-a729-42dde27851f2",["D",1766554470796],[196,197],[248],["D",1766554349318],{"_11":12,"_140":71},{"_11":12,"_136":-5,"_70":71,"_31":69,"_137":138,"_139":30},{"_41":127,"_13":16,"_35":38,"_128":94,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"ctx",{"_54":-5,"_159":298,"_299":300,"_301":302,"_303":30,"_304":30,"_305":30,"_306":24,"_307":-5,"_308":-7,"_309":-7,"_310":26,"_311":30,"_312":30,"_313":-5,"_314":30,"_315":30,"_316":30,"_317":-5},"ENV",{"_269":270,"_271":272,"_273":16,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · frontend