An algorithmic generative design engine that transforms raw football match statistics—goals, shots, possession percentages, pass accuracy, and 6-stage intensity timelines—into deterministic, brutalist vector posters.
| Geometric Element | Target Metric | Mathematical Formula / Function |
|---|---|---|
| Goal & Shot Radii | Goals & Shots on Target | r = 45 + (goals × 22) + √(shots) × 4 |
| Attack Triangles | Shots, Accuracy & Possession | H = Clamp(80 + shots×10 + passAcc×0.7, 120, 260) |
| Equilibrium Axis | Possession Delta Shift | Y = H × (0.50 - (Possession - 50)/50 × 0.12) |
| Intensity Spline | 6-Stage Match Timeline | Catmull-Rom / Cubic Bézier Wave Generation |
| Artboard Tilt | Match Momentum Trend | Rotation = (Trend_home - Trend_away) × 12° |
Unlike static graphics software, Fifart Generation Model treats sports analytics as a primary generative driver. Every shape, coordinate shift, angle, and radius on the canvas maps directly to game event data.
The core radial focal points map goal totals and shot frequency. The radius
Primary attack triangles scale in height according to offensive volume and pass efficiency, while their base width expands proportionally to spatial control (possession %):
An embedded linear congruential pseudorandom number generator (PRNG) hashes team names and match dates into an integer seed:
This seed deterministically places individual grain particles, dust specks, and paper scratches, guaranteeing that every match receives a unique, reproducible vintage noise fingerprint.
No bundlers, build tools, or npm packages required—just native browser technologies.
1. Clone the repository:
git clone [https://github.com/dkconnect/fifart-generation-model.git](https://github.com/dkconnect/fifart-generation-model.git)
cd fifart-generation-model
2. Serve the project: Use any standard local HTTP server (e.g., Python's built-in server or VS Code Live Server):
Python 3.x
python -m http.server 8000
3. Open in Browser: Navigate to http://localhost:8000.
Created by Dibyanshu Kumar

