Go to file

Anton Volnuhin 08db280f84 Add sortable transaction table with row detail modal - Add custom column sorting (click headers to sort, click again to reverse) - Add row click to open detail modal showing all transaction fields - Row detail modal uses table layout with labels and values side by side - Always show scrollbars, reset scroll position when modal opens - Global escape key handler closes detail modal first, then main modal Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>		2026-01-30 19:31:18 +03:00
altcats-2025-01.csv	drill-down and animation restored	2025-03-22 00:49:27 +03:00
app.js	Add sortable transaction table with row detail modal	2026-01-30 19:31:18 +03:00
DEV.md	Initial	2025-03-19 20:41:30 +03:00
index.html	Add sortable transaction table with row detail modal	2026-01-30 19:31:18 +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	automatic months	2026-01-29 13:44:41 +03:00
styles.css	Add sortable transaction table with row detail modal	2026-01-30 19:31:18 +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: