{"id":30580646,"url":"https://github.com/aksarav/confmap","last_synced_at":"2026-06-20T11:31:08.772Z","repository":{"id":311492697,"uuid":"1043268546","full_name":"AKSarav/ConfMap","owner":"AKSarav","description":"JSON to mindmap, Yaml to MindMap - Visualize your Configuration files as mindmap with search and export features","archived":false,"fork":false,"pushed_at":"2025-11-14T04:20:56.000Z","size":32633,"stargazers_count":72,"open_issues_count":0,"forks_count":6,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-14T06:12:28.707Z","etag":null,"topics":["client-side","data-privacy","json","mindmap","opensource","visualization","yaml"],"latest_commit_sha":null,"homepage":"https://confmap.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AKSarav.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"ko_fi":"saravak"}},"created_at":"2025-08-23T13:50:51.000Z","updated_at":"2025-11-01T19:59:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"1c666745-0cd9-443a-81d5-2c3905140def","html_url":"https://github.com/AKSarav/ConfMap","commit_stats":null,"previous_names":["aksarav/confmap"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/AKSarav/ConfMap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AKSarav%2FConfMap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AKSarav%2FConfMap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AKSarav%2FConfMap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AKSarav%2FConfMap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AKSarav","download_url":"https://codeload.github.com/AKSarav/ConfMap/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AKSarav%2FConfMap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34568738,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-20T02:00:06.407Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["client-side","data-privacy","json","mindmap","opensource","visualization","yaml"],"created_at":"2025-08-29T05:40:12.024Z","updated_at":"2026-06-20T11:31:08.764Z","avatar_url":"https://github.com/AKSarav.png","language":"HTML","funding_links":["https://ko-fi.com/saravak"],"categories":[],"sub_categories":[],"readme":"[![Build](https://img.shields.io/badge/build-passing-brightgreen)](#)\n[![License: Apache 2.0](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](LICENSE)\n![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen)\n\n# ConfMap\n\nAn open-source library for mind map visualization of YAML, JSON, and YML configuration files, featuring an intelligent 13-level color-coding system.\n\n[![Watch the Demo](confmap-demo.png)](https://youtu.be/kYD43daiwp4)\n\n## 🚀 Try ConfMap Now\n**Visit [https://confmap.com](https://confmap.com) to use the interactive visualizer**\n\nUpload your YAML, JSON, or YML files and instantly see them transformed into beautiful, interactive mind maps with intelligent 13-level color coding.\n\n## ✨ Features\n\n- **🎨 Intelligent Color Coding**: 13 distinct colors for different hierarchy levels\n- **📁 Multi-format Support**: YAML, JSON, and YML files\n- **🔍 Enhanced Search**: Find and highlight ALL matching nodes with F3/Shift+F3 navigation\n- **🎯 Multiple Layouts**: Horizontal, Vertical, and Radial views\n- **📱 Responsive Design**: Works on all device sizes\n- **🎯 Node Focus**: Right-click to focus on specific nodes\n- **📊 Visual Hierarchy**: Clear column-based organization\n- **🧹 TidyUp Mode**: Alt+T to show only the lineage of a selected node (path from root + all descendants)\n- **📋 Copy Lineage**: Ctrl+C to copy the lineage tree of a selected node to clipboard in multiple formats\n- **📂 Toggle Expand/Collapse**: Alt+E or button click to toggle between expanding all nodes and collapsing all nodes\n- **📝 Word Wrapping**: Alt+W to toggle word wrapping for lengthy node text, improving readability of long configuration keys\n\n\n## 🚀 Getting Started\n\n**Option 1: Use the Hosted Version (Recommended)**\n1. Visit [https://confmap.com](https://confmap.com)\n2. Upload your configuration file\n3. Start exploring immediately\n\n**Option 2: Run Locally**\n1. Clone this repository\n2. Install dependencies with `npm install`\n3. Run `npm run dev` for development\n4. Open `map.html` in your browser\n\n\n## 🛠️ Technical Details\n\n- Built with **TypeScript** and **ECharts**\n- Responsive design with **Tailwind CSS**\n- Supports deep nesting up to 13 levels\n- Automatic color cycling for deeper levels\n- Interactive tooltips with level information\n- Legend showing all color levels\n- Smart text wrapping for improved readability\n\n## ⌨️ Keyboard Shortcuts\n\n| Shortcut | Action |\n|----------|--------|\n| `Alt + T` | Toggle TidyUp Mode (show lineage of selected node) |\n| `Alt + E` | Toggle Expand/Collapse all nodes |\n| `Alt + W` | Toggle word wrapping for lengthy text |\n| `Ctrl + C` | Copy lineage of selected node to clipboard |\n| `↑ / ↓` | Navigate through search results |\n| `Escape` | Exit TidyUp mode |\n\n## 🔧 Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Build for production\nnpm run build\n```\n\n\n\n\n## 🤝 Contributing\n\nWe welcome contributions! Open issues, propose features, or submit PRs. Please keep the code style consistent and ensure the UI remains responsive and privacy-first. Note that this is the source code for the ConfMap tool - please respect the intended usage patterns.\n\n## 📱 Usage Examples\n\n### Kubernetes Configurations\nPerfect for visualizing complex Kubernetes YAML files with multiple nested levels. Use Alt+W to enable word wrapping for long resource names and configuration keys.\n\n### Application Configs\nGreat for understanding application configuration hierarchies and relationships. Word wrapping helps with lengthy environment variable names and configuration paths.\n\n### Infrastructure as Code\nIdeal for Terraform, CloudFormation, and other IaC configurations. The word wrap feature is especially useful for long resource identifiers and policy statements.\n\n\n## 🎯 Use Cases\n\n- **Configuration Analysis**: Understand complex nested configurations\n- **Documentation**: Create visual documentation of system architectures\n- **Onboarding**: Help new team members understand system structures\n- **Troubleshooting**: Visualize configuration relationships and dependencies\n- **Planning**: Plan configuration changes with visual context\n\n---\n\n**Developed with ❤️ From India**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faksarav%2Fconfmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faksarav%2Fconfmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faksarav%2Fconfmap/lists"}