mirror of
https://github.com/olehomelchenko/chart-sins.git
synced 2026-08-08 02:22:43 +00:00
Reframe as a linkable, cited callout ("nohello for charts")
Make each sin a self-contained page you send instead of re-explaining: - Per-sin "poke" one-liner (the shareable callout) - Citations system: a canonical bibliography (src/lib/references.ts) of the field's giants — Munzner, Knaflic, Tufte, Cairo, Few, Cleveland & McGill, Wilke, Healy, Calling Bullshit, data-to-viz, Junk Charts, Spurious Correlations, FT Visual Vocabulary — cited per sin with a relevance note - "Don't take our word for it" receipts block on each sin - /canon page: the full annotated bibliography - Share control: copy-link "send them the receipt" (progressive enhancement) - Restructured sin page: poke -> proof -> why -> receipts -> share - Header nav (Sins / Canon); homepage reframed to the "send the link" mission Also fix the truncated-axis bad chart: clamp the [90,100] domain so the bar baseline doesn't overflow thousands of pixels off-canvas. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XPEvmMbac2fCvKXpQcovj8
This commit is contained in:
@@ -1,12 +1,22 @@
|
||||
---
|
||||
title: "The Dual-Axis Deception"
|
||||
summary: "Two unrelated series on two independent axes, engineered to look correlated."
|
||||
poke: "Two y-axes, tuned until the lines kiss. Congratulations — you can now make anything 'cause' anything."
|
||||
category: "False Relationships"
|
||||
severity: 5
|
||||
tags: ["dual axis", "correlation", "line chart"]
|
||||
badChart: "dual-axis-bad"
|
||||
fixedChart: "dual-axis-fixed"
|
||||
date: 2026-08-05
|
||||
citations:
|
||||
- key: datatoviz
|
||||
note: "Lists “using two Y axes” as a top caveat — a way to manipulate the story."
|
||||
- key: spurious
|
||||
note: "Thousands of nonsense correlations: proof that “they move together” proves nothing."
|
||||
- key: howchartslie
|
||||
note: "Cairo on how aligned axes manufacture relationships that aren’t there."
|
||||
- key: swd
|
||||
note: "Knaflic’s standing advice: avoid the second axis; separate or index instead."
|
||||
---
|
||||
|
||||
## The sin
|
||||
|
||||
@@ -1,12 +1,22 @@
|
||||
---
|
||||
title: "Pie Chart Overload"
|
||||
summary: "Eight near-identical slices no human eye can rank. A bar chart was right there."
|
||||
poke: "Eight slices, three of them the same size. Nobody can read this. A bar chart could."
|
||||
category: "Chart-Type Abuse"
|
||||
severity: 3
|
||||
tags: ["pie chart", "part-to-whole", "comparison"]
|
||||
badChart: "pie-overload-bad"
|
||||
fixedChart: "pie-overload-fixed"
|
||||
date: 2026-08-05
|
||||
citations:
|
||||
- key: fewpies
|
||||
note: "“Save the Pies for Dessert” — the definitive, free takedown of the overloaded pie."
|
||||
- key: clevelandmcgill
|
||||
note: "Their ranking shows angle and area are judged far worse than position along a scale."
|
||||
- key: junkcharts
|
||||
note: "Kaiser Fung’s running #onelesspie campaign exists for precisely this chart."
|
||||
- key: datatoviz
|
||||
note: "Pie charts are the first entry in its catalogue of caveats."
|
||||
---
|
||||
|
||||
## The sin
|
||||
|
||||
@@ -1,12 +1,22 @@
|
||||
---
|
||||
title: "The Truncated Y-Axis"
|
||||
summary: "Chopping the baseline off a bar chart to make small differences look enormous."
|
||||
poke: "You started the y-axis at 90. That's not a bar chart — it's a magic trick."
|
||||
category: "Misleading Scales"
|
||||
severity: 4
|
||||
tags: ["bar chart", "axis", "exaggeration"]
|
||||
badChart: "truncated-axis-bad"
|
||||
fixedChart: "truncated-axis-fixed"
|
||||
date: 2026-08-05
|
||||
citations:
|
||||
- key: callingbullshit
|
||||
note: "Their “Misleading Axes” module is the canonical explainer for exactly this move."
|
||||
- key: clevelandmcgill
|
||||
note: "The perception research: readers compare bar length, so length must map to value from zero."
|
||||
- key: tufte
|
||||
note: "The “Lie Factor” puts an actual number on how much the graphic exaggerates."
|
||||
- key: howchartslie
|
||||
note: "Cairo devotes a chapter to scale manipulation like this one."
|
||||
---
|
||||
|
||||
## The sin
|
||||
|
||||
Reference in New Issue
Block a user