- HTML 52.9%
- JavaScript 40.4%
- CSS 6.7%
- Øk kontrast på slider-labels fra 0.45 til 0.6 opasitet (1.4.3) - Legg til :focus-visible-stiler på slidere, kort og lenker (2.4.7) - Legg til skip-link «Hopp til hovedinnhold» på alle sider (2.4.1) - Knytt form-labels til inputs med for-attributt (1.3.1) - Legg til role="img" og aria-label på alle chart-canvas (4.1.2) - Legg til aria-live="polite" på slider-verdivisninger (4.1.3) - Merk dekorative elementer med aria-hidden="true" (1.3.1) - Legg til @media (prefers-reduced-motion: reduce) (2.3.3) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| public | ||
| CLAUDE.md | ||
| README.md | ||
| TODO.md | ||
forskjeller.naiv.no
Interaktive visualiseringer av forskjeller og ulikhet i Norge.
Kalkulatorer
Lønn — Lønnsforskjellen vokser
Prosentvise lønnstillegg ser rettferdige ut — alle får den samme prosenten. Men matematikken er asymmetrisk: jo høyere startlønn, desto flere kroner i absolutt tillegg. Kroneforskjellen forsvinner aldri — den multipliseres eksponentielt.
Sparing — Rentes rente forsterker
Likt månedlig sparebeløp, ulik avkastning. Noen få prosentpoeng i forskjell skaper enorme gap over tid — takket være rentes rente-effekten. Viser formue, gap, og fordeling mellom innskudd og renter.
Bolig — Boligforskjellen forsterkes
To boliger med ulik pris, samme prisvekst. Belåning (85 % lån) forsterker egenkapitalgapet ~6,7 ganger. Viser boligverdi, verdidifferanse og egenkapitalvekst med leverage-effekt.
Arv — Arvens forsprang
Person A starter fra null, person B arver en sum. Begge sparer likt — men gapet lukkes aldri. Arvet formue vokser eksponentielt uavhengig av innsats.
Kjøre lokalt
Start en lokal server:
python3 -m http.server 8000 -d public
Åpne http://localhost:8000/ for landingssiden, eller gå direkte til en kalkulator:
http://localhost:8000/lonn/http://localhost:8000/sparing/http://localhost:8000/bolig/http://localhost:8000/arv/
Avhengigheter
- Chart.js 4.4.1 — lastes via CDN
- Google Fonts — Fraunces (overskrifter) og DM Sans (brødtekst)
Ingen byggsteg eller pakkebehandler nødvendig.
Filstruktur
public/
├── index.html # Landingsside med oversikt over alle kalkulatorer
├── lonn/
│ ├── index.html # Lønnsforskjell-kalkulator
│ ├── style.css
│ └── app.js
├── sparing/
│ ├── index.html # Rentes rente-kalkulator
│ ├── style.css
│ └── app.js
├── bolig/
│ ├── index.html # Bolig-kalkulator med leverage
│ ├── style.css
│ └── app.js
└── arv/
├── index.html # Arv-kalkulator
├── style.css
└── app.js
Lisens
Tallene er illustrative og ikke finansiell rådgivning.