{"id":48146179,"url":"https://github.com/chiefinnovator/levelupcircle","last_synced_at":"2026-04-04T17:00:14.883Z","repository":{"id":310280959,"uuid":"1039315877","full_name":"ChiefInnovator/levelupcircle","owner":"ChiefInnovator","description":"Interactive Level-Up Circle generator for mapping and exporting interconnected goals.","archived":false,"fork":false,"pushed_at":"2026-03-18T13:43:06.000Z","size":3874,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-19T02:49:04.502Z","etag":null,"topics":["canvas-app","chatgpt-integration","export","goal-mapping","interactive-tool","responsive-design","visualization"],"latest_commit_sha":null,"homepage":"https://mill5.com","language":"HTML","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/ChiefInnovator.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":"docs/roadmap.md","authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-17T00:18:24.000Z","updated_at":"2026-03-18T13:43:10.000Z","dependencies_parsed_at":"2025-08-17T02:38:16.107Z","dependency_job_id":null,"html_url":"https://github.com/ChiefInnovator/levelupcircle","commit_stats":null,"previous_names":["chiefinnovator/levelupcircle"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ChiefInnovator/levelupcircle","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefInnovator%2Flevelupcircle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefInnovator%2Flevelupcircle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefInnovator%2Flevelupcircle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefInnovator%2Flevelupcircle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChiefInnovator","download_url":"https://codeload.github.com/ChiefInnovator/levelupcircle/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiefInnovator%2Flevelupcircle/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31407357,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T10:20:44.708Z","status":"ssl_error","status_checked_at":"2026-04-04T10:20:06.846Z","response_time":60,"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":["canvas-app","chatgpt-integration","export","goal-mapping","interactive-tool","responsive-design","visualization"],"created_at":"2026-04-04T17:00:14.075Z","updated_at":"2026-04-04T17:00:14.866Z","avatar_url":"https://github.com/ChiefInnovator.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Level-Up Circle Generator\n\nInteractive single-page tool for designing and exporting a \"Level-Up Circle\" — a visual map of interconnected goals, projects, or focus areas that reinforce each other through synergy and compounding growth. Built as a self-contained HTML Canvas app with minimal external dependencies.\n\n**Try it now:** [https://chiefinnovator.github.io/levelupcircle/levelup-circle-generator.html](https://chiefinnovator.github.io/levelupcircle/levelup-circle-generator.html)\n\n## Features\n\n- Up to 36 labeled points arranged radially around a central circle\n- Smart color generation (equal or golden-angle spacing) for vivid, distinct colors\n- Dark and light theme support with theme-aware preview background\n- Independent neon glow effects for title, points, labels, circle, and connections\n- Automatic multi-line smart label wrapping with semantic split points\n- Adjustable point size, label offset spacing, label font size, and title font size\n- Complete connection mesh toggle (show/hide lines between all points)\n- High-resolution PNG export (1080, 2048, 3840 square)\n- Deep linking with compressed URL state sharing (lz-string)\n- Fullscreen mode for presentations and embedding\n- Social sharing buttons (Copy Link, Twitter/X, Facebook)\n- Ask ChatGPT for personalized strategic advice on your focus areas\n- Auto-save to `localStorage` on every change\n- Responsive resizing with `ResizeObserver`\n- Mobile-friendly with collapsible controls panel and scroll indicator\n- Toast notification system for user feedback\n- XSS-safe label rendering with HTML entity escaping\n\n## Quick Start\n\n1. Open `levelup-circle-generator.html` in any modern browser (Chrome, Edge, Safari, Firefox). No build step required.\n2. Adjust the controls in the left panel — title, theme, number of points, glow effects, etc.\n3. Edit point labels and colors directly in the point list.\n4. Click **Export PNG** to download a high-resolution image.\n5. Use the share buttons to copy a link or share to social media.\n\n## Controls Reference\n\n### Basic Settings\n\n| Control | Description |\n|---------|-------------|\n| Title | Text displayed at top of the circle (glow optional) |\n| Theme | Dark (black) or Light (white) background |\n\n### Advanced Settings (collapsible)\n\n| Control | Range | Description |\n|---------|-------|-------------|\n| Number of Points | 1–36 | Nodes arranged around the circle |\n| Export Size | 1080 / 2048 / 3840 | Output canvas dimension (square, in pixels) |\n| Point Size | 1–60 | Radius of each goal node |\n| Label Spacing | 0–100 | Distance of labels from point edge |\n| Label Font Size | 8–32 | Size of point label text |\n| Title Font Size | 16–48 | Size of title text |\n\n### Glow Effects\n\n| Control | Description |\n|---------|-------------|\n| Neon Glow Title | Toggle glow for title text |\n| Neon Glow Points | Toggle glow for point dots |\n| Neon Glow Labels | Toggle glow for label text |\n| Neon Glow Circle | Toggle glow for the outer ring |\n| Neon Glow Connections | Toggle glow for connection lines |\n| Show Connection Lines | Toggle full interconnection mesh |\n\n### Action Buttons\n\n| Button | Description |\n|--------|-------------|\n| Random Colors | Re-generate colors (alternates spacing mode) |\n| Load Example | Reset to seeded demo state |\n| Save State | Persist configuration to `localStorage` with confirmation |\n| Clear State | Clear saved state and reload example |\n| Redraw | Force redraw the canvas |\n| Export PNG | Generate and download image |\n\n### Share Bar (floating, top-right)\n\n| Button | Description |\n|--------|-------------|\n| Copy Link | Copy shareable URL to clipboard (includes fullscreen state) |\n| Twitter/X | Share to Twitter/X with pre-filled text |\n| Facebook | Share to Facebook |\n| ChatGPT | Ask ChatGPT for strategic advice on your focus areas |\n| Fullscreen | Toggle fullscreen presentation mode (hides controls) |\n\n## Sharing \u0026 Deep Links\n\n- **Copy Share Link**: Copies a URL containing your entire circle configuration. Recipients see your exact circle.\n- **Fullscreen Mode**: Toggle fullscreen to hide controls and show only the circle. Share links preserve this mode with `\u0026fs=1`.\n- **Twitter/X \u0026 Facebook**: Share directly to social platforms (requires deployed URL, not localhost).\n- **Ask ChatGPT**: Opens a new browser tab with a personalized strategy prompt based on your circle's title and focus areas.\n\nURLs use lz-string compression for compact sharing. Legacy URL format is supported for backwards compatibility.\n\n## Project Structure\n\n```\nlevelupcircle/\n├── levelup-circle-generator.html   # Main application (single-file app)\n├── index.html                      # Redirect page to main app\n├── README.md                       # This file\n├── level_up_circle_blog.md         # Philosophy article on synergy mapping\n├── preview.png                     # Open Graph / social media preview image\n├── docs/\n│   ├── architecture.md             # Technical architecture \u0026 rendering pipeline\n│   ├── features.md                 # Complete feature specifications\n│   ├── url-sharing-spec.md         # URL sharing \u0026 deep linking specification\n│   ├── state-management.md         # State schema \u0026 persistence details\n│   ├── ask-chatgpt-feature.md      # ChatGPT integration documentation\n│   └── roadmap.md                  # UI enhancement plan \u0026 roadmap\n├── Rich/                           # Reference example images\n│   ├── level-up-circle-3840x3840 no lines.jpg\n│   ├── level-up-circle-3840x3840 no lines.png\n│   ├── level-up-circle-3840x3840 w lines.jpg\n│   └── level-up-circle-3840x3840 w lines.png\n└── .gitignore\n```\n\n## Dependencies\n\n| Dependency | Version | Purpose |\n|------------|---------|---------|\n| [lz-string](https://github.com/pieroxy/lz-string) | 1.5.0 (CDN) | URL compression for deep linking |\n\nNo build tools, package managers, or frameworks required. Works standalone in any modern browser.\n\n## Documentation\n\nDetailed specifications are in the [docs/](docs/) folder:\n\n- **[Architecture](docs/architecture.md)** — Technical overview, rendering pipeline, and code organization\n- **[Features](docs/features.md)** — Complete feature specifications and behavior details\n- **[URL Sharing](docs/url-sharing-spec.md)** — Deep linking format, compression, and legacy support\n- **[State Management](docs/state-management.md)** — State schema, localStorage persistence, auto-save\n- **[Ask ChatGPT](docs/ask-chatgpt-feature.md)** — ChatGPT integration and prompt template\n- **[Roadmap](docs/roadmap.md)** — Planned enhancements and completion status\n\n## Concept \u0026 Philosophy\n\nSee [level_up_circle_blog.md](level_up_circle_blog.md) for the philosophy behind interconnected goal design. The Level-Up Circle represents a shift from isolated goal-setting to synergistic systems thinking, inspired by flywheel diagrams (Disney, Amazon) and goal compounding principles.\n\n## Browser Support\n\nModern browsers supporting HTML5 Canvas, localStorage, and ResizeObserver:\n- Chrome / Edge (Chromium)\n- Safari\n- Firefox\n\n## License\n\nNo license is granted. All rights reserved. The source code, images, article content, and generated outputs may not be copied, modified, redistributed, published, or used (commercially or non-commercially) without the explicit prior written permission of the author.\n\nPermitted use: You may view and run the HTML locally for personal evaluation only. Any other usage requires written authorization.\n\n**Copyright \u0026copy; 2025 Richard Crane. All Rights Reserved.**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchiefinnovator%2Flevelupcircle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchiefinnovator%2Flevelupcircle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchiefinnovator%2Flevelupcircle/lists"}