Financial Dashboard

ReactFinanceDashboardChartsAnalyticsUpdated 2026-08-13

When to use: Building financial reporting dashboards, CFO tools, accounting platforms, or investment portfolio trackers.

Install
npx skills add financial-dashboard
Git Clone
git clone https://github.com/skillhub-community/financial-dashboard.git

Description

A comprehensive financial dashboard toolkit. Core modules: (1) Revenue Overview — stacked revenue chart by product line/region/customer segment, MRR/ARR trend with growth rate annotations, and a top-10 customers by revenue table; (2) P&L Waterfall Chart — cascading waterfall from total revenue down to net profit, with each component (COGS, opex, taxes, interest) in distinct colors, interactive hover for exact values, and period-over-period comparison; (3) Budget vs Actuals — side-by-side bars with variance percentage labels, color-coded by severity (green <=5%, yellow 5-15%, red >15%), drill-down from department to cost-center to line-item; (4) Financial Ratios — auto-calculated cards for gross margin, net margin, current ratio, quick ratio, debt-to-equity, and ROE, each with a gauge visualization and industry benchmark comparison line.

Features: cash-flow statement visualization with operating/investing/financing sections, runway calculator for startups (cash balance / monthly burn rate = months remaining with a depletion date projection), scenario planning with adjustable sliders (change revenue growth assumption, see ripple effects through P&L), and export to Excel/PDF for board meetings. Data format: accepts QuickBooks/Xero exports, Stripe revenue data, or custom chart of accounts.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@dataviz_team
LicenseMIT
Version1.0.0
Dependencies1

Dependencies

Data Visualization Charts