ms-haushalt

Files

T

History

Flo 9a958c0051 feat: initial Münster Haushalt icicle viewer

Editorial single-page viewer for the City of Münster's 2026/2027
budget draft, built as an Astro v6 SPA with a 4-level zoomable
icicle (Produktbereich → Produktgruppe → Category → Breakdown).

Highlights:
- Multi-flow data layer over the official open-data CSVs
  (Aufwendungen + Erträge, 2008–2028) with overlap reconciliation
  across plan years.
- Year slider as a 21-year mini-histogram of both flows;
  drag-to-scrub and click-to-jump, with bars morphing via CSS
  transitions on SVG geometry attributes.
- Vertically centred icicle with year-outline rectangles framing
  each year's relative budget size, à la Bostock's animated treemap.
- Headline "ausgibt / einnimmt" toggle; sidebar Aufwendungen/Erträge
  rows double as flow toggles. Active flow in Aufwendungen-purple /
  Erträge-orange (OKLCH).
- Click-to-zoom via path-keyed lookup with ZOOM_COL_BOUNDS that
  reallocate the depth axis per zoom state. Zoomed item moves to the
  sidebar; canvas shows its descendants only (no adjacent-block leaks).
- Sidebar shows path-specific Aufwendungen/Erträge/Saldo plus the
  source-PDF Beschreibung; Erläuterungen behind a collapsed details.
- Build-time PDF extraction (scripts/extract-pg-sections.mjs) parses
  68 Produktgruppen' Beschreibung + Erläuterungen sections from
  Band 1, including 10 cells of structured Mio.-€ breakdowns
  (Steuern, Transferaufwendungen, etc.) that drive the level-4 view.
- URL state sync for path, year, and flow via history.replaceState
  so any zoom is shareable.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

2026-05-07 16:27:45 +02:00

static

feat: initial Münster Haushalt icicle viewer

2026-05-07 16:27:45 +02:00

Figtree-Italic-VariableFont_wght.ttf

feat: initial Münster Haushalt icicle viewer

2026-05-07 16:27:45 +02:00

Figtree-VariableFont_wght.ttf

feat: initial Münster Haushalt icicle viewer

2026-05-07 16:27:45 +02:00

OFL.txt

feat: initial Münster Haushalt icicle viewer

2026-05-07 16:27:45 +02:00

README.txt

feat: initial Münster Haushalt icicle viewer

2026-05-07 16:27:45 +02:00

README.txt

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

Figtree Variable Font
=====================

This download contains Figtree as both variable fonts and static fonts.

Figtree is a variable font with this axis:
  wght

This means all the styles are contained in these files:
  Figtree/Figtree-VariableFont_wght.ttf
  Figtree/Figtree-Italic-VariableFont_wght.ttf

If your app fully supports variable fonts, you can now pick intermediate styles
that aren’t available as static fonts. Not all apps support variable fonts, and
in those cases you can use the static font files for Figtree:
  Figtree/static/Figtree-Light.ttf
  Figtree/static/Figtree-Regular.ttf
  Figtree/static/Figtree-Medium.ttf
  Figtree/static/Figtree-SemiBold.ttf
  Figtree/static/Figtree-Bold.ttf
  Figtree/static/Figtree-ExtraBold.ttf
  Figtree/static/Figtree-Black.ttf
  Figtree/static/Figtree-LightItalic.ttf
  Figtree/static/Figtree-Italic.ttf
  Figtree/static/Figtree-MediumItalic.ttf
  Figtree/static/Figtree-SemiBoldItalic.ttf
  Figtree/static/Figtree-BoldItalic.ttf
  Figtree/static/Figtree-ExtraBoldItalic.ttf
  Figtree/static/Figtree-BlackItalic.ttf

Get started
-----------

1. Install the font files you want to use

2. Use your app's font picker to view the font family and all the
available styles

Learn more about variable fonts
-------------------------------

  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
  https://variablefonts.typenetwork.com
  https://medium.com/variable-fonts

In desktop apps

  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts

Online

  https://developers.google.com/fonts/docs/getting_started
  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts

Installing fonts

  MacOS: https://support.apple.com/en-us/HT201749
  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows

Android Apps

  https://developers.google.com/fonts/docs/android
  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts

License
-------
Please read the full license text (OFL.txt) to understand the permissions,
restrictions and requirements for usage, redistribution, and modification.

You can use them in your products & projects – print or digital,
commercial or otherwise.

This isn't legal advice, please consider consulting a lawyer and see the full
license for all details.

README.txt Unescape Escape

README.txt