charts

Solid

Produce charts as interactive native figures (Plotly JSON) in output/, or as matplotlib PNG/SVG when an image file is needed — readable sizing, labels, and legends, validated before delivery.

AI & Automation 29 stars 6 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 82/100

Stars 20%
49
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Charts Charts ship in one of two forms. Pick the form first, then follow that section plus the shared rules at the end. - **Native chart** — an interactive figure the app renders inline, with zoom, hover, and PNG export. Default for anything delivered on screen. - **Raster chart** — a matplotlib PNG or SVG. Use it when the chart must be embedded in a generated document (DOCX, PDF, PPTX) or when the user asks for an image file. When a chart is both shown to the user and embedded in a document, produce both: the native figure for the conversation, the image for the document. ## Native charts Write a file named `<name>.chart.json` in `output/`. It must contain a single JSON object — a Plotly figure — with a `data` array of traces and an optional `layout` object: ```json { "data": [ { "type": "bar", "name": "Revenue", "x": ["Q1", "Q2", "Q3", "Q4"], "y": [12400, 15100, 14800, 19300] } ], "layout": { "title": { "text": "Revenue by quarter (USD)" }, "xaxis": { "title": { "text": "Quarter" } }, "yaxis": { "title": { "text": "Revenue (USD)" } } } } ``` No library is required. Author the JSON directly when you already know the numbers — with `json.dump` from a small script, or by writing the file outright. Reach for `plotly` only when the traces have to be computed from data you are processing anyway; if you do, install it in its own `exec` call the way matplotlib is installed below (`python3 -m pip install --user plotl...

Details

Author
brightwave-inc
Repository
brightwave-inc/tidebreak
Created
2 months ago
Last Updated
today
Language
Rust
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Listed

gen-chart

Create polished, validated charts as a self-contained interactive HTML artifact or standalone SVG. In callers that display local Markdown images, also create an inline PNG preview. Interactive HTML includes dark/light themes, crosshair tooltips, legend toggling, and honest-by-construction axes. Accept pasted data (CSV/TSV/JSON/markdown tables), data files in the workspace, or plain-language descriptions with numbers. Use when the user asks to chart, graph, plot, or visualize data, metrics, or trends — line, bar, area, range, scatter, bubble, horizontal diverging bar, pie/donut, histogram, boxplot, or heatmap — or to beautify an existing chart.

1 Updated 2 weeks ago
gen-chart
Data & Documents Listed

gen-chart

Create polished, validated, interactive charts as self-contained standalone HTML with inline SVG, dark/light themes, crosshair tooltips, legend toggling, and honest-by-construction axes. Accept pasted data (CSV/TSV/JSON/markdown tables), data files in the workspace, or plain-language descriptions with numbers. Use when the user asks to chart, graph, plot, or visualize data, metrics, or trends — line, bar, area, scatter, pie/donut, histogram, boxplot, or heatmap — or to beautify an existing chart.

1 Updated 2 weeks ago
sses79
AI & Automation Listed

chart-image

Generate publication-quality PNG chart images from data, supporting line, bar, area, candlestick, pie, and heatmap charts. Triggers when the user asks to visualize data, create a graph, plot a time series, or generate a chart for a report, alert, or dashboard. Runs as a lightweight, headless Node.js process without a browser.

0 Updated 1 weeks ago
null0xxx