Quantum States: A Hat, a Tulip and a Box
Published 01 November 2026
This is the next step in working through Susskind's quantum mechanics book, Quantum Mechanics: The Theoretical Minimum[1]. I'm a visual thinker, and I find that a geometric understanding of maths is essential to truly understand it, alongside the symbols that represent these concepts. In reading Chapter 2, I realised that each time I have previously studied quantum mechanics, I have mixed up various concepts and not truly understood how they fit together. Part of the challenge, in my opinion, is the lack of resources to get hands-on: to actually see what experiments show on a quantum scale for yourself, and to pull real levers and see how the underlying maths responds. This post is my own exploration as I followed Susskind through this chapter. I may not yet fully grasp it, but I'm certainly getting closer. There may also be some mistakes in these widgets, but if you can spot them it will certainly be a sign you are thinking about the underlying concepts in sufficient detail to gain a real understanding.
The last post built up vector spaces; this one puts them to work on the state of the simplest quantum system there is. The chapter is only a few pages long, but it packs in ideas that took me a while to see, so this post builds pictures, and widgets you can play with, until they feel (hopefully) obvious.
The objective:
- See why two measurement results that sound like opposites, such as up and down, are perpendicular axes in the state space.
- Find out what changes when you can look from more than one direction, and why that forces the state-vector components to be complex numbers if the world is actually 3D.
- Show that a quantum state is not just a coin flip hidden in a box.
- Bring it all together in one picture: a single arrow on a sphere (i.e. an interactive Bloch sphere).
Chapter 2 turns the spin experiments of chapter 1 into vectors. The simplest quantum object there is has just two possible results when you measure it, and its state lives in , the two-dimensional complex vector space from the last post. For an electron's spin, Susskind calls the two basis states "up" and "down", and writes any state as
There's one thing here that kept on confusing me with the electron's quantum spin states: |u⟩ and |d⟩ are orthogonal: perpendicular axes, with ⟨u|d⟩ = 0. But the words "up" and "down", and the values these measurements yield and , make them sound like opposites, as if |d⟩ were minus |u⟩. It isn't.
I therefore wanted to represent the quantum state as something visual and not numerical. This is grounded in the fact that a quantum state is already a confusing thing, and here we are mixing the mathematics of probability and experimentally determined outcomes with trying to understand what exactly the quantum state itself is. My way around that is to park the spin state and think of it as a physical object that is totally relatable. It is just a thing here. This allows us to focus on what is strange about how that thing appears when we change our perspective (how we look at it), as well as the fact that we always see one of two things when we look. You can ignore "Spin" and being confused about what it is for now. There are some other concepts here to understand that don't rely on understanding what spin is. They just require observing the experimentally discovered facts and logically deducing what mathematical framework must produce those results. Ultimately that's what I guess the forefathers of quantum mechanics did when they invented this stuff: Heisenberg, Schrödinger, Dirac and the rest.
A box with one window
Imagine a box you can't see into, except through one small window in its lid. Open the window and you see one of exactly two things:
- a hat (a magician's pointy one), or
- a tulip.
A hat and a tulip have nothing in common, so nobody will mistake a tulip for "minus a hat", and nobody will think they're numbers. A tulip is not the opposite of a hat. It's just something else.
We are using the hat and the tulip to represent the basis vectors of our state vector. The basis states are chosen relative to an actual observation direction in real space (i.e. looking from above), and they are chosen because every time we look we find that in reality we see either the tulip or the hat, never something in between. Quantum. Discrete. A hat or a tulip. These basis vectors are orthogonal, which means they are perpendicular to each other. There is no 'tulipness' to the hat and no 'hatness' in the tulip.
While the window is shut, what's in the box is neither: call it the wisp. The wisp is the quantum state. Every time you look, it turns into a hat or a tulip. The wisp is a symbolic representation of the state vector. A linear combination of the two basis vectors.
Every widget in this post has the same Picture switch. Flip it to Spin and the hat becomes spin up, the tulip spin down, the wisp a spin state |A⟩, and the notation in the text switches to Susskind's letters. The maths is identical either way; only the pictures change.
Looking in
Here's the box that contains our illustrative quantum mechanical object. This widget allows you to conduct experiments that simulate what we actually find when we measure quantum states. Work through the three experiments in order.
- 1. Look again. Whatever you saw the first time, you see again, every time. Looking doesn't just reveal what's inside; it sets it. The box now holds what you saw.
- 2. Fresh boxes. Each look is at a new box holding the same wisp: hat or tulip, with no way to predict which. Over 100 boxes the tally settles near 50:50, but no single look ever shows half a hat.
- 3. A certain box. A wisp that is all hat, |A⟩ = |u⟩, shows a hat every time.
Two states, two perpendicular axes
Give each state its own axis in state-space. A box that is prepared in a state certain to show a hat can be represented by a state vector |u⟩; one certain to show a tulip is |d⟩. Neither has any of the other in it, so they're orthogonal, and each has length one:
In columns, |u⟩ is and |d⟩ is . The axes are labelled by states, not numbers: the first slot of the column means hat, not 1, and the component α_u is "how much hat" the wisp has in it.
Before we look, we suppose the state of the box is described by the wisp. Every wisp is a combination of the two. So far there is no need for any complex numbers: the components are real.
To take the inner product of two states, write both as columns, take the complex conjugate of each entry in the first one (that's what turning a ket into a bra does), then multiply matching entries and add them up, as in the last post. For the wisp |A⟩ and another state |B⟩ = β_u|u⟩ + β_d|d⟩:
While the components are real, the conjugate changes nothing. The basis states check out: ⟨u|d⟩ = 1 · 0 + 0 · 1 = 0 and ⟨u|u⟩ = 1 · 1 + 0 · 0 = 1. And the inner product with |u⟩ picks out the first entry, ⟨u|A⟩ = 1 · α_u + 0 · α_d = α_u, which is why the components are inner products.
The chance of seeing each state when we look is the squared size of its component:
which is why a state must be normalised, ⟨A|A⟩ = |α_u|² + |α_d|² = 1: the box always shows something with probability 1. The probability of each of the two basis states appearing when we look must therefore sum to 1, which is geometrically the same as saying the length of the state vector (wisp) must be 1.
Now let's take a look at this state vector in state space. For now, in this 2D example, the components α_u and α_d are real numbers, so we can plot the wisp as an arrow on an ordinary pair of axes. The arrow's shadow on each axis is that component.
Notice −|u⟩: the arrow points the other way, but the chances are exactly those of |u⟩, a hat every time. A minus sign isn't a tulip.
So far so good, but it seems like we are adding a lot of complexity and confusing symbols without actually explaining anything new. That is because we need to move on to a more realistic number of spatial dimensions. So far we have only looked into the box from the top, and we just see a randomly appearing hat or tulip. This is strange, but just looks random in a classically random kind of way: heads or tails. We look, and we learn whether it was heads or tails. Things get much stranger when we start looking from another direction after already looking from the top.
Looking from other directions
Before we get to why these components need to be, in reality, complex numbers, we need a more realistic set of experiments: looking into the box from different directions in space.
The first thing we find is that, whichever direction we look from, we always see a hat or a tulip pointing directly towards us. This is extremely bizarre, but it is how quantum states work. This is another way of saying that the physical direction from which we observe the state (i.e. the measurement axis) results in the object manifesting a state that is aligned with that direction.
The second finding is stranger still. In the first experiment, once we had looked and seen a hat, every further look into the same box (without resetting it) showed the hat again. It never became a tulip. So suppose we look from above and see a hat pointing up, and then look into that same box from the side. We never find the hat still pointing up. Instead, half the time we see a hat pointing towards us, and half the time a tulip pointing towards us.
Read these two paragraphs again, as many times as it takes to let that sink in.
So seeing a hat from above didn't turn the box into a hat for good. It only made the box certain to show a hat from above. The box still held a quantum state, a wisp, and looking from the side reveals it. The kicker comes when we look at an angle. We still only ever see hats and tulips, but the closer the window is to the top, the direction we prepared the state in, the more often we see a hat.
Try it, with windows on the top, the side and the front. These are the experiments from Susskind's chapter 1.
The tilted window gives a formula worth keeping: from a box certain to show a hat through the top, the chance of a hat through a window tilted from the top is . Certain at , 50:50 at , and never at : through a window underneath, a box sure to show a hat through the top is sure to show a tulip.
The side window
The side window gives two new states: |r⟩, certain to show a hat through the side, and |l⟩, certain to show a tulip there. They're not new dimensions. is still two-dimensional, so they must be combinations of the top-window states. We'll derive them properly in the next section; the answer is
Now let's put state space next to real space. On the left, the wisp shows as an arrow in state space; on the right, the direction you'd have to look from to be certain of seeing the hat (with the Picture set to Spin, the direction the spin points). This is also an interesting result. For a given state vector, there exists a direction in physical space from which we can be confident we will always see a hat pointing towards us. In a sense, that polarisation vector (a vector in physical space) also characterises the quantum state. You can see from this widget that there is a mapping between the two, but it's two-to-one: |A⟩ and −|A⟩ point the same way in real space.
- Drag from |u⟩ to |d⟩. A quarter turn on the left is a half turn on the right. Every angle in state space is doubled in real space. That's how "up" and "down", opposite in space, are perpendicular in state space.
- Stop at 45° for |r⟩, or −45° for |l⟩.
Everything so far is real. The sign of the components decides whether the certain direction is towards or , and every real wisp is certain through some window in the plane of the top and the side.
Why we cannot avoid complex components for the state vector
This section is algebra, so it uses Susskind's letters whatever the Picture switch says. Each window has its own pair: |u⟩ and |d⟩ are a hat and a tulip through the top, |r⟩ and |l⟩ a hat and a tulip through the side, and |i⟩ and |o⟩ a hat and a tulip through the front.
The front window (along ) is at right angles to both the top and the side. To find its states, we'll go in three steps: first work out the side window's states from nothing but the experiments, then try exactly the same thing for the front window, see where it breaks, and then fix it.
Step 1: the side window
Take a box that is certain to show a hat through the side. Its state is a vector in the same two-dimensional space as everything else, so it's some combination of the top-window states:
Here |u⟩ and |d⟩ are the basis vectors, the two perpendicular axes of state space, and and are the components of |r⟩ along them: how much of |u⟩ and how much of |d⟩ it takes to build |r⟩. They're its coordinates in the top-window basis, just as and are the coordinates of an arrow on a page. Each one is an inner product with its basis vector, a = ⟨u|r⟩ and b = ⟨d|r⟩.
We don't know and yet, but they tell us the chances through the top. The chance of each result is the squared size of its component: for a hat and for a tulip.
The side window is at to the top, so by the tilted-window formula, : this box shows a hat through the top half the time. So
With real components, that leaves and . Multiplying a whole state by changes no chance, so we can take . That leaves just two candidates:
Their inner product is , so they're orthogonal, which is exactly what a hat and a tulip through the same window need. So one is |r⟩ and the other |l⟩; which is which is a convention (which way we call ):
So with real components, being 50:50 through the top allows exactly two states, and the side window uses both of them.
Step 2: the front window
This is great, but we're not done. In three dimensions there's another window at right angles to the top: the front window. By the symmetry of space you might expect the same answer, something like this:
It passes the top-window test: 50:50, just like the side. But look at what we've written. That |i⟩ is exactly |r⟩, and that |o⟩ is exactly |l⟩. A box certain to show a hat through the front would then be certain to show a hat through the side too:
But the front window is at to the side window as well, so through the side it must be 50:50, not certain. And with real components there's nothing else to try: being 50:50 through the top allows only those two states, and the side window has already used both. No real components can do it.
Step 3: complex components
From Step 1 we have |r⟩ and |l⟩ in terms of |u⟩ and |d⟩. Now we want the front-window hat in terms of |u⟩ and |d⟩ too, this time letting the components be complex:
Constraint 1: the top window. The front window is at to the top, so through the top it's 50:50. The chances are the squared sizes of the components, so
Constraint 2: the side window. The front window is at to the side as well. So if we wrote |i⟩ in the side-window basis instead,
its components there (ρ for r, λ for l) would have to pass the same test:
Linking the two. Substitute Step 1's |r⟩ and |l⟩:
Both lines describe the same |i⟩, so the components along |u⟩ and |d⟩ must match:
We want this the other way round, with the side-window components in terms of the top-window ones, because and are what we're solving for. Adding the two equations gives , and subtracting them gives . So
Now Constraint 2 is a condition on and too. (This is the same as taking inner products: ρ = ⟨r|i⟩ and λ = ⟨l|i⟩.)
Solving for and . Multiplying a whole state by any complex number of size 1 (like , or ) changes no chance, so we can take . Constraint 1 then says only that has size . Write it as , with . Then . The squared size of a complex number is its real part squared plus its imaginary part squared, , and dividing by halves the squared size, so
Expanding the bracket gives , and , so the top is :
Constraint 2 needs this to be , so . ( works out as , which gives the same.) With no real part, , so and
Compare real components: and , which makes either 1 or 0, certain through the side. That's Step 2's dead end again. The only way through is for to be purely imaginary.
That gives two states, and they're the front window's hat and tulip. Which is which is a convention again; Susskind calls them "in" and "out":
They're orthogonal, as a hat and a tulip through the same window should be. The bra ⟨o| conjugates the to , so
Two windows could be described with real numbers alone. The third window is what forces in .
The wisp is not a coin flip
Is the wisp anything more than a coin-flip box? In a coin-flip box, someone tossed a coin, put in a box certain to show a hat or a tulip through the top accordingly, and closed the lid. It really does hold one or the other all along; you just don't know which.
The difference shows in the order you look.
- Through the top, then the side. The two boxes behave identically. The top window shows a hat or a tulip, and then the side is 50:50, for the wisp and the coin-flip box alike. Looking through the top turns the wisp into a definite hat or tulip, and after that it is no different.
- Through the side only, with the top window left shut. The coin-flip box is still 50:50: whichever box the coin chose, the side shows a hat half the time. But the wisp |r⟩ shows a hat every time.
Look at |r⟩, |l⟩, |i⟩ and |o⟩. All four have components of the same size, so through the top window all four are 50:50, indistinguishable from each other and from a fair coin-flip box. They differ only in the phase of α_d relative to α_u: , , and , the four quarter turns.
So the phase the top window couldn't see is exactly what the side and front windows measure. Write a general wisp as
The mix θ sets what you see through the top. The relative phase φ is invisible there, but decides what you see through the side and the front.
Things to try:
- Press Play. The arrow of α_d goes round its dial. Through the top window, nothing changes. Through the side and front, the wisp swings between always-a-hat and never-a-hat, while the coin-flip box sits at 50%.
- Watch the compass. The direction you'd look from to be certain of a hat goes round the equator as φ turns. The phase is a direction in space that the top window can't see.
- Change the mix, θ. It tips that direction up or down.
- Press × e^(iπ/3) to multiply the whole state by a phase. Both arrows turn together, the relative phase is unchanged, and nothing moves at all, through any window. That's the phase that really is unobservable.
That last point is behind a counting argument Susskind makes in this chapter. Two complex numbers are four real numbers. Normalisation, ⟨A|A⟩ = 1, fixes one. The overall phase can't be seen through any window, so it doesn't count either. That leaves two, θ and φ: exactly the two angles you need to point in a direction in space. So every wisp, however it was prepared, is certain to show a hat through some window. A box that is 50:50 through every window isn't a wisp at all; it's a fair coin-flip box.
Why not just use the two angles?
If θ and φ say everything about the state, why keep the complex components? Because the angles list the states, but they don't say how states combine. Directions can't be added: "up" plus "down" as arrows is zero, while |u⟩ plus |d⟩ as kets is |r⟩, a perfectly good state. The chance of any result is always an inner product, squared. And the angles stop working with two boxes: their joint states need four complex components, and some of them, the entangled ones, point in no direction at all. The complex vectors carry on unchanged.
The two pictures, side by side
- The hat and the tulip are spin up and spin down along : |u⟩ and |d⟩.
- The wisp is the state |A⟩, a vector in .
- Hat and tulip have nothing in common: ⟨u|d⟩ = 0. Physically opposite states are orthogonal.
- The chance of seeing a state is the squared size of the matching component: P_u = |⟨u|A⟩|².
- "Pointing straight at you through any window" is the rule that a spin measured along any axis gives or .
- The top window sees only the sizes of the components. The side window sees their relative sign; the front window needs, and sees, a complex relative phase. No window sees the overall phase.
The whole picture: one arrow
Put everything together and the physical state is just an arrow in ordinary 3D space: the one direction the wisp is certain to show a hat from. Once you know that arrow, the uncertainty is completely known too. Every other direction you could look from has a definite chance of a hat, , where is the angle between that direction and the arrow.
The sphere of all the directions that arrow can point in is called the Bloch sphere, after the physicist Felix Bloch.
To calculate those chances, though, we built something else: the two-dimensional complex state space. That space is always written relative to a choice of window, which is a choice of basis. A window is a single axis, so its basis is a pair of states pointing in opposite directions along that axis: a hat through the window and a tulip through it. Two possible results along one axis is why the space has two dimensions.
Choosing a different window rotates the basis, and the state gets new components in it. The rule that ties it all together is that every choice of window has to reproduce the chances we actually see. For windows in the plane of the top and side, real components would do. For windows anywhere in 3D, including the front, the components have to be complex.
The widget starts in a 2D world, with only the top and side windows, where real components are enough. Switch the World to 3D to add the front window, and watch what state space needs.
Things to try:
- In 2D, move the window round the circle. In state space, its two states are a pair of axes at right angles, and they turn half as fast as the window: a quarter turn of the window (top to side) is an eighth of a turn in state space (from the |u⟩, |d⟩ axes to the |r⟩, |l⟩ axes). The state's shadows on the axes are its components, all real.
- Point the window along the arrow. The state lies along one axis: a single component, and the window is certain to show a hat.
- Move the state. The coloured dots follow the arrow. The dots at right angles to it are always 50:50.
- Run experiments. Look into 100 fresh boxes through a few different windows, then move the state and do it again. Every result lands on the same curve: the chance depends only on the angle between the window and the arrow.
- Switch to Observe and press Look once. The arrow jumps to point straight at the window, or straight away from it, and the state in state space lands on one of the window's two axes. Reset and look again starts each look from the state you set, so you can watch the hats and tulips come up at the predicted rate.
- Switch to 3D and choose the front window. A real plane has no room for its pair of axes, so state space becomes one complex plane per component, and the components turn complex.
Susskind, Leonard, and Art Friedman. Quantum Mechanics: The Theoretical Minimum. Basic Books, 2014. ↩︎