interchart

Generate an interactive D3.js force-directed graph of the Demarch monorepo ecosystem.

3|1|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/mistakeknot/Demarch --skill interchart
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: interchart
Source: https://github.com/mistakeknot/Demarch/tree/main/.gemini/generated-skills/interchart
Command: npx skills add https://github.com/mistakeknot/Demarch --skill interchart

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill generates an interactive, D3.js-powered force graph visualizing the complex relationships between all components of the Demarch monorepo, including plugins, skills, agents, and services.

Core Features & Use Cases

  • Ecosystem Mapping: Provides a clear, visual overview of the entire Demarch project structure.
  • Relationship Visualization: Shows how different modules (plugins, skills, MCP servers, hooks, etc.) connect and depend on each other.
  • Domain Overlays: Highlights functional overlaps between components using colored convex hull polygons.
  • Sprint Phase Integration: Optionally overlays sprint phase nodes and participation links onto the ecosystem graph.
  • Use Case: Quickly understand the impact of a change in one plugin on the rest of the ecosystem, or identify all components related to a specific functional domain like "analytics-observability".

Quick Start

Use the interchart skill to generate the interactive ecosystem diagram for the Demarch monorepo.

Frequently Asked Questions about interchart

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I visualize a monorepo dependency graph to see how plugins and services connect?

To visualize a monorepo dependency graph, you can generate an interactive D3.js force-directed graph that scans your project structure and outputs a self-contained HTML file showing dynamic relationships between plugins, skills, and services.

What is a force-directed graph and how does it show domain overlaps in a software ecosystem?

A force-directed graph is a D3.js visualization that dynamically maps component relationships, using colored convex hull polygons to highlight functional domain overlaps like analytics or observability within a software ecosystem.

Can I use D3.js to map an ecosystem that includes MCP servers and hooks?

Yes, you can use D3.js to map an ecosystem that includes MCP servers and hooks by scanning the monorepo structure and generating a dynamic visualization that details how these components depend on each other.

Does this dependency graph visualization support adding sprint phases for development context?

Yes, the dependency graph visualization supports adding sprint phases by optionally overlaying sprint phase nodes and participation links onto the ecosystem graph to provide contextual understanding of the development workflow.

What is the best way to identify the impact of changing a plugin within a large monorepo?

The best way to identify the impact of changing a plugin is to generate an interactive ecosystem diagram that visually maps the dependencies and relationships connected to that specific module.

Do I need to install external dependencies to view the generated ecosystem diagram?

No, you do not need to install external dependencies to view the generated ecosystem diagram because the D3.js visualization outputs a self-contained HTML file that runs independently in a browser.