chart-generator

Solid

Generate markdown tables OR XSS-safe SVG charts for sections with needs_table=true. Ensures ≥2 tables per article with ≥1 in front 50%. Uses scripts/build/chart_svg_builder.py.

AI & Automation 43 stars 13 forks Updated 3 days ago Apache-2.0

Install

View on GitHub

Quality Score: 84/100

Stars 20%
55
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
36
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Chart Generator Fills in tables/charts where outline-architect marked needs_table=true. ## Workflow ``` 1. For each section with needs_table=true: - LLM designs table structure (columns + 4-10 rows) - python -m scripts.build.chart_svg_builder --input table.json --type table 2. Verify final article has ≥2 tables 3. Verify ≥1 table in first 50% of article 4. Inject tables at the outline-architect specified positions ``` ## Default: markdown tables (safe) Always generates GFM markdown tables unless `chart_type` is explicit "bar" / "pie" / "line". ## SVG charts (XSS-safe) Per claude-blog pattern: no inline scripts, no event attributes, CSS-only hover. ## See also - `scripts/build/chart_svg_builder.py`

Details

Author
XuanRanL
Repository
XuanRanL/loamwright-SEO-Skill
Created
2 weeks ago
Last Updated
3 days ago
Language
Python
License
Apache-2.0

Integrates with

OpenAI · AI WordPress · CMS

Bundled in these plugins

xuanran-seo-blog-writer

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

blog-chart

Generate dark-mode-compatible inline SVG data visualization charts for blog posts. Supports horizontal bar, grouped bar, donut, line, lollipop, area, and radar charts with automatic platform detection (HTML vs JSX/MDX). Enforces chart type diversity, accessible markup (role=img, aria-labelledby), source attribution, and transparent backgrounds. Use whenever the user mentions data visualization, charts, graphs, comparison tables that need to be visualized, or wants to embed inline SVG visualizations in a blog post, even if not invoking blog-write. Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", "visualize data", or when the blog-write workflow identifies chart-worthy data points (3+ comparable metrics, trends, before/after data).

1,679 Updated 4 weeks ago
AgriciDaniel
Data & Documents Listed

svg-charts

Generate a standalone, brand-colorable SVG chart file (bar, line, pie, or combo) for cases the suite's default Mermaid-in-markdown convention cannot cover — more than roughly five pie or bar segments, custom per-series colors, log scales, or multi-series combo charts — saved as a real file and embedded via an img tag, since GitHub strips inline svg markup from rendered markdown. Use when a genre skill's chart need exceeds Mermaid's documented limits.

0 Updated 3 days ago
modeled-information-format
Data & Documents Listed

chart-dashboard

Build a self-contained HTML dashboard or data-story report from supplied information (metrics, tables, notes, pasted data, a topic), rendered with the bundled zero-dependency charts-lib SVG chart library. Use whenever the user asks for a dashboard, analytics page, KPI/bento view, chart deck, or illustrated report built from data they provide or describe.

1 Updated 2 days ago
raghuramsirigiri