// SLIDE 01 — HOOK

KAGI CHART

Figure 42.1 — Kagi Chart — Supply & Demand

NARRATION

Figure 42.1 , Kagi Chart , Supply and Demand

// SLIDE 02 — THE PERCEPTUAL MECHANISM

THE PERCEPTUAL MECHANISM.

price direction and magnitudeposition on a common scaleline weight
NARRATION

A Kagi chart strips time entirely from the visual encoding and instead plots price direction and magnitude as the only two channels. The horizontal axis is not a time scale , it advances only when the price reverses by at least the pre-determined threshold. This makes the chart exploit position on a common scale (Y-axis price) and line weight (thick vs thin) as its two primary encodings, eliminating the visual noise of minor day-to-day fluctuations that obscure trend structure on time-series charts.

// SLIDE 03 — HOW THE ALGORITHM WORKS

HOW THE ALGORITHM WORKS.

reversal amountshoulderwaistthick Yangthin Yin
NARRATION

Starting from the first closing price, the line moves vertically in the current direction of price movement, extending as long as price continues in that direction by any amount. Once price reverses by at least the reversal amount (typically a percentage of the current price), the line draws a horizontal connector and begins extending in the new direction. Each horizontal connector is either a shoulder (peak reversal , price was rising, now falling) or a waist (trough reversal , price was falling, now rising).

// SLIDE 04 — WHY IT WAS CHOSEN FOR THIS DAT

WHY IT WAS CHOSEN FOR THIS DATA AND MESSAGE

The message is supply/demand balance over a sequence of price observations . A candlestick chart would show every sessio

NARRATION

The message is supply/demand balance over a sequence of price observations . A candlestick chart would show every session as a separate mark, burying the trend under daily noise. A line chart would show time-indexed prices but make it hard to identify reversal structure. The Kagi chart was built specifically to answer the question: "is the dominant force currently demand (Yang) or supply (Yin), and when did that change?" No other chart type answers that question as directly.

// SLIDE 05 — WHAT THE ALTERNATIVE WOULD BRE

WHAT THE ALTERNATIVE WOULD BREAK.

A Candlestick Chart — the nearest alternative — shows OHLC data for every session. It is far more data-rich but far more

NARRATION

A Candlestick Chart , the nearest alternative , shows OHLC data for every session. It is far more data-rich but far more noisy. A trader reading a Kagi chart for trend signals would be overwhelmed by individual session volatility on a candlestick chart for the same period. The Kagi's deliberate suppression of minor moves is not a limitation , it is the feature. The reversal threshold is the tuning dial: lower it for more sensitivity, raise it for stronger noise filtering.

// SLIDE 06 — THE ONE DESIGN DECISION WORTH

THE ONE DESIGN DECISION WORTH KNOWING.

The reversal threshold is implemented as a percentage of the current price , not a fixed absolute value. A fixed-point r

NARRATION

The reversal threshold is implemented as a percentage of the current price , not a fixed absolute value. A fixed-point reversal on an asset that moves from $50 to $200 would produce dramatically different chart density at different price levels. A percentage-based threshold maintains consistent visual density across the full price range of the data, which is why it is the standard implementation for modern Kagi charting.

// SLIDE 07 — FRAMEWORK REFERENCE

FRAMEWORK REFERENCE

Framework — FT Visual Vocabulary FT Visual Vocabulary category: Change over time / Patterns — revealing directional stru

NARRATION

Framework , FT Visual Vocabulary FT Visual Vocabulary category: Change over time / Patterns , revealing directional structure in sequential data by filtering noise. Abela quadrant: Comparison (comparing demand vs supply state across a price history). Tufte principle: every mark carries information , the horizontal connectors are data (reversal events), the line weight is data (Yang/Yin state); there is no decorative ink.

// SLIDE 08 — PROMPT

PROMPT

kagi-chart.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
kagi-chart/data.jsonthe data file the chart loads via d3.json("./kagi-chart/data.json"), with a fallback inline literal in the HTML if the f
Daily closing prices for a single asset. The Kagi algorithm computes reversals, shoulders, waists, and Yin/Yang line thido not pre-compute. Provide chronological close prices only.
datestring — ISO 8601 date (YYYY-MM-DD)
closenumber — closing price for the session
NARRATION

Paste this into Claude Code to generate a working version of this chart, plus its data file. The result will not be a perfect replica , the goal is that the reader can run the prompt, get a chart of this type, and read its source. Generate a complete, self-contained kagi chart in D3 v7. Two files:

// SLIDE 09 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Steve NisonRun this:"Steve Nison"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Steve Nison introduced the Western trading world to Japanese charting methods , including kagi, renko, and candlestick charts , in his 1991 book Japanese Candlestick Charting Techniques. The book opened a centuries-old chart tradition to a new audience. Steve Nison, circa 1991. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

// SLIDE 10 — THESIS

THE CORE CLAIM.

The ideas in this chapter didn't appear from nowhere. Steve Nison introduced the Western trading world to Japanese chart

Steve Nison, circa 1991. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. Steve Nison introduced the Western trading world to Japanese charting methods , including kagi, renko, and candlestick charts , in his 1991 book Japanese Candlestick Charting Techniques. The book opened a centuries-old chart tradition to a new audience. Steve Nison, circa 1991. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

// SLIDE 11 — CLOSE

ASK THE QUESTION. APPLY THE FRAMEWORK.

THE PERCEPTUAL MECHANISM//HOW THE ALGORITHM WORKS//WHY IT WAS CHOSEN FOR THI

Brutalist D3 × Claude · Ch.42 · Kagi Chart

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 42: Kagi Chart. The patterns are now in place. Apply them.

01 / 11
Brutalist D3 × Claude · Ch.42 · Nik Bear Brown