{"id":15927407,"url":"https://github.com/jfrux/comma-map-visualizer","last_synced_at":"2026-06-08T23:02:00.496Z","repository":{"id":139474887,"uuid":"150504918","full_name":"jfrux/comma-map-visualizer","owner":"jfrux","description":"Comma Map Speed Visualizer","archived":false,"fork":false,"pushed_at":"2018-11-15T19:33:26.000Z","size":21186,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-24T18:55:48.769Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://heuristic-brown-efd10b.netlify.com/","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/jfrux.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2018-09-27T00:14:30.000Z","updated_at":"2018-11-15T19:33:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"f7590dd6-55e9-458c-b6e2-dbed428ab361","html_url":"https://github.com/jfrux/comma-map-visualizer","commit_stats":{"total_commits":17,"total_committers":1,"mean_commits":17.0,"dds":0.0,"last_synced_commit":"3e4f4ff0013e29b7a4b36a09fec29c5414f500c2"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jfrux/comma-map-visualizer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jfrux%2Fcomma-map-visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jfrux%2Fcomma-map-visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jfrux%2Fcomma-map-visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jfrux%2Fcomma-map-visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jfrux","download_url":"https://codeload.github.com/jfrux/comma-map-visualizer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jfrux%2Fcomma-map-visualizer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34083848,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-08T02:00:07.615Z","response_time":111,"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":"2024-10-06T23:01:23.031Z","updated_at":"2026-06-08T23:02:00.478Z","avatar_url":"https://github.com/jfrux.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Comma Map Speed Visualizer\n\nShows a list of routes, user selects a route, it shows the points on a map with a blip for speed of each point.\n\n## Todos / Nice to haves\n\n- [ ] Field to quick add a new feed by URL\n- [ ] Animate / replay the drive in real-time, showing speed in HUD\n\n## Done\n\n- [x] Research existing OSS modules that could be helpful in this project.\n- [x] Basic mapbox implementation\n- [x] Overall structure of layout.\n- [x] Redux Store\n- [x] Mock-endpoint for raw JSON results.\n- [x] Serves JSON files as static assets for now until we want to host them somewhere or allow users to add feeds.\n- [x] Very fast performance for processing the data in the browser.\n- [x] Display the routes in a list next to a map.\n- [x] User clicks route, shows route in map with speeds at each point.\n- [x] As you zoom in you see more and more speeds \n- [x] It must scrub the data in real-time in the browser.\n- [x] Iterate data through a visualization sdk such as Mapbox.\n- [x] Display the points on Mapbox map with a tag showing speed estimated at each point.\n\n## User Stories\n\n- [x] User visits page and sees list of routes and a message telling them to select a route.\n- [x] User clicks a route, Mapbox appears where message was.\n- [x] User sees points visualized on the map for the route.\n- [x] User zooms in and sees more and more detailed list of speeds.\n\n## Starting the dev server\n\nMake sure you have the latest Stable or LTS version of Node.js installed.\n\n1. `git clone https://github.com/jfrux/comma-map-visualizer.git`\n2. Run `npm install` or `yarn install`\n3. Start the dev server using `npm start`\n3. Open [http://localhost:8080](http://localhost:8080)\n\n## Available Commands\n\n- `npm start` - start the dev server\n- `npm clean` - delete the dist folder\n- `npm run production` - create a production ready build in `dist` folder\n- `npm run lint` - execute an eslint check\n- `npm test` - run all tests\n- `npm run test:watch` - run all tests in watch mode\n- `npm run coverage` - generate code coverage report in the `coverage` folder\n\n\u003c!-- ## Vendor Exporting\n\nYou can export specific vendors in separate files and load them. All vendors should be included in `app/vendors` and will be exported in a `vendors` folder under `dist`. The main idea is to serve independent JavaScript and CSS libraries, though currently all file formats are supported.\n\n! Don't forget to add the vendors in `app/index.html` and `build/index.html`.\n\n## Code Coverage\n\nThe project is using the Jest Code Coverage tool. The reports are generated by running `npm run coverage`. All configurations are located in `package.json`, inside the `jest` object.\n\nThe coverage report consists of an HTML reporter, which can be viewed in the browser and some helper coverage files like the coverage json and xml file.\n\n## Production code\n\nRun `npm run production`. The production-ready code will be located under `dist` folder. --\u003e\n\n## Licence\n\n_comma-map-visualizer_ is available under MIT.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjfrux%2Fcomma-map-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjfrux%2Fcomma-map-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjfrux%2Fcomma-map-visualizer/lists"}