Turn audit and citation-tracking data into a single self-contained HTML file that renders a clean
chart with no build step and no external dependencies (inline SVG + CSS). It screenshots well for a
report, a deck, or a LinkedIn post, which is where GEO results actually get distributed.
When to use
After track-ai-citations: plot the citation-rate line at baseline / +30 / +90 days, per engine.
After seo-geo-audit: a score-by-category bar chart (the bottleneck at a glance).
For stakeholder buy-in: the signal-weight comparison (brand mentions ≈ 3× backlinks; see GEO-ADOPTION.md).
Workflow
Get the data (from a skill's CSV/JSON output, or ask the user).
Copy examples/citation-trend.html as a base and edit the inline DATA array. Keep it one file.
Pick the chart type:
Line, citation rate over time (the headline GEO chart).
Bar, score by category, or citation rate by engine.
Comparison, signal weights / before-after.
Keep the styling restrained: dark background, one accent per series, readable labels, a clear title
and source line. No chartjunk.
Save to the output dir and tell the user to open it / screenshot it.
Style
No emojis in client-facing charts. Always include a title and a small source/footnote line. Label axes.
Round numbers honestly and note when figures are approximate or directional.
1---2name: geo-charts3description: GEO charts4---56# GEO charts78Turn audit and citation-tracking data into a **single self-contained HTML file** that renders a clean9chart with no build step and no external dependencies (inline SVG + CSS). It screenshots well for a10report, a deck, or a LinkedIn post, which is where GEO results actually get distributed.1112## When to use13- After `track-ai-citations`: plot the citation-rate line at baseline / +30 / +90 days, per engine.14- After `seo-geo-audit`: a score-by-category bar chart (the bottleneck at a glance).15- For stakeholder buy-in: the signal-weight comparison (brand mentions ≈ 3× backlinks; see GEO-ADOPTION.md).1617## Workflow181. Get the data (from a skill's CSV/JSON output, or ask the user).192. Copy `examples/citation-trend.html` as a base and edit the inline `DATA` array. Keep it one file.203. Pick the chart type:21 - **Line**, citation rate over time (the headline GEO chart).22 - **Bar**, score by category, or citation rate by engine.23 - **Comparison**, signal weights / before-after.244. Keep the styling restrained: dark background, one accent per series, readable labels, a clear title25 and source line. No chartjunk.265. Save to the output dir and tell the user to open it / screenshot it.2728## Style29No emojis in client-facing charts. Always include a title and a small source/footnote line. Label axes.30Round numbers honestly and note when figures are approximate or directional.
Run npx skillmds@latest add ondrejknedla/geo-charts in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
GEO charts It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
OndrejKnedla (@ondrejknedla) published this skill. Their other Agent Skills are listed on their SkillMD profile.
OndrejKnedla