skills.rest
Fearvox
FearvoxCOMMUNITY
Explore all skills by this author →
Website𝕏@synsliusGitHub

data-algo-viz

Render algorithm analysis results into terminal visuals or HTML reports.

10|Updated Mar 24, 2026
Search Tags:#algorithm#dashboard#reporting#visualization#terminal#benchmark#html-report
One-click install
npx skills add https://github.com/Fearvox/data-algo-skill --skill data-algo-viz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: data-algo-viz
Source: https://github.com/Fearvox/data-algo-skill/tree/main/data-algo-viz
Command: npx skills add https://github.com/Fearvox/data-algo-skill --skill data-algo-viz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @json-render/core, @json-render/ink, ink, react, zod, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Visualize algorithm analysis results produced by data-algo, turning complex decisions into clear dashboards.

Core Features & Use Cases

  • Terminal and HTML visualizations of complexity comparisons, algorithm profiles, and before/after diffs
  • Self-contained HTML reports with inline data suitable for sharing and archival
  • Works after the Ship phase to present results and performance improvements to stakeholders

Quick Start

Run the renderer with a spec JSON to display the visualization in the terminal.

Frequently Asked Questions about data-algo-viz

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

FAQPage Schema
How do I visualize algorithm analysis results in a terminal dashboard?▼

You can visualize algorithm analysis results by running a renderer with a spec JSON and the workflow output to display complexity comparisons, algorithm profiles, and before/after diffs directly in the terminal.

Can I generate an HTML report from algorithm benchmark data?▼

Yes, you can generate a self-contained HTML report from algorithm benchmark data using the renderer, producing inline data reports suitable for sharing and archival with stakeholders.

What is the best way to share algorithm performance comparisons with stakeholders?▼

The best way to share algorithm performance comparisons is generating a self-contained HTML report after the ship phase, presenting before/after diffs and complexity comparisons in a readable dashboard format.

Do I need a spec JSON to render algorithm complexity comparisons?▼

Yes, rendering algorithm complexity comparisons requires a spec JSON, the data-algo workflow output, and the renderer script to generate terminal visuals or HTML reports.

Does the visualization support before and after performance diffs?▼

Yes, the visualization supports before and after diffs, rendering performance improvements alongside algorithm profiles and complexity comparisons for stakeholder presentations.

Related Skills

Explore More Data & Analytics Skills→
growthxaigrowthxai
430

output-dev-workflow-cost

Identify Output workflow runs by ID and compute their LLM token and service costs.

Official
Intermediate
lisposterlisposter
1

baoyu-markdown-to-html

Convert Markdown to WeChat-compatible styled HTML with inline CSS.

Community
Advanced
pch007pch007
1

ink

Render JSON specs into interactive terminal UIs with the Ink runtime.

Community
Advanced
GACLoveGACLove
2

interactive-dashboard-builder

Generate self-contained HTML dashboards with Chart.js charts and filters.

Community
Intermediate