Go to file

Anton Volnuhin d76e80dc02 Improve responsive chart scaling and hide center label earlier - Scale chart layers on mobile (≤500px) to fill container while keeping same hole size as desktop (20%) - Add resize handler to dynamically update proportions when crossing 500px threshold - Hide center label at 850px (stacked layout) instead of 500px to prevent overlap with chart - Center chart at 50% on mobile since details box is below Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>		2026-02-01 15:57:16 +03:00
altcats-2025-01.csv	drill-down and animation restored	2025-03-22 00:49:27 +03:00
app.js	Improve responsive chart scaling and hide center label earlier	2026-02-01 15:57:16 +03:00
DEV.md	Initial	2025-03-19 20:41:30 +03:00
index.html	Fix center label positioning in responsive layout	2026-02-01 15:11:08 +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	Improve responsive chart scaling and hide center label earlier	2026-02-01 15:57:16 +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: