Temperature

No. 15 · SVG · Roulette wheel

Drag to heattap to spin

A roulette wheel whose sixteen pockets are the likeliest next tokens, each as wide as its probability. A thermostat knob sets the temperature and moves the frets.

Prompt

/anatomy explain how temperature changes how a language model picks the next token, interactive

Install

npm install anatomy-figures

In your code

page.tsx

import { Sampling } from "anatomy-figures";

<Sampling theme="light" />

Or load this figure on its own, so the others never download:

page.tsx

import Sampling from "anatomy-figures/sampling";

Theme it

Five themes (dark, light, paper, blueprint, sepia), or your own colours through tokens. Every token.

page.tsx

<Sampling
  theme="light"
  tokens={{
    "--anatomy-card": "#ffffff",
    "--anatomy-lit": "#e5484d",
  }}
/>

Without React

index.html

import { define } from "anatomy-figures/element/sampling";

define();

<anatomy-sampling theme="light"></anatomy-sampling>