{"id":30239205,"url":"https://github.com/twilighty-abhi/locust-data-visualiser","last_synced_at":"2025-08-15T03:42:31.319Z","repository":{"id":299365090,"uuid":"1002773090","full_name":"twilighty-abhi/Locust-data-visualiser","owner":"twilighty-abhi","description":"Locust Data Visualiser","archived":false,"fork":false,"pushed_at":"2025-06-16T06:03:54.000Z","size":13,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-16T07:23:27.527Z","etag":null,"topics":["data","locust","testing-tools"],"latest_commit_sha":null,"homepage":"https://twilighty-abhi.github.io/Locust-data-visualiser/","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/twilighty-abhi.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,"zenodo":null}},"created_at":"2025-06-16T05:55:18.000Z","updated_at":"2025-06-16T06:05:46.000Z","dependencies_parsed_at":"2025-06-16T07:23:31.814Z","dependency_job_id":"2e2f83d5-7452-4170-a16c-66052a4d7741","html_url":"https://github.com/twilighty-abhi/Locust-data-visualiser","commit_stats":null,"previous_names":["twilighty-abhi/locust-data-visualiser"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/twilighty-abhi/Locust-data-visualiser","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilighty-abhi%2FLocust-data-visualiser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilighty-abhi%2FLocust-data-visualiser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilighty-abhi%2FLocust-data-visualiser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilighty-abhi%2FLocust-data-visualiser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/twilighty-abhi","download_url":"https://codeload.github.com/twilighty-abhi/Locust-data-visualiser/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twilighty-abhi%2FLocust-data-visualiser/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270519397,"owners_count":24599245,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-15T02:00:12.559Z","response_time":110,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["data","locust","testing-tools"],"created_at":"2025-08-15T03:42:28.439Z","updated_at":"2025-08-15T03:42:31.269Z","avatar_url":"https://github.com/twilighty-abhi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Locust Performance Report Visualizer\n\nA simple, powerful web application for visualizing Locust performance testing reports. Transform your HTML reports into comprehensive, interactive dashboards with beautiful charts and insights.\n\n## ✨ Features\n\n### 📊 **Comprehensive Visualizations**\n- **Overview Statistics**: Key metrics at a glance (total requests, failures, response times)\n- **Request Analysis**: Success vs failure rates with stacked bar charts\n- **Response Time Trends**: Min, max, and average response times\n- **Performance Percentiles**: 50th, 95th, and 99th percentile analysis\n- **Throughput Distribution**: Requests per second (RPS) breakdown\n- **Error Analysis**: Detailed error distribution and statistics\n\n### 🎨 **Modern UI/UX**\n- Clean, professional design with gradient backgrounds\n- Responsive layout that works on all devices\n- Tabbed interface for organized data viewing\n- Drag-and-drop file upload with visual feedback\n- Interactive charts powered by Chart.js\n\n### 📋 **Detailed Tables**\n- Complete request statistics with sortable columns\n- Error details with truncated messages and full tooltips\n- Color-coded success/failure indicators\n\n## 🚀 Getting Started\n\n### Prerequisites\n- A modern web browser (Chrome, Firefox, Safari, Edge)\n- A Locust HTML report file\n\n### Installation\nNo installation required! This is a client-side web application.\n\n1. **Download the files**:\n   - `index.html` - Main application file\n   - `app.js` - JavaScript logic\n   - `README.md` - This documentation\n\n2. **Open the application**:\n   - Simply open `index.html` in your web browser\n   - Or serve it using a local web server (recommended for best performance)\n\n### Using a Local Server (Recommended)\n```bash\n# Using Python 3\npython -m http.server 8000\n\n# Using Python 2\npython -m SimpleHTTPServer 8000\n\n# Using Node.js (if you have http-server installed)\nnpx http-server\n\n# Using PHP\nphp -S localhost:8000\n```\n\nThen open `http://localhost:8000` in your browser.\n\n## 📖 How to Use\n\n### 1. **Upload Your Report**\n   - Click the upload area or drag and drop your Locust HTML report\n   - The application accepts `.html` files generated by Locust\n   - Processing typically takes 1-2 seconds\n\n### 2. **Explore the Dashboard**\n   The application organizes data into four main tabs:\n\n   **📈 Overview Tab**\n   - Request success/failure comparison\n   - Response time analysis (min, max, average)\n\n   **⚡ Performance Tab**\n   - Response time percentiles\n   - Throughput (RPS) distribution\n\n   **❌ Errors Tab**\n   - Error distribution pie chart\n   - Detailed error table with messages\n\n   **📋 Details Tab**\n   - Complete statistics table\n   - All metrics in sortable format\n\n### 3. **Interpret the Results**\n   - **Green indicators**: Successful operations\n   - **Red indicators**: Failures or errors\n   - **Charts**: Interactive - hover for details\n   - **Tables**: Click column headers to sort\n\n## 📊 Supported Metrics\n\nThe visualizer extracts and displays:\n\n- **Request Statistics**:\n  - Total requests and failures\n  - Average, minimum, maximum response times\n  - Current requests per second (RPS)\n  - Request methods and endpoints\n\n- **Response Time Analysis**:\n  - Percentile distributions (50th, 95th, 99th)\n  - Response time trends across endpoints\n\n- **Error Analysis**:\n  - Error types and frequencies\n  - Detailed error messages\n  - Failure rates by endpoint\n\n- **Performance Metrics**:\n  - Throughput analysis\n  - Test duration\n  - Content length statistics\n\n## 🛠️ Technical Details\n\n### Built With\n- **Frontend**: Pure HTML5, CSS3, and JavaScript\n- **Charting**: Chart.js for interactive visualizations\n- **Styling**: Modern CSS with gradients and animations\n- **Data Processing**: Client-side JSON parsing\n\n### Browser Compatibility\n- ✅ Chrome 60+\n- ✅ Firefox 55+\n- ✅ Safari 12+\n- ✅ Edge 79+\n\n### File Processing\nThe application:\n1. Reads the uploaded HTML file\n2. Extracts `window.templateArgs` JavaScript object\n3. Parses the JSON data structure\n4. Processes statistics and creates visualizations\n5. Renders interactive charts and tables\n\n## 🎯 Use Cases\n\nPerfect for:\n- **Performance Engineers**: Quick report analysis and sharing\n- **DevOps Teams**: CI/CD pipeline integration\n- **QA Teams**: Load testing result interpretation\n- **Developers**: Performance bottleneck identification\n- **Management**: High-level performance reporting\n\n## 🔒 Privacy \u0026 Security\n\n- **100% Client-Side**: No data leaves your browser\n- **No Server Required**: Works completely offline\n- **No Data Storage**: Files are processed in memory only\n- **No External Dependencies**: Uses only CDN libraries for charts\n\n## 🤔 Troubleshooting\n\n### Common Issues\n\n**File won't upload:**\n- Ensure the file is a valid Locust HTML report\n- Check file size (very large files may take longer)\n- Try refreshing the page and uploading again\n\n**Charts not displaying:**\n- Ensure you have an internet connection (for Chart.js CDN)\n- Check if your browser blocks JavaScript\n- Try using a different browser\n\n**Data looks incorrect:**\n- Verify the Locust report was generated properly\n- Check the browser console for any error messages\n- Ensure the HTML file contains `window.templateArgs`\n\n### Getting Help\n\nIf you encounter issues:\n1. Check the browser console for error messages\n2. Verify your Locust report format\n3. Try with a different report file\n4. Use a modern browser version\n\n## 🚀 Future Enhancements\n\nPotential improvements:\n- Historical report comparison\n- Export capabilities (PDF, PNG)\n- Custom chart configurations\n- Real-time data streaming\n- Advanced filtering options\n\n## 📄 License\n\nThis project is open source and available under the MIT License.\n\n---\n\n**Happy Performance Testing! 🎯**\n\n*Transform your Locust reports into actionable insights with beautiful visualizations.* ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwilighty-abhi%2Flocust-data-visualiser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftwilighty-abhi%2Flocust-data-visualiser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwilighty-abhi%2Flocust-data-visualiser/lists"}