olemd/forskjeller.naiv.no
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
forskjeller.naiv.no/public/lonnsutvikling/index.html

214 lines
8.5 KiB
HTML
Raw Normal View History

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
<!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>
Bruk standard Plausible-stier for analytics-proxy Erstatter /implausibly/js/pa-*.js med /js/script.js og /implausibly/api/event med /api/event på alle sider. Caddy-snippeten håndterer omskriving server-side. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 12:07:49 +01:00
<!-- Privacy-friendly analytics by Plausible -->
<script async src="/js/script.js"></script>
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
<script>
window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
Bruk standard Plausible-stier for analytics-proxy Erstatter /implausibly/js/pa-*.js med /js/script.js og /implausibly/api/event med /api/event på alle sider. Caddy-snippeten håndterer omskriving server-side. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 12:07:49 +01:00
plausible.init({ endpoint: "/api/event" })
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
</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>
Forbedre tilgjengelighet (WCAG 2.2 AA) på alle sider - Ø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>
2026-03-25 20:53:44 +01:00
<a href="#main" class="skip-link">Hopp til hovedinnhold</a>
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
<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>
Forbedre tilgjengelighet (WCAG 2.2 AA) på alle sider - Ø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>
2026-03-25 20:53:44 +01:00
<div class="stamp" aria-hidden="true">Lønnsfesten</div>
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
</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>
Forbedre tilgjengelighet (WCAG 2.2 AA) på alle sider - Ø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>
2026-03-25 20:53:44 +01:00
<main id="main">
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
<!-- 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>
Forbedre tilgjengelighet (WCAG 2.2 AA) på alle sider - Ø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>
2026-03-25 20:53:44 +01:00
<div class="chart-wrap h-240"><canvas id="chart1" role="img" aria-label="Diagram: Månedslønn over tid"></canvas></div>
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
</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>
Forbedre tilgjengelighet (WCAG 2.2 AA) på alle sider - Ø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>
2026-03-25 20:53:44 +01:00
<div class="chart-wrap" style="height:340px;"><canvas id="chart2" role="img" aria-label="Diagram: Dobbel ulikhet — kronevekst vs prosentvekst"></canvas></div>
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
</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>
Forbedre tilgjengelighet (WCAG 2.2 AA) på alle sider - Ø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>
2026-03-25 20:53:44 +01:00
<div class="chart-wrap" style="height:280px;"><canvas id="chart3" role="img" aria-label="Diagram: Alle hovedyrkesgrupper"></canvas></div>
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
</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>
Reference in a new issue Copy permalink