## Bridges, string art and Bézier curves

Submitted by Marianne on March 5, 2012### The Jerusalem Chords Bridge

The Jerusalem Chords Bridge, Israel, was built to make way for the city's light rail train system. However, its design took into consideration more than just utility — it is a work of art, designed as a monument. Its beauty rests not only in the visual appearance of its criss-cross cables, but also in the mathematics that lies behind it. Let us take a deeper look into these chords.

The Chords Bridge at night. Image: Petdad.

The Chords Bridge is a suspension bridge, which means that its entire weight is held from above. In this case, the deck is connected to a single tower by powerful steel cables. The cables are connected in the following way: the ones at the top of the tower support the center of the bridge, and the ones at the bottom support the further away sections, so that the cables cross each other.

The Chords Bridge as seen from below.

Despite the fact that they draw out discrete, straight lines, we notice a remarkable feature: the outline of the cables' edges seems strikingly smooth. Does it obey any known mathematical formula?

In order to find out the shape the edges make, we are going to have to devise a mathematical model for the bridge. As the building itself is quite complex, featuring a curved deck and a two-part leaning tower, we will have to simplify things. While we lose a little accuracy and precision, we gain in mathematical simplicity, and still capture the beautiful essence of the bridge's form. Afterwards we will be able to generalise our simple description and apply it to the real bridge structure.

This is the core of modelling — taking only the important features from the real world, and translating them into mathematics.

### Chord analysis

Let's look at a coordinate system, The axis corresponds to the base of the bridge, and the axis to the tower from which it hangs.Figure 1: Coordinate axes superimposed on the bridge.

Figure 2: Our axes with evenly spaced chords.

The outline formed by the chords is essentially made out of the intersections of one cable and the one adjacent to it: you connect each intersection point with the one after it by a straight line. The more chords there are, the smoother the outline becomes. So the smooth curve that is hinted at by the chords, the *intersection envelope*, is the outline you would get from infinitely many chords.

Forgoing the detailed calculations (which you can find here), we find that all the points on this curve have coordinates of the type

for all between 0 and 1. Hence:

Well, is this it? we ask. Is the shape going to remain an unnamed mathematical relation? In fact, no! While it is not easy to see at first, this is actually the equation for a parabola! To this you might reply that the equation for a parabola is:

which differs vastly from our result, and you would be correct. However, with a little work it can be shown that if we define and we can rewrite our unfamiliar equation as

(See here for the details.)

And this indeed conforms to our well-known parabola equation. By replacing our variables and with and we have actually rotated our coordinate system by 45 degrees. But this new coordinate system needn't frighten us. As we can see, the parabola equation is all the same.Figure 3: Top: The parabola *R(S)=S ^{2}/2+1/2*. Bottom left: The same parabola tilted by 45 degrees. Bottom right: Zoom on the square defined by

*x*and

*y*ranging from 0 to 1 in the tilted parabola, which is the region that represents the bridge.

The result we got — that the outline of the cables is essentially parabolic— is certainly satisfying, for the parabola is such a simple and elegant shape. But it also leaves us a bit puzzled. Is there a reason for this simplicity? Why should it be parabolic, and not some other curve? If we changed the shape of the bridge — say, to make the tower more leaning — how would it affect our curve? Is there any way in which we can make amends for our simplifications and assumptions that we had to perform earlier?

### An unlikely answer

The answers to our questions originates from a surprising field: that of automobile design. Back in the 1960s, engineer Pierre Bézier used special curves in order to specify how he wanted car parts to look like. These curves are called Bézier curves. We shall now take a look at what they have to offer us.

We all know that between any two points there can be only one straight line; hence, we
can define a specific line using only two points. In a similar fashion a Bézier curve is defined by any number of points, called *control points*.
Unlike a straight line, it does not pass through all of the points. Rather, it starts at the first
point, ends at the last, but does not necessarily go through all the others. Instead, the points
act as "weights", which direct the
flow of the curve from the initial point to the last.

The number of points is used to define what is called the *degree* of the curve. A two-point *linear* Bézier curve has degree 1, and is just an ordinary straight line; a three-point
*quadratic* Bézier curve has degree 2, and is a parabola; and in general, a curve of degree *n*
has *n*+1 control points.

Figure 4: Bézier curves with degrees 1, 2 and 3.

A nice way of visualising the construction of a Bézier curve is to imagine a pencil that starts
drawing from the first control point to the last. On the way, it is attracted to the various
control points, but the level of attraction changes as the pencil goes along. It is initially most attracted to the first control points, so as the pencil starts drawing it heads off in their direction.
As it progresses, it becomes more and more attracted to the later control points, until it finally
reaches the last point. At any given time while we draw, we can ask: "what percentage of the
curve has the pencil drawn already?" This percentage is called *the curve parameter* and is
marked by *t*.

Figure 5: Drawing a Bézier curve.

How does all of this relate to our parabolic bridge? The connection is revealed when we
take a look at how to actually draw a Bézier curve. One way of drawing it is to follow a mathematical formula that gives the coordinates of the curve. We will skip over that (you can have a look at the formula here) and instead move on to the second method: constructing a Bézier curve recursively. In this method, in order to construct an *nth* degree curve, we
use two *(n-1)st* degree curves. It is best to illustrate this with an example.

Suppose we have a 3rd degree curve. It is defined by 4 points: From these we create two new groups: all points except the last, and all points except the first. We now have:

Each of these groups define a 2nd degree Bézier curve. Remember how we talked about using a pencil that moves from the first point to the last. Now, suppose that you have two pencils, and you draw both of these 2nd degree curves at the same time. The first will start from and finish at , while the second will start at and end at At any given time during the pencils’ journey, you can connect their position with a straight line.

So, while these two are drawing, think of a third pencil. This pencil is always somewhere on the line connecting the two current positions of the other pencils and it moves along at the same rate as the other two. At the start it is on the line connecting and and since both pencils have moved along 0% of their curves, the third pencil has moved along 0% of this line, which puts it at After the other two pencils have moved along, say, 36% of their curves and are at points and , the third pencil is on the line from to , at the point that marks 36% of that line. When the other two pencils have finished their journey, so they are at points and and have travelled 100% of the way, the third pencil is on the line from to at 100% along the way, which puts it at .

Figure 6: Building a cubic Bézier curve using quadratic curves. The red and green curves are the 2nd degree quadratic curves, while the thick black curve is
the 3rd degree cubic - this is the curve we want to construct. The points *Q _{0}* and

*Q*go along the two 2nd degree curves. Our drawing pencil always goes along the blue line connecting

_{1}*Q*and

_{0}*Q*.

_{1}There is a very good question to be asked here. We have just described how to create an degree curve, but doing so requires drawing degree curves. How do we know how to do that? Luckily, we can apply exactly the same process to these assistant curves as well. We will build them out of two lesser degree curves. By repeating this process, we eventually reach a curve that we do know how to draw. This is the linear, 1st degree curve — it is just a straight line, which we have no problem drawing at all. Thus, all complex Bézier curves can be drawn using a composition of many straight lines.

### Applying Bézier curves

Now that we are a bit familiar with Bézier curves, we can return to our original questions: what made the bridge's shape come out parabolic? How can we extend our model to fix the assumptions we made?

It turns out that our beautiful Chords Bridge is nothing but a quadratic Bézier curve! To see this, let’s go back to our coordinate system representing the bridge and draw a quadratic Bézier curve with the control points , and Using our recursive process the quadratic curve will be formed from two straight lines: the line from to (the axis from 1 down to 0) and from to (the axis from 0 up to 1).

Now suppose that the first pencil has travelled down the axis by a distance to the point In the same time the second pencil will have travelled along the axis to the point . The third pencil will therefore be on the line from to % along the way. Thus, the Bézier curve meets all of the lines for between 0 and 1. These lines (or at least of them) correspond to our bridge chords.

Figure 7: The red arrows represent the distance *t* travelled along the axes for *t*=0.5. The blue line is the line *L _{0.5}*.

Figure 8: The blue lines represent some of the lines *L _{t}*. The red line is

*L*. The green curve illustrates that any parabolic shape apart from the outline curve misses the point

_{0.5}*P*.

Figure 9: The correct Bézier curve applied to the Chords bridge.

We can now rest peacefully, knowing the underlying reason to the parabolic shape of the Chords Bridge outline. Somehow, a curve that was used in the 1960s for designing car parts managed to sneak its way into 21st century bridges!

### Béziers everywhere!

Bézier curves' abundance is far greater than just cars and bridges. It finds its way into many more fields and applications. One such field is that of string art, in which strings are spread across a board filled with nails. Although the strings can only make straight lines, a great many of them at different angles can generate Bézier curve outlines, just like the chords in the bridge do.

Figure 10: A boat and a pattern made from strings. Boat image from String art fun.

Another interesting appearance of Bézier curves is in computer graphics. Whenever you use the pen tool, common in many image manipulation programs, you are drawing Bézier curves. More importantly, there are many computer fonts which use Bézier curves to define how to draw their letters. Each letter is defined by up to several dozen control points and is drawn using a series of 3rd to 5th degree Bézier curves. This makes the letters scalable: they are clearly drawn and presented, no matter how much you zoom in on them.

Figure 11: Some of the Bézier control points used to make "a" and "g" in the FreeSerif font (simplified).

This is the beauty of mathematics. It appears in places we would never expect and connects fields that appear entirely unrelated. Considering the fact that the curves were initially used for designing automobile parts, this is truly a display of the interdisciplinary nature of mathematics.

### About the author

Renan Gross is an enthusiastic young scientist from Israel. He is interested in all fields of science, from mathematics and computer science to physics, informatics and biology. During his spare time he maintains a blog, plays the piano, and cycles fervently through the streets of Tel Aviv.