{"id":49577011,"url":"https://github.com/panastasiadis/crowd-density-heatmap","last_synced_at":"2026-05-03T17:36:27.525Z","repository":{"id":65910143,"uuid":"575878948","full_name":"panastasiadis/crowd-density-heatmap","owner":"panastasiadis","description":"This is a front-end web application written in JavaScript that uses the Leaflet library to display a heatmap layer of the crowd of Das Fest 2018 over the corresponding map location. ","archived":false,"fork":false,"pushed_at":"2023-02-15T17:50:47.000Z","size":83,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-09-11T10:28:54.705Z","etag":null,"topics":["crowd-simulation","das-fest-2018","front-end","heatmap","javascript","leaflet","real-time-data","trilateration","visualization","websocket"],"latest_commit_sha":null,"homepage":"","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/panastasiadis.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}},"created_at":"2022-12-08T14:01:19.000Z","updated_at":"2023-09-11T10:28:55.971Z","dependencies_parsed_at":"2023-02-20T23:45:41.848Z","dependency_job_id":null,"html_url":"https://github.com/panastasiadis/crowd-density-heatmap","commit_stats":null,"previous_names":["panastasiadis/crowd-density-heatmap"],"tags_count":null,"template":null,"template_full_name":null,"purl":"pkg:github/panastasiadis/crowd-density-heatmap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panastasiadis%2Fcrowd-density-heatmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panastasiadis%2Fcrowd-density-heatmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panastasiadis%2Fcrowd-density-heatmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panastasiadis%2Fcrowd-density-heatmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/panastasiadis","download_url":"https://codeload.github.com/panastasiadis/crowd-density-heatmap/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/panastasiadis%2Fcrowd-density-heatmap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32579071,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["crowd-simulation","das-fest-2018","front-end","heatmap","javascript","leaflet","real-time-data","trilateration","visualization","websocket"],"created_at":"2026-05-03T17:36:26.902Z","updated_at":"2026-05-03T17:36:27.516Z","avatar_url":"https://github.com/panastasiadis.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DAS FEST 2018 Crowd Heatmap\n\nThis is a front-end JavaScript application that uses the Leaflet library to display a heatmap layer of the crowd at DAS FEST 2018 over the corresponding map location. The app takes as input the coordinates of several RPis (located in the area) and uses the trilateration method to locate every user location using measures from these RPis.\n\n## Requirements\n\nTo run this application, you will need:\n\n* A modern web browser that supports ES6 JavaScript\n* A server to host the application, for example the VS Code Live Server extension\n\n## Usage\n\nTo get started with the application, open the `index.html` file in a web browser after hosting the application on a server. This will load the application and display the map.\n\nOnce the application is loaded, you should see a map of the DAS FEST 2018 location. The heatmap layer will not be displayed until the RPis are fetched and incoming data of detected devices starts to come through the Web socket connection.\n\nThe application heavily relies on two URLs to fetch the RPis and detected devices of the crowd. The RPis are loaded by making a GET request to the `http://62.217.127.19:8080/rpi` URL, while the detected devices are streamed through the WebSocket connection to the `ws://62.217.127.19:8080/stream` URL.\n\n**Note: This project has no control over the functionality of the URLs used to fetch the RPis and detected devices of the crowd.**\n\nThe trilateration method is used to calculate the locations of the detected devices on the map, using the coordinates of the RPis that detected each device. The located devices are displayed on the map as points and the heatmap layer is updated accordingly.\n\n**Note: The data coming from the WebSocket connection is a simulation of the real-time crowd movement and gathering on the day of the event of Das Fest 2018. The data is not a reflection of the current crowd density or location at the event.**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpanastasiadis%2Fcrowd-density-heatmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpanastasiadis%2Fcrowd-density-heatmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpanastasiadis%2Fcrowd-density-heatmap/lists"}