CSS-only chart library FSCSS renders dashboards using compile-time variable substitution
A CSS framework called st-core.fscss can render portfolio analytics dashboards — including line charts, stat cards, and category bars — without any JavaScript, runtime logic, or chart libraries. The system works by converting data points into CSS custom properties at compile time, using a simple inversion formula (100 minus the input value) to translate numbers into positional coordinates. Static CSS rules already written into the framework then reference those variables, letting the browser's native CSS engine resolve shapes like polygons and dot positions. The same compile-time substitution pattern is applied consistently across all visual components, from chart fill gradients to bar widths. Because the visual design and shape mathematics are pre-built into the framework, user data simply slots into an existing design rather than generating a new one dynamically.
