help@rskworld.in +91 93305 39277
RSK World
  • Home
  • Development
    • Web Development
    • Mobile Apps
    • Software
    • Games
    • Project
  • Technologies
    • Data Science
    • AI Development
    • Cloud Development
    • Blockchain
    • Cyber Security
    • Dev Tools
    • Testing Tools
  • Blog
  • About
  • Contact

Theme Settings

Color Scheme
Display Options
Font Size
100%
Back to Project
RSK World
sports-analysis
RSK World
sports-analysis
Sports Analysis Dataset - Game Footage + Player Tracking + Event Annotations + OpenCV + Video Analysis
sports-analysis
  • .github
  • assets
  • data
  • docs
  • examples
  • scripts
  • .gitignore577 B
  • ADVANCED_FEATURES.md7.1 KB
  • CHANGELOG.md3.5 KB
  • CONTRIBUTING.md1 KB
  • DATA_SUMMARY.md4.1 KB
  • ERROR_CHECK_REPORT.md3.6 KB
  • GITHUB_RELEASE_GUIDE.md4.3 KB
  • LICENSE1.3 KB
  • PROJECT_SUMMARY.md3.8 KB
  • README.md2.7 KB
  • RELEASE_NOTES.md5.6 KB
  • api.html10.3 KB
  • config.json1.6 KB
  • dashboard.html9.6 KB
  • explorer.html8.8 KB
  • index.html95.9 KB
  • package.json1.3 KB
  • server.js7.9 KB
  • sports-analysis.png2.7 MB
  • sports-analysis.zip13.6 KB
  • sports-analysis.zip.info514 B
dashboard.html
dashboard.html
Raw Download
Find: Go to:
<!DOCTYPE html>
<html lang="en">
<head>
    <!--
    RSK World
    Founder: Molla Samser
    Designer & Tester: Rima Khatun
    Email: help@rskworld.in
    Phone: +91 93305 39277
    Address: Nutanhat, Mongolkote, Purba Burdwan, West Bengal, India, 713147
    Website: https://rskworld.in/
    -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Analytics Dashboard - Sports Analysis Dataset | RSK World</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/dashboard.css">
</head>
<body>
    <!--
    RSK World
    Founder: Molla Samser
    Designer & Tester: Rima Khatun
    Email: help@rskworld.in
    Phone: +91 93305 39277
    Address: Nutanhat, Mongolkote, Purba Burdwan, West Bengal, India, 713147
    Website: https://rskworld.in/
    -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="index.html">
                <i class="fas fa-video text-secondary"></i> RSK World
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="dashboard.html">Dashboard</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="explorer.html">Data Explorer</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="api.html">API</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container-fluid mt-4">
        <div class="row">
            <div class="col-12">
                <h1 class="mb-4"><i class="fas fa-chart-line text-primary"></i> Analytics Dashboard</h1>
            </div>
        </div>

        <!-- Statistics Cards -->
        <div class="row g-4 mb-4">
            <div class="col-md-3">
                <div class="stat-card">
                    <div class="stat-icon bg-primary">
                        <i class="fas fa-video"></i>
                    </div>
                    <div class="stat-content">
                        <h3 id="totalGames">2</h3>
                        <p>Total Games</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="stat-card">
                    <div class="stat-icon bg-success">
                        <i class="fas fa-users"></i>
                    </div>
                    <div class="stat-content">
                        <h3 id="totalPlayers">16</h3>
                        <p>Players Tracked</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="stat-card">
                    <div class="stat-icon bg-warning">
                        <i class="fas fa-tags"></i>
                    </div>
                    <div class="stat-content">
                        <h3 id="totalEvents">7</h3>
                        <p>Events Recorded</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="stat-card">
                    <div class="stat-icon bg-info">
                        <i class="fas fa-clock"></i>
                    </div>
                    <div class="stat-content">
                        <h3 id="totalDuration">138</h3>
                        <p>Minutes Analyzed</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Charts Row -->
        <div class="row g-4 mb-4">
            <div class="col-lg-6">
                <div class="card shadow-sm">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0"><i class="fas fa-chart-pie"></i> Events Distribution</h5>
                    </div>
                    <div class="card-body">
                        <canvas id="eventsChart"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card shadow-sm">
                    <div class="card-header bg-success text-white">
                        <h5 class="mb-0"><i class="fas fa-chart-bar"></i> Sports Coverage</h5>
                    </div>
                    <div class="card-body">
                        <canvas id="sportsChart"></canvas>
                    </div>
                </div>
            </div>
        </div>

        <!-- Performance Metrics -->
        <div class="row g-4 mb-4">
            <div class="col-lg-8">
                <div class="card shadow-sm">
                    <div class="card-header bg-dark text-white">
                        <h5 class="mb-0"><i class="fas fa-running"></i> Player Performance Metrics</h5>
                    </div>
                    <div class="card-body">
                        <canvas id="performanceChart"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card shadow-sm">
                    <div class="card-header bg-info text-white">
                        <h5 class="mb-0"><i class="fas fa-trophy"></i> Top Performers</h5>
                    </div>
                    <div class="card-body">
                        <div id="topPerformers"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Data Table -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-secondary text-white d-flex justify-content-between align-items-center">
                        <h5 class="mb-0"><i class="fas fa-table"></i> Game Statistics</h5>
                        <div>
                            <button class="btn btn-sm btn-light" onclick="exportData('csv')">
                                <i class="fas fa-download"></i> Export CSV
                            </button>
                            <button class="btn btn-sm btn-light" onclick="exportData('json')">
                                <i class="fas fa-download"></i> Export JSON
                            </button>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover" id="gamesTable">
                                <thead>
                                    <tr>
                                        <th>Game ID</th>
                                        <th>Sport</th>
                                        <th>Date</th>
                                        <th>Venue</th>
                                        <th>Duration (min)</th>
                                        <th>Players</th>
                                        <th>Events</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody id="gamesTableBody">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="bg-dark text-white py-4 mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h5><i class="fas fa-video text-secondary"></i> Sports Analysis Dataset</h5>
                    <p class="mb-0">Advanced analytics dashboard for sports data visualization.</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <p class="mb-1"><strong>RSK World</strong></p>
                    <p class="mb-1">
                        <i class="fas fa-envelope"></i> help@rskworld.in<br>
                        <i class="fas fa-phone"></i> +91 93305 39277<br>
                        <i class="fas fa-globe"></i> <a href="https://rskworld.in/" class="text-white">rskworld.in</a>
                    </p>
                </div>
            </div>
            <hr class="my-3">
            <div class="text-center">
                <p class="mb-0">
                    &copy; 2026 RSK World. All rights reserved. | 
                    Founder: Molla Samser | Designer & Tester: Rima Khatun
                </p>
            </div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/dashboard.js"></script>
</body>
</html>
233 lines•9.6 KB
markup

About RSK World

Founded by Molla Samser, with Designer & Tester Rima Khatun, RSK World is your one-stop destination for free programming resources, source code, and development tools.

Founder: Molla Samser
Designer & Tester: Rima Khatun

Development

  • Game Development
  • Web Development
  • Mobile Development
  • AI Development
  • Development Tools

Legal

  • Terms & Conditions
  • Privacy Policy
  • Disclaimer

Contact Info

Nutanhat, Mongolkote
Purba Burdwan, West Bengal
India, 713147

+91 93305 39277

hello@rskworld.in
support@rskworld.in

© 2026 RSK World. All rights reserved.

Content used for educational purposes only. View Disclaimer