{"id":42258005,"url":"https://github.com/this-oliver/point-and-plot","last_synced_at":"2026-01-27T05:36:41.841Z","repository":{"id":260595880,"uuid":"871622543","full_name":"this-oliver/point-and-plot","owner":"this-oliver","description":"generate accurate coordinates for SVG elements in a quick and simple manner that saves you hours of trial and error.","archived":false,"fork":false,"pushed_at":"2025-01-16T21:10:07.000Z","size":37,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-09T13:06:53.558Z","etag":null,"topics":["coordinates","html","interactive-visualizations","javascript","plotting","svg","web"],"latest_commit_sha":null,"homepage":"https://point-and-plot.oliverrr.net/","language":"JavaScript","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/this-oliver.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","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},"funding":{"github":["this-oliver"]}},"created_at":"2024-10-12T13:30:26.000Z","updated_at":"2025-06-11T12:25:38.000Z","dependencies_parsed_at":"2024-11-01T09:24:33.735Z","dependency_job_id":"14b49c2e-b51e-4990-91bf-3e2eeabc7c83","html_url":"https://github.com/this-oliver/point-and-plot","commit_stats":null,"previous_names":["this-oliver/point-and-plot"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/this-oliver/point-and-plot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/this-oliver%2Fpoint-and-plot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/this-oliver%2Fpoint-and-plot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/this-oliver%2Fpoint-and-plot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/this-oliver%2Fpoint-and-plot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/this-oliver","download_url":"https://codeload.github.com/this-oliver/point-and-plot/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/this-oliver%2Fpoint-and-plot/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28804291,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T03:44:14.111Z","status":"ssl_error","status_checked_at":"2026-01-27T03:43:33.507Z","response_time":168,"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":["coordinates","html","interactive-visualizations","javascript","plotting","svg","web"],"created_at":"2026-01-27T05:36:41.755Z","updated_at":"2026-01-27T05:36:41.822Z","avatar_url":"https://github.com/this-oliver.png","language":"JavaScript","funding_links":["https://github.com/sponsors/this-oliver"],"categories":[],"sub_categories":[],"readme":"# Point-and-plot\n\n`Point-and-plot` is a tool that generates quick and accurate `x` and `y` coordinates for SVG elements to save you hours of trial and error. All you have to do is upload an image and click on the areas you want to get the coordinates for.\n\nThis tools is the result of a visual project that I once worked on which involved making an svg file interactive and I couldn't be bothered with mapping some interactible components by guessing coordinates for like 50+ components.\n\n## Getting started\n\n\u003e [!TIP]\n\u003e For the best experience, visit the website [point-and-plot.oliverrr.net](https://point-and-plot.oliverrr.net) to skip the setup process.\n\n1. Clone the repository - `git clone https://github.com/this-oliver/point-and-plot.git`.\n2. Click on the `index.html` file and copy its path.\n3. Paste the path in your browser.\n\n```bash\n# Clone the repository\ngit clone https://github.com/this-oliver/point-and-plot.git\n\n# Change directory\ncd point-and-plot\n\n# Open the index.html file in your browser (MacOS)\nopen index.html\n\n# Open the index.html file in your browser (Windows)\nstart index.html\n```\n\n## How to use\n\n\u003e [!NOTE]\n\u003e Uploaded SVG files are not stored on the server. They are only used to generate the coordinates.\n\n1. Upload the SVG file you want to edit.\n2. Point and click on an area of the image.\n3. Accept or reject the coordinates/position.\n4. Repeat step 2 and 3 until you have all the coordinates you need.\n5. Download the coordinates as a JSON file or copy them to the clipboard (see the web console).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthis-oliver%2Fpoint-and-plot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthis-oliver%2Fpoint-and-plot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthis-oliver%2Fpoint-and-plot/lists"}