Motion, diagrams and creative code

• Attention Loom

  An ink-and-paper research cover visualizes self-attention as woven threads, highlighting each query and its attention distribution.

• Grokking

  A Swiss-style seminar cover contrasts early training accuracy with delayed generalization and an emerging prediction pattern.

• The Shape of Loss

  A risograph-style loss landscape follows three optimization paths into a broad valley, accompanied by a training curve.

• Next Token

  A phosphor-green terminal generates the cover token by token, showing candidate probabilities and sampling decisions.

• Out of Noise

  Thousands of noise particles converge into a spiral galaxy as the reverse-diffusion timeline counts down.

• Laws of Scale

  A cyanotype-style research cover reveals loss curves on logarithmic axes and traces a compute-optimal frontier.

• Rooms of Quiet

  Layered terracotta paper arches settle into place around warm light, with a serif title for architectural and reflective talks.

• Inference at the Edge

  A dark technology cover builds a rotating spherical lattice with node pulses, instrument rings and a terminal-style title.

• Make Things Weird

  A playful risograph cover combines pink, blue and yellow shapes, print texture, bold type and a rotating badge.

• Between Mountains and Water

  Ink-wash mountains, drifting mist, a small boat and vertical Chinese typography create a quiet cultural presentation cover.

• Slit-Scan 2026

  Large year numerals assemble from alternating horizontal strips, then shift subtly under a slow scanning wave.

• Form Follows Signal

  A Swiss grid poster assembles red and black geometry, restrained rhythmic motion and a large sans-serif title.

• Deep-Sea Color Fields

  Large blue, teal and violet fields drift slowly on closed paths while static content remains readable.

• Faceted Light

  A fixed dark polygon surface changes only through slowly rotating light, with no geometric movement.

• Ink on Paper - Original Layout

  Background and typography extracted from AutoResearch slide s118, retaining the original theme label and visual style.

• Lacquer and Gold - Original Layout

  Background and typography extracted from AutoResearch slide s123, retaining the original theme label and visual style.

• Night Ink - Original Layout

  Background and typography extracted from AutoResearch slide s124, retaining the original theme label and visual style.

• Section Divider

  A chapter number and title appear, the agenda marks the current section and the progress line advances.

• Chapter Deck

  Past chapters turn to the left, future chapters line up on the right and the current page stays centered in one shared space.

• Continuous Panorama

  A camera pans through problem, method and result across one wide scene, following the same samples throughout.

• Liquid Curtain

  Three curved layers cover the old scene, switch it while fully hidden and uncover the next scene in sequence.

• Object Match Cut

  A retention endpoint becomes a composition ring, then connects to an onboarding flow with an explicit change of population.

• Perspective Portal

  The camera moves through a window into a deeper mechanism diagram, with parallax and a breadcrumb preserving context.

• Converging Perspectives

  Two evidence panels contract into source labels and merge through colored branches into one combined conclusion.

• Animated Reordering

  Switch the comparison metric and watch the ranked items move smoothly into their new positions.

• Metric Spotlight

  A metric counts from its baseline to the current value while a full-scale chart shows the change and uncertainty.

• Growing Bars

  Bars grow from a shared baseline to their values; labels follow and the largest bar receives an accent color.

• Target Progress

  A bullet chart reveals reference ranges, target markers and actual progress, with clearly distinguished comparison values.

• Cohort Regrouping

  The same 24 points regroup by channel, age and renewal status while preserving identity and total count.

• Positive and Negative Contributions

  Contributions extend on either side of zero before the chart summarizes the net change.

• Dot Matrix

  A hundred-dot grid fills to show how many items out of one hundred belong to a group.

• Paired Differences

  Two points and a connecting line expose each paired difference, then sort the items for comparison.

• Heatmap Scan

  Introduce the legend, scan the matrix to reveal patterns and outline the region of interest.

• Line Chart Reveal

  A line follows the timeline while a readout reports the current value.

• Line Chart Reveal

  A twelve-month example reveals its line at a steady pace, synchronizing the drawing head, guides and value readout.

• Lollipop Comparison

  Values grow from a common baseline before the chart highlights one item that falls behind.

• Radial Breakdown

  Three ring segments appear in sequence and add up to one hundred percent.

• Radial Breakdown

  Three proportional ring segments sweep into view, revealing labels as the central total reaches one hundred percent.

• Uncertainty Intervals

  An apparent ranking expands into overlapping intervals, showing where the data does not support a clear winner.

• Sankey Flow

  Two sources split into three destinations with flow widths that preserve the total quantity.

• Scatter and Trend

  Points reveal the distribution before a trend line highlights a power-law relationship.

• Sliding Numbers

  Digits animate through carries, width changes and decreases while keeping the displayed value readable.

• Small Multiples

  Three line charts share the same scale and draw together, first revealing similarities and then differences.

• Waterfall Chart

  Positive and negative contributions accumulate from a starting value to the final total.

• Conversion Funnel

  Each stage narrows from the previous population, keeping counts and conversion rates separately labeled.

• Exploded Assembly

  A flashlight separates into its housing and inner assembly, explains the connections, then fits back together.

• Layered Assembly

  Three separated layers move together to form one assembled structure.

• Layered Assembly

  Isometric data, service and interface layers assemble in order, with their colors and labels remaining visible.

• Layered Assembly

  Three isometric layers settle into place from the bottom up, with highlighted seams confirming each connection.

• Attention Matrix

  Follow a query through scoring, normalization and weighted mixing before extending the explanation to the full matrix.

• Causal Intervention

  Compare observation with a do(X) intervention, explicitly removing the arrows that point into X.

• Network Rewiring

  The same nodes move from an old structure to a new one, with each type of relationship change marked.

• Quadrant Map

  Define the directions of both axes, place four strategies in their quadrants and highlight a recommendation.

• Tree Expansion

  A root grows its branches and leaves while connections stay attached as the layout moves.

• Venn Focus

  Highlight the unique and shared regions of two sets, explicitly noting that the diagram areas do not represent quantities.

Transfer & convergence

• Sequence Diagram

  A time cursor follows requests, processing and responses across three participants, preserving message direction and return order.

• Expert Routing

  Score experts, select routes, duplicate and process tokens in parallel, then merge their weighted outputs using illustrative values.

• Branch and Merge

  One signal splits across three routes and arrives at the merge point at different times.

• Branch and Merge

  An input splits into three colored pieces, processes on separate routes and reassembles into one output after staggered arrivals.

• Branch and Merge

  Three sectors separate, follow independent routes and processing times, then fill the merge slots to form one output.

• Request and Return

  A request travels to the server along an upper path and its result returns along a lower path, keeping endpoint identities fixed.

• Request and Return

  One token travels from caller to server, changes into a result after processing and returns along a separate directed route.

Stages & progression

• Parallel Roadmap

  Three lanes advance on a shared timeline with staggered starts and a common delivery milestone.

• Milestone Timeline

  Four milestones appear on a proportional timeline; progress advances to today and highlights the current stage.

• Blueprint Workshop

  A research-production scene follows incoming clues through proposal assembly, testing, review, revision and stamped output.

• Drawn Path

  A cursor follows a planned curve, lights up its milestones and finishes in a completed state.

• Ink on Paper

  An ink-and-paper research workflow follows clues, proposal formation, testing, review and report writing.

• Swarm Funnel

  A dark funnel follows a swarm through research screening, trace recording and feedback toward a final report.

• Trace Lanes

  A warm-paper scene tracks proposal paths, rejected stops, dashed returns and written report records.

Cycles & feedback

• Cycle Steps

  A marker completes four stages around a loop, with the return arc explaining why the process repeats.

• Prism and Feedback

  A dark prism splits neutral clues into colored proposals, filters them through two gates and loops revisions toward a report.

• Before and After

  A moving divider reveals changes to the same chart and marks the key improvements.

• Bullet Focus

  Points enter one at a time, earlier points recede, and the complete page returns to full emphasis at the end.

• Review Checklist

  Three conditions are checked in order: two pass and the third remains clearly marked as awaiting confirmation.

• Code Walkthrough

  A short code example highlights input, processing and output in sequence, then shows the result.

• Figure and Annotations

  Numbered annotations explain cache-hit and cache-miss paths in a complete, readable diagram.

• Key Takeaway

  Three discussion points converge into one conclusion, with emphasis on the phrase to remember.

• Trade-off Balance

  Benefits and costs sit on opposite ends of a balance; their weights change as the assumptions change.

• Question and Pause

  A question stays centered during a quiet thinking interval, then makes room for an answer and supporting example.

• Quote and Citation

  A quotation appears, pauses for reading and highlights a key phrase before revealing its citation.

• Side-by-Side Comparison

  Two options are compared on three shared dimensions, highlighting the strengths of each.

• Table Walkthrough

  A complete comparison table stays readable while a focus bar moves between rows with cell markers and explanations.

• Term Definition

  Introduce a term, explain it with a definition and analogy, then demonstrate it through numbered word fragments.

• Equation Derivation

  Complete the square to solve a quadratic equation, showing where each term moves at every step.

• Academic Paper Layout

  A cool-white academic layout combines blue and vermilion markers, an argument column and an annotated figure panel.

• Grid to List

  Three cards move from a horizontal grid to a vertical list, revealing descriptions, progress and status.

• Grid to List

  Three cards gather vertically, expand into a list and reveal descriptions, timing and status while preserving their order.

• Two Sides of a Card

  A card turns around its vertical axis from an overview to details, with staggered content appearing on the back.

• Morphing Search

  A search capsule expands into a command panel, reveals grouped results and contracts after a selection.

• Accordion Scene

  One summary expands into detailed content while the others compress into labeled spines that retain their key metrics.

• Newton's Cradle

  The end balls swing in turn, passing motion through the stable middle of the cradle.

• Notification Stack

  New messages expand at the top while existing messages move down continuously to preserve their order.

• Save Status

  A button contracts into a progress ring, then expands into a saved state with a drawn checkmark; this is a demonstration, not a backend result.

• Squash Loader

  A soft square rolls, compresses on contact and springs back while its shadow responds.

• Waveform

  Four bars stretch with offset rhythms around a stable baseline to create a lightweight waiting animation.

• Strike Through

  A strikethrough marks an excluded option, using a timed version of the Reveal.js fragment effect.

• Gradual Letter Reveal

  Characters enter from the left with staggered starts, creating a short reading wave through the title.

• Letter Relay

  Two copies of the same characters exchange places along a clipped vertical track, then return.

• 3D Text Flip

  Characters turn around their vertical axes to reveal a second face, then return in reverse order.

• Rotating Words

  A fixed sentence keeps its position while three keywords exchange places vertically at regular intervals.

• Text Morph

  Shared characters move into their new positions as added and removed characters enter and leave.

• Typing Output

  A command or model output appears character by character with a blinking cursor and a reading pause.

• Drawn Underline

  A slightly curved hand-drawn stroke emphasizes a keyword and finishes with a small upward flick.

• Orbital Geometry

  Staggered line drawing and geometric motion build an orbital composition.

• Depth and Parallax

  Foreground, middle and background layers move at different speeds before aligning into a causal chain.

• Balanced Mobile

  An asymmetric hanging structure sways with offset motion across its branches.

• Balanced Mobile

  An asymmetric mobile balances shapes through their areas and lever arms, with delayed motion in its lower branches.

• Radial Stagger

  A wave starts at one point and spreads through the array according to distance.

• Radial Stagger

  A coral source releases a circular wave through a dot grid; each dot expands, moves outward and settles in turn.

• Radial Stagger

  An off-center source sends a wave through a square grid, with each tile rising and settling according to its distance.

• Turning Book

  A complete book rotates with its cover, pages and shadow, preserving a sense of physical volume.

• Liquid Merge

  Two droplets connect through a growing neck, settle as one shape, then stretch apart with a small satellite droplet.

• Unfolding Ribbon

  Three rigid ribbon panels unfold around two shared creases, align into one band and fold back in reverse order.

• Unfolding Ribbon

  Three rigid panels unfold in sequence into a continuous gradient ribbon, followed by a moving highlight and a reverse fold.

• Liquid Split and Merge B

  A single droplet stretches, separates through a thinning neck and approaches again to merge with a gentle rebound.