{"id":19459915,"url":"https://github.com/hamza-rafique/heatmap-threejs","last_synced_at":"2026-04-29T12:32:08.283Z","repository":{"id":255982811,"uuid":"853799840","full_name":"Hamza-Rafique/heatmap-threejs","owner":"Hamza-Rafique","description":"using reactjs threejs created  heatmap and loading glt 3d","archived":false,"fork":false,"pushed_at":"2024-09-16T12:07:36.000Z","size":24256,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-08T02:16:58.471Z","etag":null,"topics":["heatmap","heatmap-visualization","heatmap-with-threejs-reactjs","reactjs","threejs-example","threejs-learning"],"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/Hamza-Rafique.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-09-07T15:15:14.000Z","updated_at":"2024-09-17T04:55:59.000Z","dependencies_parsed_at":"2024-09-16T13:08:07.722Z","dependency_job_id":null,"html_url":"https://github.com/Hamza-Rafique/heatmap-threejs","commit_stats":null,"previous_names":["hamza-rafique/heatmap-threejs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hamza-Rafique%2Fheatmap-threejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hamza-Rafique%2Fheatmap-threejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hamza-Rafique%2Fheatmap-threejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hamza-Rafique%2Fheatmap-threejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hamza-Rafique","download_url":"https://codeload.github.com/Hamza-Rafique/heatmap-threejs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240664496,"owners_count":19837563,"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":["heatmap","heatmap-visualization","heatmap-with-threejs-reactjs","reactjs","threejs-example","threejs-learning"],"created_at":"2024-11-10T17:34:31.351Z","updated_at":"2026-04-29T12:32:03.251Z","avatar_url":"https://github.com/Hamza-Rafique.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\nU will be given GLB file and base on Gaze Data from Game engine, it needs to output a heatmap like this attached image\n\n**Another example**\n\n\n![image](https://github.com/user-attachments/assets/1666e7d6-966b-4d1f-b2ff-123334272d07)\n\nhttps://community.cesium.com/t/applying-colored-heatmaps-to-buildings-as-3d-tiles/9688\n\n---\n\n- use React and ThreeJS can use BabylonJS if u want.\n- Implement heatmap on GLB file from data given\n- Should not be tide to one GLB, so logic should be any GLB and the data from that scene\nIt should feel and look like provided screenshot\nPOSX and POZ is cords which u need to use\n\nThis GLB has a region of \n\n```python\n\"regions\" : [\n        {\n            \"name\" : \"Tracker\",\n            \"minX\" : \"-108.8917\",\n            \"maxX\" : \"84.31494\",\n            \"minZ\" : \"-36.81385\",\n            \"maxZ\" : \"127.0695\"\n        }\n    ]\n```\n\nin provided screenshot u can see 2D map with same positions\n\n\u003cimg width=\"794\" alt=\"Screenshot 2024-09-07 at 17 06 41\" src=\"https://github.com/user-attachments/assets/37812c72-7a29-4b26-a3c7-ac162a0e8385\"\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhamza-rafique%2Fheatmap-threejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhamza-rafique%2Fheatmap-threejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhamza-rafique%2Fheatmap-threejs/lists"}