{"id":15848676,"url":"https://github.com/kinolag/traffic","last_synced_at":"2026-05-13T07:02:19.619Z","repository":{"id":221488936,"uuid":"746616726","full_name":"kinolag/traffic","owner":"kinolag","description":"A geospatial visualisation app showing road traffic information for all areas of Inner London. Built in TypeScript, combining React with D3.","archived":false,"fork":false,"pushed_at":"2024-03-22T20:18:56.000Z","size":389,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-07T11:52:19.803Z","etag":null,"topics":["d3","data-visualization","geojson","geospatial-visualization","mapping","react","responsive-design","svg","topojson","typescript"],"latest_commit_sha":null,"homepage":"https://kinola.it/app/traffic/","language":"TypeScript","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/kinolag.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}},"created_at":"2024-01-22T11:17:51.000Z","updated_at":"2024-05-25T14:34:00.000Z","dependencies_parsed_at":"2024-03-22T21:32:06.152Z","dependency_job_id":"38fd9243-4e72-4ab2-b72b-6605661b4387","html_url":"https://github.com/kinolag/traffic","commit_stats":{"total_commits":134,"total_committers":2,"mean_commits":67.0,"dds":"0.052238805970149294","last_synced_commit":"89230d0a05f3405371caa495a6a579c2018020b7"},"previous_names":["kinolag/traffic"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kinolag%2Ftraffic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kinolag%2Ftraffic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kinolag%2Ftraffic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kinolag%2Ftraffic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kinolag","download_url":"https://codeload.github.com/kinolag/traffic/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246685028,"owners_count":20817538,"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","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":["d3","data-visualization","geojson","geospatial-visualization","mapping","react","responsive-design","svg","topojson","typescript"],"created_at":"2024-10-05T18:04:44.556Z","updated_at":"2026-05-13T07:02:14.552Z","avatar_url":"https://github.com/kinolag.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# traffic - responsive geospatial visualisation app\n\nBuilt with __TypeScript__, __React__, __D3__, __GeoJSON__, __TopoJson__ and __SVG__.\n\nThe app visualises part of the information about the [road traffic statistics](https://roadtraffic.dft.gov.uk/downloads) collected in the UK over 23 years (2000-2022), across 45,865 manual count points.\n\nTraffic data is displayed over a [GeoJSON representation](https://martinjc.github.io/UK-GeoJSON/) of the selected area generated with [D3.js](https://d3js.org/).\n\nA second chart shows the distribution of traffic in the area by vehicle type.\n\n## Features:\n\n• view traffic points in selected `area`, and related traffic details for each point\n\n• see gradual evolution by modifying `year` via custom slider\n\n• filter data by `vehicle type`\n\n• display an animated loader while data is being fetched\n\n• display a fallback UI if data fetching fails\n\nThe app is responsive and works on touch screen devices too.\n\nDeployed to [kinola.it/app/traffic/](https://kinola.it/app/traffic/)\n\n## Areas covered\n\nAll Inner London Boroughs are currently covered.\n\n[Image source: Wikimedia](https://commons.wikimedia.org/wiki/File:Outer_Inner_London_Boroughs.png)\n\n![London Boroughs](https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Outer_Inner_London_Boroughs.png/776px-Outer_Inner_London_Boroughs.png)\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `yarn start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n### `yarn build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkinolag%2Ftraffic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkinolag%2Ftraffic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkinolag%2Ftraffic/lists"}