d934b5465b
- Add subcategoryOrder derived from subcategoryColors - Add sortBySubcategoryOrder helper function - Update click handler, transformDrillDownData, and mini-chart gradient to use fixed order instead of value-based sorting - Update details box to preserve fixed order for drilled-down views while keeping value-based sorting for root level categories This ensures subcategories maintain consistent positions when switching months, even when their values differ (e.g., "Хобби Залины" always comes before "Подписки" regardless of which has higher spending that month). Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> |
||
|---|---|---|
| altcats-2025-01.csv | ||
| app.js | ||
| DEV.md | ||
| index.html | ||
| package.json | ||
| README.md | ||
| server.js | ||
| styles.css | ||
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
Usage
- 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
- Open your browser and navigate to
http://localhost:3000
Data Format
The CSV file should have the following columns:
- transaction_date
- category
- subcategory
- microcategory
- amount_rub
Technologies Used
- Apache ECharts
- Node.js