forskjeller.naiv.no/public/lonnsutvikling/index.html
Ole-Morten Duesund dd8eb4042f Ny visualisering: lønnsutvikling basert på SSB-data 2016–2025
Datadriven side (ingen slidere) som viser dobbel ulikhet i norsk
lønnsutvikling: høytlønte fikk både flere kroner OG høyere
prosentvekst. Data fra SSB tabell 11418 via PxWeb API v2.

Inneholder tre diagrammer: månedslønn over tid, kronevekst vs
prosentvekst (dobbel akse), og alle STYRK-hovedyrkesgrupper.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-16 19:25:54 +01:00

212 lines
8.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

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.

<!DOCTYPE html>
<html lang="nb">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lønnsutvikling: prosent vs. kroner — SSB-data 20162025</title>
<meta property="og:type" content="website">
<meta property="og:locale" content="nb_NO">
<meta property="og:site_name" content="Forskjeller">
<meta property="og:title" content="Lønnsutvikling: prosent vs. kroner">
<meta property="og:description" content="Direktørene fikk 3× flere kroner OG høyere prosentvekst enn renholdere. Dobbel ulikhet i norsk lønnsutvikling. SSB-data 20162025.">
<meta property="og:url" content="https://forskjeller.naiv.no/lonnsutvikling/">
<meta name="twitter:card" content="summary">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;1,9..144,300&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js"></script>
<script async src="/implausibly/js/pa-hrD38igEdOJ7wP3NdA40I.js"></script>
<script>
window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
plausible.init({ endpoint: "/implausibly/api/event" })
</script>
<style>
.source-strip {
text-align: center;
padding: 0.75rem 1rem;
font-size: 12px;
color: var(--ink3);
background: var(--bg2);
border-bottom: 1px solid var(--border);
}
.source-strip a { color: var(--ink3); text-decoration: underline; }
.comparison-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
margin-bottom: 2.5rem;
}
@media (max-width: 560px) {
.comparison-grid { grid-template-columns: 1fr; }
}
.comparison-card {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 6px;
padding: 1.25rem;
text-align: center;
}
.comparison-card .cc-title {
font-size: 11px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--ink3);
margin-bottom: 0.5rem;
}
.comparison-card .cc-wage {
font-size: 0.95rem;
color: var(--ink2);
margin-bottom: 0.25rem;
}
.comparison-card .cc-growth-kr {
font-size: 1.3rem;
font-weight: 500;
color: var(--ink);
font-variant-numeric: tabular-nums;
}
.comparison-card .cc-growth-pct {
font-size: 0.85rem;
color: var(--ink3);
margin-top: 0.15rem;
}
.key-number {
text-align: center;
padding: 2rem 1rem;
margin-bottom: 2.5rem;
}
.key-number .kn-value {
font-family: 'Fraunces', serif;
font-size: clamp(2.5rem, 7vw, 4rem);
font-weight: 600;
color: var(--accent);
line-height: 1.1;
}
.key-number .kn-label {
font-size: 1rem;
color: var(--ink2);
margin-top: 0.5rem;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<header>
<p class="eyebrow">Reelle tall fra SSB, 20162025</p>
<h1>Dobbel<br><em>ulikhet</em></h1>
<p class="lead">De høyest lønte fikk ikke bare flere kroner — de fikk også høyere prosentvis vekst. Dobbel ulikhet i praksis.</p>
<div class="stamp">Lønnsfesten</div>
</header>
<div class="source-strip">
Data: <a href="https://www.ssb.no/statbank/table/11418/" target="_blank" rel="noopener">SSB tabell 11418</a> — Gjennomsnittlig månedslønn, alle sektorer, begge kjønn, 20162025
</div>
<main>
<!-- Nøkkeltall -->
<div class="key-number">
<div class="kn-value">3× kronene, 10 pp mer</div>
<div class="kn-label">Administrerende direktører fikk tre ganger så mange kroner i lønnsvekst som renholdere — <em>og</em> 10 prosentpoeng høyere prosentvekst (46 % mot 36 %).</div>
</div>
<!-- Tre yrker sammenlignet -->
<div class="comparison-grid">
<div class="comparison-card">
<div class="cc-title">Renholdere</div>
<div class="cc-wage">30 680 → 42 350 kr/mnd</div>
<div class="cc-growth-kr">+11 670 kr</div>
<div class="cc-growth-pct">38,0 % vekst</div>
</div>
<div class="comparison-card">
<div class="cc-title">Sykepleiere</div>
<div class="cc-wage">42 130 → 58 290 kr/mnd</div>
<div class="cc-growth-kr">+16 160 kr</div>
<div class="cc-growth-pct">38,4 % vekst</div>
</div>
<div class="comparison-card">
<div class="cc-title">Adm. direktører</div>
<div class="cc-wage">74 140 → 108 510 kr/mnd</div>
<div class="cc-growth-kr">+34 370 kr</div>
<div class="cc-growth-pct">46,4 % vekst</div>
</div>
</div>
<!-- Diagram 1: Månedslønn over tid -->
<div class="chart-section">
<div class="chart-header">
<div>
<div class="chart-title">Månedslønn over tid</div>
<div class="chart-desc">Gjennomsnittlig månedslønn for utvalgte yrker, 20162025</div>
</div>
<div class="legend" id="legend1"></div>
</div>
<div class="chart-wrap h-240"><canvas id="chart1"></canvas></div>
</div>
<div class="insight">
Avstanden mellom linjene <strong>øker</strong> for hvert år — og det skyldes ikke bare kroneverdien.
De høyest lønte fikk også høyere prosentvis vekst: direktører fikk 46 %, mens barnehageassistenter og kokker fikk rundt 3536 %.
Forskjellen mellom en renholdsarbeider og en direktør vokste fra 43 460 til <strong>66 160 kr/mnd</strong>.
</div>
<!-- Diagram 2: Kronevekst OG prosentvekst -->
<div class="chart-section">
<div class="chart-header">
<div>
<div class="chart-title">Dobbel ulikhet</div>
<div class="chart-desc">Høytlønte fikk både flere kroner og høyere prosent</div>
</div>
<div class="legend">
<span><span class="swatch" style="background:#5a5650;"></span>Kronevekst</span>
<span><span class="swatch" style="background:#c0392b;"></span>Prosentvekst</span>
</div>
</div>
<div class="chart-wrap" style="height:340px;"><canvas id="chart2"></canvas></div>
</div>
<div class="insight">
Prosentveksten varierer fra 36 % (barnehageassistenter) til 46 % (direktører).
I kroner betyr det fra <strong>10 740 kr</strong> til <strong>34 370 kr</strong> ekstra per måned — en tredobling.
Høytlønte fikk altså <strong>både</strong> høyere prosent og flere kroner.
</div>
<!-- Diagram 3: Alle yrkesgrupper -->
<div class="chart-section">
<div class="chart-header">
<div>
<div class="chart-title">Alle hovedyrkesgrupper</div>
<div class="chart-desc">Gjennomsnittlig månedslønn etter STYRK-yrkesgruppe, 20162025</div>
</div>
<div class="legend" id="legend3"></div>
</div>
<div class="chart-wrap" style="height:280px;"><canvas id="chart3"></canvas></div>
</div>
<!-- Forklaring -->
<div class="explainer">
<h3>Hvorfor er dette viktig?</h3>
<p>Lønnsoppgjør diskuteres ofte i prosent: «alle fikk 5 % økning». Det høres rettferdig ut. Men 5 % av 30 000 kr er <strong>1 500 kr</strong>, mens 5 % av 100 000 kr er <strong>5 000 kr</strong>.</p>
<div class="formula-box">
5 % × 30 000 = <span>1 500 kr</span><br>
5 % × 100 000 = <span>5 000 kr</span><br>
Forskjell: <span>3 500 kr ekstra</span> til den som tjener mest — hvert eneste år
</div>
<p>SSB-tallene viser at dette problemet forsterkes ytterligere: de høyest lønte fikk ikke bare flere kroner, men også <strong>høyere prosentvekst</strong>. Direktører fikk 46 % lønnsvekst, mens barnehageassistenter fikk 36 % — en forskjell på 10 prosentpoeng i tillegg til kronegapet.</p>
<p>Derfor har fagbevegelsen historisk kjempet for <strong>kronetillegg</strong> i stedet for prosenttillegg — et fast beløp til alle, uavhengig av lønnsnivå.</p>
<p>Dataene på denne siden er hentet fra <a href="https://www.ssb.no/statbank/table/11418/" target="_blank" rel="noopener">SSB tabell 11418</a> (gjennomsnittlig månedslønn, alle sektorer, begge kjønn). Tallene er ikke justert for inflasjon.</p>
</div>
</main>
<footer>
<a href="../">← Alle visualiseringer</a> · Kilde: SSB tabell 11418 · Laget med Chart.js · <a href="https://kode.naiv.no/olemd/forskjeller.naiv.no">Kildekode</a>
</footer>
<script src="app.js"></script>
</body>
</html>