chart-visualization

A guide for choosing and creating charts, diagrams, dashboards, and other visual summaries from research data.

In plain words
What is it for?
Use it to select a suitable visual format, prepare data, build the artifact, and check its quality and accessibility.
Why use it?
It helps turn structured data into readable visuals while keeping labels, units, sources, and transformations clear.

Skill for Claude CodeCodex

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/ifuryst/aifi/chart-visualization
Any agent
npx skills add iFurySt/aifi --skill chart-visualization
Clone the repo
git clone --depth 1 https://github.com/iFurySt/aifi

Made for: Claude Code, Codex.

Per session 66 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,143 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00066 $0.01143
Opus 5 $0.00033 $0.00571
Sonnet 5 $0.00013 $0.00229
Haiku 4.5 $0.00007 $0.00114

Measured 2d ago against content hash d8b5e16d60b4, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

chart-visualization scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

The scan reads SKILL.md. This mod also ships 1 executable file (scripts/render_examples.py), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/chart-visualization/SKILL.md · 104 lines

How it starts

The opening of the file, as written. The whole thing — 104 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Chart Visualization

Use this skill to turn structured or semi-structured data into legible visual artifacts for AIFi research. The skill supports static figures, browser-native HTML components, interactive charts, analysis dashboards, diagrams, and Sankey-style flow views.

Workflow

  1. Clarify the audience, artifact target, data source, and output format.
  2. Read references/chart-selection.md to choose the chart family and data contract. For investment research, also read references/investment-html-gallery.md.
  3. Load only the implementation reference needed for the selected environment: investment HTML, static SVG, Python plotting, browser HTML, diagram text, or Sankey flow.
  4. Normalize the data before drawing. Keep source labels, units, time ranges, and transformations visible in the artifact or companion notes.
  5. Generate the smallest useful artifact first, then iterate on labeling, ordering, annotations, and accessibility.
  6. Validate the output with references/quality-gates.md before returning it.
  7. Store reusable outputs under the relevant research/targets/<target>/ artifact folder when the chart belongs to investment research.

Reference TOC

  • references/chart-selection.md: chart chooser, data contracts, and common analytical intents.
  • references/investment-html-gallery.md: investment chart taxonomy, HTML-first design rules, and which example file to copy for each chart family.
  • references/html-examples/market-timeseries.html: line, area, indexed performance, cumulative return, drawdown, rolling metric, and volume panels.
  • references/html-examples/trading-microstructure.html: candlestick, OHLC, depth, order-flow, footprint, tick, Renko, Heikin Ashi, and Point & Figure layouts.
  • references/html-examples/composition-and-allocation.html: stacked bars, 100% stacked bars, donut, treemap, sunburst, icicle, Marimekko, and asset allocation views.
  • references/html-examples/risk-distribution.html: histogram, box plot, violin, KDE, QQ plot, VaR, stress test, tracking error, and ratio ranking views.
  • references/html-examples/portfolio-optimization.html: risk-return scatter, efficient frontier, factor exposure, correlation matrix, covariance matrix, alpha/beta, and risk attribution views.
  • references/html-examples/attribution-scenario.html: waterfall, bridge, tornado, Monte Carlo, fan chart, scenario tree, and decision tree views.
  • references/html-examples/macro-rates-dashboard.html: yield curve, spread, CPI/PPI, GDP, PMI, Fed dot plot, seasonality, cycle, and map-style macro panels.
  • references/html-examples/venture-saas-dashboard.html: KPI cards, cap table, financial model table, cohort, unit economics, burn multiple, magic number, Rule of 40, TAM/SAM/SOM, adoption curve, power law, Pareto, and Lorenz views.
  • references/html-examples/flow-network-systems.html: funnel, Sankey, chord, network graph, causal graph, Bayesian network, knowledge graph, agent workflow, and multi-agent collaboration views.
  • references/static-svg.md: dependency-free SVG generation and when to use scripts/render_examples.py.
  • references/python-analysis.md: matplotlib, seaborn, pandas, and Plotly guidance for local or notebook-style analysis environments.
  • references/web-interactive.md: Plotly, ECharts, React chart libraries, and self-contained HTML export patterns.
  • references/sankey-flow.md: Sankey, alluvial, funnel, and flow-map data shapes plus layout checks.
  • references/diagram-text.md: Mermaid, Graphviz, Vega-Lite, and text-first visual specs for agents that cannot render images directly.
  • references/quality-gates.md: artifact validation, accessibility, source labeling, and delivery checklist.

Read the full file on GitHub · 104 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 104 lines · 66 tokens per session scan A d8b5e16d60b4

Subscribe to this mod's changes

chart-visualization is a skill published in the GitHub repository iFurySt/aifi (22 stars, last pushed 1mo ago), licensed MIT. It adds 66 tokens to every session and 1,143 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

company-research

A 股个股研究六阶段 SOP(profile → financials → estimates → valuation → risk → report),Phase 0 范围 = 财务估值闭环。当任务是研究 / 分析 / 评估一只或多只已指定代码的 A 股个股时使用;规定每阶段取哪些数据、调哪些 calc 函数、必须落盘什么产物、过什么 Gate。不用于:从市场中筛选标的、泛行业讨论、概念解释、给投资动作建议。.

simonlin1212/Vibe-Research · 115 tokens

data-access

A 股零鉴权取数手册。当需要真实的行情 / 市值 / 估值快照、季度报告期累计财务数据、机构一致预期 EPS、PE 历史序列、公告标题、日 K 线、交易日历时使用;只允许运行本 skill 登记的脚本取数(腾讯 / 新浪 / 同花顺 / baostock / 深交所 / 东财),禁止凭模型记忆给数,禁止自造爬虫。概念解释、观点讨论等不需要取数的话题不要加载。.

simonlin1212/Vibe-Research · 127 tokens

industry-chain

产业链下钻与不可替代性判定方法:以龙头为"需求入口"沿供应链逐层下钻(整机 / 龙头 → 部件 → 核心器件 → 材料 → 衬底与设备),用物理 / 材料约束(扩产周期、良率、认证周期、有无替代)当筛子找供给刚性的卡口;给每个标的贴不可替代性标签(techmoat / capacitymoat / both / 待补)并列证据;含"卡口越硬越贵"与预期差四问的校准。当任务涉及产业链位置、上下游、护城河、不可替代性、供给瓶颈、竞争格局时加载;单纯取数、估值计算、财报拆分等不涉及产业链结构的任务不要加载。只产出框架与证据表,不给投资动作建议。.

simonlin1212/Vibe-Research · 212 tokens

catalyst-risk

催化剂与风险的反证式写法:每个强结论必须先找反证;催化剂按"兑现型 / 预期型 / 周期型"分类并要求可验证的数据时点;风险按技术路线断层、客户集中、产能过剩与价格战、周期顶、预期透支(假便宜 PEG)、一致预期下修、治理与流动性、数据源冲突分类;裁决点的标准写法(什么数据出来会改变判断 + 下一个公开数据时点);知识档案旧结论的反证处理。当任务涉及风险、反证、催化剂、裁决点、预期兑现、什么会推翻结论时加载;单纯取数、估值计算、财报拆分等不需要反证框架的任务不要加载。只产出框架、概率与裁决点,不给投资动作建议。.

simonlin1212/Vibe-Research · 206 tokens

earnings-analysis

财报拆解手册:报告期累计值 → 单季(quarterize)→ 最新单季 / TTM / TTM 同比 / 环比的口径地图,扣非与归母的取舍(一次性损益),季节性与报告期对齐(分子分母同期),三表交叉核对(利润表 / 资产负债表 / 现金流量表),比率(毛利率 / 费用率 / 负债率)一律经 calc ratio,"转向看最新期、规模看 TTM"的判读模板与质量检查清单。当任务涉及财报、季报、业绩、利润拆分、同比环比、毛利率、现金流、扣非时加载;只查行情 / 公告 / 产业链结构、或只讨论概念不涉及财务数字的任务不要加载。取数层不做任何算术,所有派生数字出自 calc;不给投资动作建议。.

simonlin1212/Vibe-Research · 216 tokens

valuation

成长股估值口径手册(A 股为主,US/HK 通用):扣非×4 年化 PE、前瞻 PE、TTM PE 历史分位、PEG(扣非×4 PE ÷ 前瞻 CAGR)、前瞻 CAGR 与 TTM 同比交叉验证、一致预期分歧、四锚 PE 消化年数与"30 倍锚三铁律"、判读规则与常见错误。当任务涉及估值、PE、PEG、贵不贵、能不能消化、历史分位、一致预期时加载;只讨论概念、与估值无关的取数 / 行情 / 公告问题不要加载。所有数字一律经 calc/ 计算,本 skill 只管口径与判读,不给价格锚、不给投资动作建议。.

simonlin1212/Vibe-Research · 187 tokens