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>
This commit is contained in:
parent
bff15268de
commit
dd8eb4042f
5 changed files with 441 additions and 0 deletions
212
public/lonnsutvikling/index.html
Normal file
212
public/lonnsutvikling/index.html
Normal file
|
|
@ -0,0 +1,212 @@
|
|||
<!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 2016–2025</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 2016–2025.">
|
||||
<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, 2016–2025</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, 2016–2025
|
||||
</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, 2016–2025</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 35–36 %.
|
||||
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, 2016–2025</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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue