<?xml version="1.0" encoding="UTF-8" standalone="yes"?><oembed><version><![CDATA[1.0]]></version><provider_name><![CDATA[Azimuth]]></provider_name><provider_url><![CDATA[https://johncarlosbaez.wordpress.com]]></provider_url><author_name><![CDATA[John Baez]]></author_name><author_url><![CDATA[https://johncarlosbaez.wordpress.com/author/johncarlosbaez/]]></author_url><title><![CDATA[Network Theory (Part&nbsp;31)]]></title><type><![CDATA[link]]></type><html><![CDATA[<p><a href="https://johncarlosbaez.wordpress.com/2014/10/03/network-theory-part-30/">Last time</a> we came up with a category of labelled graphs and described circuits as &#8216;cospans&#8217; in this category.</p>
<p>Cospans may sound scary, but they&#8217;re not.   A <b>cospan</b> is just a diagram consisting of an object with two morphisms going into it:</p>
<div align="center">
<img width="205" src="https://i2.wp.com/math.ucr.edu/home/baez/networks/cospan.jpg" />
</div>
<p>We can talk about cospans in any category.  A cospan is an abstract way of thinking about a &#8216;chunk of stuff&#8217; <img src='https://s0.wp.com/latex.php?latex=%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma' title='&#92;Gamma' class='latex' /> with two &#8216;ends&#8217; <img src='https://s0.wp.com/latex.php?latex=I&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I' title='I' class='latex' /> and <img src='https://s0.wp.com/latex.php?latex=O.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O.' title='O.' class='latex' />  It could be any sort of stuff: a set, a graph, an electrical circuit, a network of any kind, or even a piece of matter (in some mathematical theory of matter).</p>
<p>We call the object <img src='https://s0.wp.com/latex.php?latex=%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma' title='&#92;Gamma' class='latex' /> the <b>apex</b> of the cospan and call the morphisms <img src='https://s0.wp.com/latex.php?latex=i%3A+I+%5Cto+%5CGamma%2C+o+%3A+O+%5Cto+%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='i: I &#92;to &#92;Gamma, o : O &#92;to &#92;Gamma' title='i: I &#92;to &#92;Gamma, o : O &#92;to &#92;Gamma' class='latex' /> the <b>legs</b> of the cospan.  We sometimes call the objects <img src='https://s0.wp.com/latex.php?latex=I&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I' title='I' class='latex' /> and <img src='https://s0.wp.com/latex.php?latex=O&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O' title='O' class='latex' /> the <b>feet</b> of the cospan.  We call <img src='https://s0.wp.com/latex.php?latex=I&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I' title='I' class='latex' /> the <b>input</b> and <img src='https://s0.wp.com/latex.php?latex=O&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O' title='O' class='latex' /> the <b>output</b>.  We say the cospan goes <b>from <img src='https://s0.wp.com/latex.php?latex=I&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I' title='I' class='latex' /> to <img src='https://s0.wp.com/latex.php?latex=O%2C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O,' title='O,' class='latex' /></b> though the direction is just a convention: we can flip a cospan and get a cospan going the other way!</p>
<p>If you&#8217;re wondering about the name &#8216;cospan&#8217;, it&#8217;s because a <b>span</b> is a diagram like this:</p>
<div align="center">
<img width="205" src="https://i2.wp.com/math.ucr.edu/home/baez/networks/span.jpg" />
</div>
<p>Since a &#8216;span&#8217; is another name for a bridge, and this looks like a bridge from <img src='https://s0.wp.com/latex.php?latex=I&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I' title='I' class='latex' /> to <img src='https://s0.wp.com/latex.php?latex=O%2C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O,' title='O,' class='latex' /> category theorists called it a span!   And category theorists use the prefix &#8216;co-&#8216; when they turn all the arrows around.   Spans came first historically, and we will use those too at times.  But now let&#8217;s think about how to compose cospans.</p>
<p>Composing cospans is supposed to be like gluing together chunks of stuff by attaching the output of the first to the input of the second.  So, we say two cospans are <b>composable</b> if the output of the first equals the input of the second, like this:</p>
<div align="center">
<img width="410" src="https://i2.wp.com/math.ucr.edu/home/baez/networks/composable_cospans.jpg" />
</div>
<p>We then compose them by forming a new cospan going all the way from <img src='https://s0.wp.com/latex.php?latex=X&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='X' title='X' class='latex' /> to <img src='https://s0.wp.com/latex.php?latex=Z&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='Z' title='Z' class='latex' />:</p>
<div align="center">
<img width="440" src="https://i0.wp.com/math.ucr.edu/home/baez/networks/composing_cospans.jpg" />
</div>
<p>The new object <img src='https://s0.wp.com/latex.php?latex=%5CGamma+%2B_Y+%5CGamma%27&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma +_Y &#92;Gamma&#039;' title='&#92;Gamma +_Y &#92;Gamma&#039;' class='latex' /> and the new morphisms <img src='https://s0.wp.com/latex.php?latex=i%27%27%2C+o%27%27&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='i&#039;&#039;, o&#039;&#039;' title='i&#039;&#039;, o&#039;&#039;' class='latex' /> are built using a process called a &#8216;pushout&#8217; which I&#8217;ll explain in a minute.  The result is cospan from <img src='https://s0.wp.com/latex.php?latex=X&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='X' title='X' class='latex' /> to <img src='https://s0.wp.com/latex.php?latex=Z%2C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='Z,' title='Z,' class='latex' /> called the <b>composite</b> of the cospans we started with.  Here it is:</p>
<div align="center">
<img width="410" src="https://i0.wp.com/math.ucr.edu/home/baez/networks/composite_cospan.jpg" />
</div>
<p>So how does a pushout work?  It&#8217;s a general construction that you can define in any category, though it only <i>exists</i> if the category is somewhat nice.  (Ours always will be.)  You start with a diagram like this:</p>
<div align="center">
<img width="205" src="https://i1.wp.com/math.ucr.edu/home/baez/networks/pushout_data.jpg" />
</div>
<p>and you want to get a commuting diamond like this:</p>
<div align="center">
<img width="205" src="https://i0.wp.com/math.ucr.edu/home/baez/networks/pushout.jpg" />
</div>
<p>which is in some sense &#8216;the best&#8217; given the diagram we started with.  For example, suppose we&#8217;re in the category of sets and <img src='https://s0.wp.com/latex.php?latex=Y&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='Y' title='Y' class='latex' /> is a set included in both <img src='https://s0.wp.com/latex.php?latex=%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma' title='&#92;Gamma' class='latex' /> and <img src='https://s0.wp.com/latex.php?latex=%5CGamma%27.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma&#039;.' title='&#92;Gamma&#039;.' class='latex' />  Then we&#8217;d like <img src='https://s0.wp.com/latex.php?latex=A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A' title='A' class='latex' /> to be the union of <img src='https://s0.wp.com/latex.php?latex=%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma' title='&#92;Gamma' class='latex' /> and <img src='https://s0.wp.com/latex.php?latex=%5CGamma.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma.' title='&#92;Gamma.' class='latex' />  There are other choices of <img src='https://s0.wp.com/latex.php?latex=A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A' title='A' class='latex' /> that would give a commuting diamond, but the union is the best.  Something similar is happening when we compose circuits, but instead of the category of sets we&#8217;re using the category of labelled graphs we discussed last time.</p>
<p>How do we make precise the idea that <img src='https://s0.wp.com/latex.php?latex=A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A' title='A' class='latex' /> is &#8216;the best&#8217;?   We consider any other potential solution to this problem, that is, some other commuting diamond:</p>
<div align="center">
<img width="205" src="https://i2.wp.com/math.ucr.edu/home/baez/networks/pushout_competitor.jpg" />
</div>
<p>Then <img src='https://s0.wp.com/latex.php?latex=A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A' title='A' class='latex' /> is &#8216;the best&#8217; if there exists a unique morphism <img src='https://s0.wp.com/latex.php?latex=q&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='q' title='q' class='latex' /> from <img src='https://s0.wp.com/latex.php?latex=A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A' title='A' class='latex' /> to the &#8216;competitor&#8217; <img src='https://s0.wp.com/latex.php?latex=Q&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='Q' title='Q' class='latex' /> making the whole combined diagram commute:</p>
<div align="center">
<img width="250" src="https://i2.wp.com/math.ucr.edu/home/baez/networks/pushout_universality.jpg" />
</div>
<p>This property is called a <a href="http://en.wikipedia.org/wiki/Universal_property"><b>universal property</b></a>: instead of saying that <img src='https://s0.wp.com/latex.php?latex=A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A' title='A' class='latex' /> is the &#8216;best&#8217;, grownups say it is <b>universal</b>.</p>
<p>When <img src='https://s0.wp.com/latex.php?latex=A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A' title='A' class='latex' /> has this universal property we call it the <b><a href="http://en.wikipedia.org/wiki/Pushout_%28category_theory%29">pushout</a></b> of the original diagram, and we may write it as <img src='https://s0.wp.com/latex.php?latex=%5CGamma+%2B_Y+%5CGamma%27.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma +_Y &#92;Gamma&#039;.' title='&#92;Gamma +_Y &#92;Gamma&#039;.' class='latex' />  Actually we should call the whole diagram</p>
<div align="center">
<img width="205" src="https://i0.wp.com/math.ucr.edu/home/baez/networks/pushout.jpg" />
</div>
<p>the pushout, or a <b>pushout square</b>, because the morphisms <img src='https://s0.wp.com/latex.php?latex=i%27%27%2C+o%27%27&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='i&#039;&#039;, o&#039;&#039;' title='i&#039;&#039;, o&#039;&#039;' class='latex' /> matter too.  The universal property is not really a property just of <img src='https://s0.wp.com/latex.php?latex=A%2C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A,' title='A,' class='latex' /> but of the whole pushout square.  But often we&#8217;ll be sloppy and call just the object <img src='https://s0.wp.com/latex.php?latex=A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A' title='A' class='latex' /> the pushout.</p>
<p><b>Puzzle 1.</b> Suppose we have a diagram in the category of sets</p>
<div align="center">
<img width="205" src="https://i1.wp.com/math.ucr.edu/home/baez/networks/pushout_data.jpg" />
</div>
<p>where <img src='https://s0.wp.com/latex.php?latex=Y+%3D+%5CGamma+%5Ccap+%5CGamma%27&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='Y = &#92;Gamma &#92;cap &#92;Gamma&#039;' title='Y = &#92;Gamma &#92;cap &#92;Gamma&#039;' class='latex' /> and the maps <img src='https://s0.wp.com/latex.php?latex=i%2C+o%27&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='i, o&#039;' title='i, o&#039;' class='latex' /> are the inclusions of this intersection in the sets <img src='https://s0.wp.com/latex.php?latex=%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma' title='&#92;Gamma' class='latex' /> and <img src='https://s0.wp.com/latex.php?latex=%5CGamma%27.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma&#039;.' title='&#92;Gamma&#039;.' class='latex' />  Prove that <img src='https://s0.wp.com/latex.php?latex=A+%3D+%5CGamma+%5Ccup+%5CGamma%27&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A = &#92;Gamma &#92;cup &#92;Gamma&#039;' title='A = &#92;Gamma &#92;cup &#92;Gamma&#039;' class='latex' /> is the pushout, or more precisely the diagram</p>
<div align="center">
<img width="205" src="https://i0.wp.com/math.ucr.edu/home/baez/networks/pushout.jpg" />
</div>
<p>is a pushout square, where <img src='https://s0.wp.com/latex.php?latex=i%27%27%2C+o%27%27&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='i&#039;&#039;, o&#039;&#039;' title='i&#039;&#039;, o&#039;&#039;' class='latex' /> are the inclusions of <img src='https://s0.wp.com/latex.php?latex=%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma' title='&#92;Gamma' class='latex' /> and <img src='https://s0.wp.com/latex.php?latex=%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma' title='&#92;Gamma' class='latex' /> in the union <img src='https://s0.wp.com/latex.php?latex=A+%3D+%5CGamma+%5Ccup+%5CGamma%27.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='A = &#92;Gamma &#92;cup &#92;Gamma&#039;.' title='A = &#92;Gamma &#92;cup &#92;Gamma&#039;.' class='latex' /></p>
<p>More generally, a pushout in the category of sets is a way of gluing together sets <img src='https://s0.wp.com/latex.php?latex=%5CGamma&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma' title='&#92;Gamma' class='latex' /> and <img src='https://s0.wp.com/latex.php?latex=%5CGamma%27&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;Gamma&#039;' title='&#92;Gamma&#039;' class='latex' /> with some &#8216;overlap&#8217; given by the maps</p>
<div align="center">
<img width="205" src="https://i1.wp.com/math.ucr.edu/home/baez/networks/pushout_data.jpg" />
</div>
<p>And this works for labelled graphs, too!</p>
<p><b>Puzzle 2.</b> Suppose we have two circuits of resistors that are composable, like this:</p>
<div align="center">
<img width="350" src="https://i2.wp.com/math.ucr.edu/home/baez/networks/circuit_fong_1.jpg" />
</div>
<p>and this:</p>
<div align="center">
<img width="320" src="https://i1.wp.com/math.ucr.edu/home/baez/networks/circuit_fong_2.jpg" />
</div>
<p>These give cospans in the category <img src='https://s0.wp.com/latex.php?latex=L%5Cmathrm%7BGraph%7D&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='L&#92;mathrm{Graph}' title='L&#92;mathrm{Graph}' class='latex' /> where</p>
<p><img src='https://s0.wp.com/latex.php?latex=L+%3D+%280%2C%5Cinfty%29&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='L = (0,&#92;infty)' title='L = (0,&#92;infty)' class='latex' /></p>
<p>(Remember from last time that <img src='https://s0.wp.com/latex.php?latex=L%5Cmathrm%7BGraph%7D&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='L&#92;mathrm{Graph}' title='L&#92;mathrm{Graph}' class='latex' /> is the category of graphs with edges labelled by elements of some set <img src='https://s0.wp.com/latex.php?latex=L.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='L.' title='L.' class='latex' />)  Show that if we compose these cospans we get a cospan corresponding to this circuit:</p>
<div align="center">
<img width="450" src="https://i1.wp.com/math.ucr.edu/home/baez/networks/circuit_fong_3.jpg" />
</div>
<p>If you&#8217;re a mathematician you might find it easier to solve this kind of problem in general, which requires pondering how pushouts work in <img src='https://s0.wp.com/latex.php?latex=L%5Cmathrm%7BGraph%7D.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='L&#92;mathrm{Graph}.' title='L&#92;mathrm{Graph}.' class='latex' />  Alternatively, you might find it easier to think about this particular example: then you can just check that the answer we want has the desired property of a pushout!</p>
<p>If this stuff seems complicated, well, just know that category theory is a very general, powerful tool and I&#8217;m teaching you just the microscopic fragment of it that we need right now.  Category theory ultimately seems very simple: I can&#8217;t really think of any math that&#8217;s simpler!  It only seem complicated when it&#8217;s unfamiliar and you have a fragmentary view of it.</p>
<p>So where are we?  We know that circuits made of resistors are a special case of cospans.  We know how to compose cospans.  So, we know how to compose circuits&#8230; and in the last puzzle, we saw this does just what we want.</p>
<p>The advantage of this rather highbrow approach is that a huge amount is known about composing cospans!  In particular, suppose we have any category <img src='https://s0.wp.com/latex.php?latex=C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='C' title='C' class='latex' /> where <b>pushouts exist</b>: that is, where we can always complete any diagram like this:</p>
<div align="center">
<img width="205" src="https://i1.wp.com/math.ucr.edu/home/baez/networks/pushout_data.jpg" />
</div>
<p>to a pushout square.  Then we can form a category <img src='https://s0.wp.com/latex.php?latex=%5Cmathrm%7BCospan%7D%28C%29&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;mathrm{Cospan}(C)' title='&#92;mathrm{Cospan}(C)' class='latex' /> where:</p>
<p>&bull; an object is an object of <img src='https://s0.wp.com/latex.php?latex=C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='C' title='C' class='latex' /></p>
<p>&bull; a morphism from an object <img src='https://s0.wp.com/latex.php?latex=I+%5Cin+C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I &#92;in C' title='I &#92;in C' class='latex' /> to an object <img src='https://s0.wp.com/latex.php?latex=O+%5Cin+C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O &#92;in C' title='O &#92;in C' class='latex' /> is an equivalence classes of cospans from <img src='https://s0.wp.com/latex.php?latex=I&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I' title='I' class='latex' /> to <img src='https://s0.wp.com/latex.php?latex=O%3A&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O:' title='O:' class='latex' /></p>
<div align="center">
<img width="205" src="https://i2.wp.com/math.ucr.edu/home/baez/networks/cospan.jpg" />
</div>
<p>&bull; we compose cospans in the manner just described.</p>
<p>Why did I say &#8216;equivalence class&#8217;?  It&#8217;s because the pushout is not usually <i>unique</i>.  It&#8217;s unique only <i>up to isomorphism</i>.  So, composing cospans would be ill-defined unless we work with some kind of equivalence class of cospans.</p>
<p>To be precise, suppose we have two cospans from <img src='https://s0.wp.com/latex.php?latex=I&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I' title='I' class='latex' /> to <img src='https://s0.wp.com/latex.php?latex=O&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O' title='O' class='latex' />:</p>
<div align="center">
<img width="205" src="https://i0.wp.com/math.ucr.edu/home/baez/networks/cospans.jpg" />
</div>
<p>Then a <b>map of cospans</b> from one to the other is a commuting diagram like this:</p>
<div align="center">
<img width="205" src="https://i1.wp.com/math.ucr.edu/home/baez/networks/map_of_cospans.jpg" />
</div>
<p>We say that this is an <b>isomorphism</b> of cospans if <img src='https://s0.wp.com/latex.php?latex=f&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='f' title='f' class='latex' /> is an isomorphism.</p>
<p>This gives our equivalence relation on cospans!  It&#8217;s an old famous theorem in category theory&#8212;so famous that it&#8217;s hard to find a reference for the proof&#8212;that whenever <img src='https://s0.wp.com/latex.php?latex=C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='C' title='C' class='latex' /> is a category with pushouts, there&#8217;s a category <img src='https://s0.wp.com/latex.php?latex=%5Cmathrm%7BCospan%7D%28C%29&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;mathrm{Cospan}(C)' title='&#92;mathrm{Cospan}(C)' class='latex' /> where:</p>
<p>&bull; an object is an object of <img src='https://s0.wp.com/latex.php?latex=C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='C' title='C' class='latex' /></p>
<p>&bull; a morphism from an object <img src='https://s0.wp.com/latex.php?latex=I+%5Cin+C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I &#92;in C' title='I &#92;in C' class='latex' /> to an object <img src='https://s0.wp.com/latex.php?latex=O+%5Cin+C&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O &#92;in C' title='O &#92;in C' class='latex' /> is an isomorphism class of cospans from <img src='https://s0.wp.com/latex.php?latex=I&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='I' title='I' class='latex' /> to <img src='https://s0.wp.com/latex.php?latex=O.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='O.' title='O.' class='latex' /></p>
<p>&bull; we compose isomorphism classes of cospans by picking representatives, composing them and then taking the isomorphism class.</p>
<p>This takes some work to prove, but it&#8217;s true, so this is how we get our category of circuits!</p>
<p>Next time we&#8217;ll do something with this category.  Namely, we&#8217;ll cook up a category of &#8216;behaviors&#8217;.  The behavior of a circuit made of resistors just says which currents and potentials its terminals can have.  If we put a circuit in a metaphorical &#8216;black box&#8217; and refuse to peek inside, all we can see is its behavior.</p>
<p>Then we&#8217;ll cook up a functor from the category of circuits to the category of behaviors.  We&#8217;ll call this the &#8216;black box functor&#8217;.  Saying that it&#8217;s a functor mainly means that</p>
<p><img src='https://s0.wp.com/latex.php?latex=%5Cblacksquare%28f+g%29+%3D+%5Cblacksquare%28f%29+%5Cblacksquare%28g%29&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;blacksquare(f g) = &#92;blacksquare(f) &#92;blacksquare(g)' title='&#92;blacksquare(f g) = &#92;blacksquare(f) &#92;blacksquare(g)' class='latex' /></p>
<p>Here <img src='https://s0.wp.com/latex.php?latex=f&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='f' title='f' class='latex' /> and <img src='https://s0.wp.com/latex.php?latex=g&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='g' title='g' class='latex' /> are circuits that we can compose, and <img src='https://s0.wp.com/latex.php?latex=f+g&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='f g' title='f g' class='latex' /> is their composite.  The black square is the black box functor, so <img src='https://s0.wp.com/latex.php?latex=%5Cblacksquare%28fg%29&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='&#92;blacksquare(fg)' title='&#92;blacksquare(fg)' class='latex' /> is the behavior of the circuit <img src='https://s0.wp.com/latex.php?latex=f+g.&#038;bg=ffffff&#038;fg=000&#038;s=0' alt='f g.' title='f g.' class='latex' />  There&#8217;s a way to compose behaviors, too, and the equation above says that the behavior of the composite circuit is the composite of their behaviors!</p>
<p>This is very important, because it says we can figure out what a big circuit does if we know what its pieces do.  And this is one of the grand themes of network theory: understanding big complicated networks by understanding their pieces.  We may not always be able to do this, in practice!  But it&#8217;s something we&#8217;re always concerned with.</p>
]]></html><thumbnail_url><![CDATA[https://i2.wp.com/math.ucr.edu/home/baez/networks/cospan.jpg?fit=440%2C330]]></thumbnail_url><thumbnail_height><![CDATA[152]]></thumbnail_height><thumbnail_width><![CDATA[235]]></thumbnail_width></oembed>