{"id":28356744,"url":"https://github.com/trulia/webpagetest-charts-ui","last_synced_at":"2025-08-04T03:37:59.630Z","repository":{"id":29293478,"uuid":"32826367","full_name":"trulia/webpagetest-charts-ui","owner":"trulia","description":"A UI of charts built on top of webpagetest-charts-api","archived":false,"fork":false,"pushed_at":"2024-05-01T08:40:23.000Z","size":150,"stargazers_count":30,"open_issues_count":3,"forks_count":8,"subscribers_count":13,"default_branch":"main","last_synced_at":"2025-06-19T13:46:02.768Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/trulia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2015-03-24T21:31:41.000Z","updated_at":"2023-05-01T18:54:56.000Z","dependencies_parsed_at":"2024-05-01T09:58:40.197Z","dependency_job_id":"560122a5-3ccf-4bd0-89a0-ee532075e55f","html_url":"https://github.com/trulia/webpagetest-charts-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/trulia/webpagetest-charts-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trulia%2Fwebpagetest-charts-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trulia%2Fwebpagetest-charts-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trulia%2Fwebpagetest-charts-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trulia%2Fwebpagetest-charts-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/trulia","download_url":"https://codeload.github.com/trulia/webpagetest-charts-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trulia%2Fwebpagetest-charts-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268645058,"owners_count":24283424,"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-04T02:00:09.867Z","response_time":79,"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":[],"created_at":"2025-05-28T07:09:20.335Z","updated_at":"2025-08-04T03:37:59.610Z","avatar_url":"https://github.com/trulia.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webpagetest Charts UI\nThis is a chart UI built on top of [webpagetest-charts-api](https://github.com/trulia/webpagetest-charts-api) \nand all the data and chart types that it exposes. Goal is to make it easy to quickly analyze WPT results.  \nDisplay charts to see trends and some local data, but always link off to the WPT page for full data.\nDon't wanna rebuild WPT, just make it more accessible.\n\n## Installation\n\n1. Get [webpagetest-charts-api](https://github.com/trulia/webpagetest-charts-api) up and running first.\n\n1. clone this repo\n\n1. `npm install` inside the repo.\n\n1. `WPT_API=\"http://where-your-wpt-api-is-running:port\" npm start`\n\n1. Visit the app and port and you should see a list of available tests (assuming your API has completed some test runs).\n\nIf things get weird You can get into debug mode with:\n\n`DEBUG=wpt-ui* npm start` and it'll talk to you some.\n\nOnce everything is working well wrap it up in [forever](https://www.npmjs.com/package/forever) or [pm2](https://www.npmjs.com/package/pm2) or whatever you want to keep it up and running.\n\n## What's it look like?\n\n### Main Page\nlists the available tests suites the app is currently running.  Imagine a nice list on a webpage :-)\n\n### Suite Page\nShows charts for all of the tests in the suites.  Chart datapoints are\nclickable, so that you can see exactly what's going on. This example only has one chart, but\nmore would populate here if the suite had more tests. This UI is better served by smaller\nsuites.\n\n![suite](http://static.trulia-cdn.com/images/webpagetest-charts/webpagetest-charts-ui.png)\n\n### Datapoint Page\nA summary of the WPT results for that datapoint.  You can page through these\nresults, or click through to the full WPT test page to get even more data.\n\n![datapoint](http://static.trulia-cdn.com/images/webpagetest-charts/webpagetest-charts-ui-datapoint.png)\n\n## Contributing\nPRs are Happily Accepted! The preferred PR method is:\n\n1. Fork this repo\n2. Create a feature branch on your fork\n3. code things\n4. PR your feature branch to this master\n5. We'll check out your PR, test, code review and when it's ready merge it in.\n\nIf you have a larger idea, feel free to bring it up in an issue first\n\n## TODO\n1. chage the UI to better display a suite that has lots of tests\n1. Get off of Trulia's CSS and into a known framework\n\n## Code of Conduct\nPlease note that this project is released with a Contributor Code of Conduct. \nBy participating in this project you agree to abide by its terms.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrulia%2Fwebpagetest-charts-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftrulia%2Fwebpagetest-charts-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrulia%2Fwebpagetest-charts-ui/lists"}