{"id":13459380,"url":"https://github.com/shuding/cobe","last_synced_at":"2025-04-10T04:53:33.642Z","repository":{"id":40300952,"uuid":"429536908","full_name":"shuding/cobe","owner":"shuding","description":"5kB WebGL globe lib.","archived":false,"fork":false,"pushed_at":"2024-06-18T12:37:34.000Z","size":452,"stargazers_count":3466,"open_issues_count":26,"forks_count":182,"subscribers_count":15,"default_branch":"main","last_synced_at":"2025-04-03T02:57:02.474Z","etag":null,"topics":["globe","webgl"],"latest_commit_sha":null,"homepage":"https://cobe.vercel.app","language":"MDX","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/shuding.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":"2021-11-18T18:26:41.000Z","updated_at":"2025-04-02T08:10:33.000Z","dependencies_parsed_at":"2023-02-08T18:01:35.224Z","dependency_job_id":"5f6ccf62-c8d2-4034-b5db-7dddb399c61b","html_url":"https://github.com/shuding/cobe","commit_stats":{"total_commits":57,"total_committers":13,"mean_commits":4.384615384615385,"dds":"0.22807017543859653","last_synced_commit":"328f7b89d4a9062d30b9900d01dfd5e83a9bda1d"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shuding%2Fcobe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shuding%2Fcobe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shuding%2Fcobe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shuding%2Fcobe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shuding","download_url":"https://codeload.github.com/shuding/cobe/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248161257,"owners_count":21057553,"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":["globe","webgl"],"created_at":"2024-07-31T09:01:19.198Z","updated_at":"2025-04-10T04:53:33.619Z","avatar_url":"https://github.com/shuding.png","language":"MDX","readme":"\n[![COBE](card.png)](https://cobe.vercel.app)\n\n\u003cp align=\"center\"\u003eA \u003cb\u003elightweight (5kB)\u003c/b\u003e WebGL globe lib. The name \"COBE\" stands for \u003ca href=\"https://en.wikipedia.org/wiki/Cosmic_Background_Explorer\" target=\"_blank\"\u003eCosmic Background Explorer\u003c/a\u003e.\u003c/p\u003e\n\n---\n\n- [**Demo** and configurations](https://cobe.vercel.app)\n- Use with React: https://codesandbox.io/s/eager-sky-r2q0g\n- Use with vanilla JS: https://codesandbox.io/s/peaceful-gwen-m579y\n- Use with Vue3: https://stackblitz.com/edit/vitejs-vite-l5a8xk?file=src/App.vue\n- Use with Svelte: https://codesandbox.io/s/great-visvesvaraya-78yf6?file=/App.svelte\n\n## Quick Start\n\n```html\n\u003ccanvas\n  id=\"cobe\"\n  style=\"width: 500px; height: 500px;\"\n  width=\"1000\"\n  height=\"1000\"\n\u003e\u003c/canvas\u003e\n```\n\n```js\nimport createGlobe from 'cobe'\n\nlet phi = 0\nlet canvas = document.getElementById(\"cobe\")\n\nconst globe = createGlobe(canvas, {\n  devicePixelRatio: 2,\n  width: 1000,\n  height: 1000,\n  phi: 0,\n  theta: 0,\n  dark: 0,\n  diffuse: 1.2,\n  scale: 1,\n  mapSamples: 16000,\n  mapBrightness: 6,\n  baseColor: [0.3, 0.3, 0.3],\n  markerColor: [1, 0.5, 1],\n  glowColor: [1, 1, 1],\n  offset: [0, 0],\n  markers: [\n    { location: [37.7595, -122.4367], size: 0.03 },\n    { location: [40.7128, -74.006], size: 0.1 },\n  ],\n  onRender: (state) =\u003e {\n    // Called on every animation frame.\n    // `state` will be an empty object, return updated params.\n    state.phi = phi\n    phi += 0.01\n  },\n})\n\n// `globe` will be a Phenomenon (https://github.com/vaneenige/phenomenon) instance.\n// To pause requestAnimationFrame:\n// `globe.toggle()`\n// To remove the instance:\n// `globe.destroy()`\n// ...\n```\n\n## Acknowledgment\n\nThis project is inspired \u0026 based on the great work of:\n\n- [Spherical Fibonacci Mapping](https://dl.acm.org/doi/10.1145/2816795.2818131), Benjamin Keinert et al.\n- https://www.shadertoy.com/view/lllXz4, Inigo Quilez\n- https://github.blog/2020-12-21-how-we-built-the-github-globe\n- https://github.com/vaneenige/phenomenon\n- https://github.com/evanw/glslx\n\nWorld map asset from:\n\n- https://de.wikipedia.org/wiki/Datei:World_map_blank_without_borders.svg\n\n## License\n\nThe MIT License.\n","funding_links":[],"categories":["MDX","TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshuding%2Fcobe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshuding%2Fcobe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshuding%2Fcobe/lists"}