Go to file

Anton Volnuhin 4508a0f143 Compact donut layout for larger landscape phones (iPhone Pro Max) For viewports >850px wide but <=500px tall (landscape): - Hide center label text (month/amount), keep home icon on drill-down - Wider details panel (40vw), smaller fonts (12-13px) - Tighter spacing to fit all content without clipping Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>		2026-02-07 23:38:12 +03:00
.dockerignore	Add Docker support for home server deployment	2026-02-07 18:15:32 +03:00
altcats-2025-01.csv	drill-down and animation restored	2025-03-22 00:49:27 +03:00
app.js	Hide level 3 outside labels in compact donut mode	2026-02-07 23:33:24 +03:00
DEV.md	Initial	2025-03-19 20:41:30 +03:00
docker-compose.yml	Add Docker support for home server deployment	2026-02-07 18:15:32 +03:00
index.html	Landscape phone layout: compact donut, PWA support, safe-area insets	2026-02-07 23:25:35 +03:00
manifest.json	Landscape phone layout: compact donut, PWA support, safe-area insets	2026-02-07 23:25:35 +03:00
package.json	Initial	2025-03-19 20:41:30 +03:00
README.md	Initial	2025-03-19 20:41:30 +03:00
server.js	Add Docker support for home server deployment	2026-02-07 18:15:32 +03:00
styles.css	Compact donut layout for larger landscape phones (iPhone Pro Max)	2026-02-07 23:38:12 +03:00

Visual Spending

A visualization tool for family spending data using Apache ECharts.

Features

Visualize spending per categories, subcategories, and microcategories as a sunburst graph
Display spending data for different months
Interactive visualization with hover details and click navigation

Ensure you have Node.js installed on your system
Place your spending data CSV files in the root directory with the naming convention altcats-YYYY-MM.csv
Run the server:

npm start

The CSV file should have the following columns: