<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Data Physicalization on Visualizing.JP</title>
        <link>https://visualizing.jp/en/tags/data-physicalization/</link>
        <description>Recent content in Data Physicalization on Visualizing.JP</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en-US</language>
        <copyright>Yuichi Yazaki</copyright>
        <lastBuildDate>Tue, 03 Nov 2026 00:00:00 +0900</lastBuildDate><atom:link href="https://visualizing.jp/en/tags/data-physicalization/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>90% for Range and Peak, 50% for Order: CairnFORM&#39;s Ring Chart</title>
        <link>https://visualizing.jp/en/cairnform/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/cairnform/</guid>
        <description>&lt;img src="https://visualizing.jp/cairnform/images/ring-chart-blue-and-green.jpg" alt="Featured image of post 90% for Range and Peak, 50% for Order: CairnFORM&#39;s Ring Chart" /&gt;&lt;p&gt;CairnFORM is a cylindrical physical chart that shows the hourly amount of renewable energy as the diameters of stacked rings. It has 10 rings, and each ring stands for one hour from 8:00 to 17:59. In December 2017, a test was held at a public event where 90 visitors read the chart. The question asking for the hours with generation (range) was answered correctly by 93.3%, and the question asking for the time of the peak by 92.2%. The question asking visitors to put the hours in order of quantity was answered correctly by 52.2%.&lt;/p&gt;
&lt;p&gt;It was made by Maxime Daniel, Guillaume Rivière, and Nadine Couture of ESTIA and LaBRI (University of Bordeaux) in Bidart, France. It is a prototype from Daniel&amp;rsquo;s doctoral research (2016–2018), and the dataphys.org list carries it as a 2018 work. Below I read it in the order it was made, following the author version of the main paper (TEI 2019), the long French paper (JIPS, 2020 issue), and the lab&amp;rsquo;s project page.&lt;/p&gt;
&lt;h2 id=&#34;a-vertical-bar-chart-rotated-around-its-axis&#34;&gt;A vertical bar chart, rotated around its axis
&lt;/h2&gt;&lt;p&gt;The starting point was not saving energy but &amp;ldquo;shifting when electricity is used.&amp;rdquo; In JIPS, the authors write that they aim to get people at work to use electricity when renewable energy is plentiful. The means is the habit of shifting when to charge a laptop&amp;rsquo;s battery. When they asked in the lab, 15 of the 18 people who use laptops kept them plugged in almost all the time (JIPS 2.1).&lt;/p&gt;
&lt;p&gt;To shift charging, people at work need to know when the day&amp;rsquo;s renewable peak will be. The authors considered shared spaces as the place to put a display. The TEI 2018 paper says that in a vertical bar chart, the bars in front hide the ones behind, so you cannot read it without walking around it, and goes on:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;train stations, public places, airports, roundabouts are public spaces where people are in a hurry and do not have time to change their point of view.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The point is that in stations, squares, airports, and intersections people are in a hurry and have no time to change their viewpoint.&lt;/p&gt;
&lt;p&gt;So the authors built, as a physical object, a vertical bar chart rotated around its axis. This is how TEI 2019 puts it:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;We designed CairnFORM as an illuminated and dynamic vertical bar chart with cylindrical symmetry that allows 360˚-readability.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;It is a glowing, moving vertical bar chart, and its cylindrical symmetry lets it be read from 360°. The &amp;ldquo;ring chart&amp;rdquo; of the title is not a doughnut-shaped pie chart. It is a vertical bar chart in which each bar has become a ring. The name comes from the cairn, a pile of stacked stones (TEI 2018).&lt;/p&gt;
&lt;p&gt;The hard part was the ring itself. Electronics sit inside it, it must stay round while expanding, and its diameter must grow to about twice its size. A Hoberman-type mechanism turns into a star shape midway, and the Weather Lamp, which uses six arcs, left gaps between the arcs. The authors went through prototypes with four arms and four arcs, four arms and eight arcs, and eight arms and eight arcs, and added lighting to the last design (TEI 2018, JIPS 5.1).&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/cairnform/images/ring-mechanism-iterations.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/cairnform/images/ring-mechanism-iterations.jpg&#34; width=&#34;900&#34; height=&#34;486&#34; srcset=&#34;https://visualizing.jp/cairnform/images/ring-mechanism-iterations_hu_60b7288e5ddc8291.jpg 480w, https://visualizing.jp/cairnform/images/ring-mechanism-iterations_hu_3797b1cd52e34184.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Photo of four ring-mechanism prototypes, from the contracted state to the expanded state. The one at the right end is the finished form, glowing blue&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Photo of four ring-mechanism prototypes, from the contracted state to the expanded state. The one at the right end is the finished form, glowing blue&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Maxime Daniel, Guillaume Rivière, Nadine Couture (ESTIA) / tangible.estia.fr, &amp;ldquo;CairnFORM&amp;rdquo; project page&lt;/p&gt;
&lt;p&gt;The finished device has 10 rings and is 105 cm tall (TEI 2019). Each ring weighs 2.3 kg, and its diameter expands from 35 cm to 62 cm. The arcs are transparent PMMA (acrylic). The cost of materials was about 2,350 euros.&lt;/p&gt;
&lt;p&gt;PATSTEC, a catalog of scientific and technical heritage, gives the diameter as &amp;ldquo;30–60 cm,&amp;rdquo; which differs from the papers. The later study by Bouzekri &amp;amp; Rivière (2026) gives the height of the chart part of the revised version as 92.5 cm. This can be read as 105 cm being the height of the whole device and 92.5 cm the height of the span where the rings are lined up.&lt;/p&gt;
&lt;h2 id=&#34;one-ring-is-one-hour-and-the-diameter-is-the-renewable-amount&#34;&gt;One ring is one hour, and the diameter is the renewable amount
&lt;/h2&gt;&lt;p&gt;TEI 2019 describes the correspondence between rings and quantity this way:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;a fully retracted ring with light off represents a 0 W availability and a fully expanded ring with full blue brightness represents a max W availability.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The most contracted, unlit ring stands for 0 W, and the most expanded ring at full blue brightness stands for the upper limit of generation capacity (max W). Diameter and brightness redundantly encode the same quantity.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Physical property&lt;/th&gt;
          &lt;th&gt;How it is mapped / values&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Time (8:00–17:59, one hour at a time)&lt;/td&gt;
          &lt;td&gt;Ring position in the stack&lt;/td&gt;
          &lt;td&gt;10 rings = 10 hours. 8:00 at the bottom, 17:00 at the top&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Average renewable amount for that hour&lt;/td&gt;
          &lt;td&gt;Ring diameter&lt;/td&gt;
          &lt;td&gt;0 W = 35 cm, max W = 62 cm (a width of 1.8 times)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;The same amount (redundant encoding)&lt;/td&gt;
          &lt;td&gt;Brightness&lt;/td&gt;
          &lt;td&gt;0 W = off, max W = maximum blue brightness&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Range shown&lt;/td&gt;
          &lt;td&gt;Cut-out of time&lt;/td&gt;
          &lt;td&gt;One daily peak (valley → peak → valley) shown at a time, in sequence&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;The arrival of the next peak&lt;/td&gt;
          &lt;td&gt;Motion of the rings expanding and contracting&lt;/td&gt;
          &lt;td&gt;Animated over 6 seconds&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Hue&lt;/td&gt;
          &lt;td&gt;Does not represent data&lt;/td&gt;
          &lt;td&gt;Changed from blue to green after the public test&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;What the data is&lt;/td&gt;
          &lt;td&gt;Wooden tree model on top and the words &amp;ldquo;Renewable Energy&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;Added as a removable legend&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Source: TEI 2019, JIPS (5.2, 6.1, 7.9.1).&lt;/p&gt;
&lt;p&gt;There were two reasons for the one-hour step (JIPS 3.4.4). A time window such as &amp;ldquo;unplug from 15:00 to 16:00&amp;rdquo; is easier to remember as an instruction. And generation forecasts are more reliable as hourly averages than at minute resolution.&lt;/p&gt;
&lt;p&gt;Another rule is not to show a whole day&amp;rsquo;s peaks at once. In a test with printed paper charts, with 3 groups of 7 people, when all the peaks were drawn together, most people could find only the highest peak (TEI 2019). When the peaks were shown one at a time in sequence, they found all the peaks.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/cairnform/images/ring-expanding-top-view.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/cairnform/images/ring-expanding-top-view.jpg&#34; width=&#34;950&#34; height=&#34;237&#34; srcset=&#34;https://visualizing.jp/cairnform/images/ring-expanding-top-view_hu_b88538ab23a35c5d.jpg 480w, https://visualizing.jp/cairnform/images/ring-expanding-top-view_hu_a3edc8bc80a0488d.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Three photos of a glowing blue ring taken from directly above. The diameter grows from left to right&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Three photos of a glowing blue ring taken from directly above. The diameter grows from left to right&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Maxime Daniel, Guillaume Rivière, Nadine Couture (ESTIA) / tangible.estia.fr, &amp;ldquo;CairnFORM&amp;rdquo; project page&lt;/p&gt;
&lt;h2 id=&#34;december-2017-biarritz-90-people-read-it&#34;&gt;December 2017, Biarritz: 90 people read it
&lt;/h2&gt;&lt;p&gt;On December 1–2, 2017, the authors set up the 10-ring version at a public event, the &amp;ldquo;24h de l&amp;rsquo;innovation,&amp;rdquo; in Biarritz (JIPS chapter 7). They gathered 90 visitors who stopped by and divided them into 3 groups of 30. What they showed was neither measured nor forecast data but synthetic data built so that the smallest difference in diameter was 1 cm (JIPS 7.3). The peak lengths were 3 hours (V3h), 6 hours (V6h), and 9 hours (V9h), one per group.&lt;/p&gt;
&lt;p&gt;There were three questions. Name the hours with generation (range). Name the time of the peak (compare). Put the hours in order from smallest to largest quantity (order). The results are in Table 3 of TEI 2019.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Peak shown&lt;/th&gt;
          &lt;th&gt;Range&lt;/th&gt;
          &lt;th&gt;Peak&lt;/th&gt;
          &lt;th&gt;Order&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;V3h (3 hours)&lt;/td&gt;
          &lt;td&gt;100%&lt;/td&gt;
          &lt;td&gt;93.3%&lt;/td&gt;
          &lt;td&gt;80.0%&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;V6h (6 hours)&lt;/td&gt;
          &lt;td&gt;93.3%&lt;/td&gt;
          &lt;td&gt;93.3%&lt;/td&gt;
          &lt;td&gt;63.3%&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;V9h (9 hours)&lt;/td&gt;
          &lt;td&gt;86.6%&lt;/td&gt;
          &lt;td&gt;90.0%&lt;/td&gt;
          &lt;td&gt;13.3%&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Average&lt;/td&gt;
          &lt;td&gt;93.3%&lt;/td&gt;
          &lt;td&gt;92.2%&lt;/td&gt;
          &lt;td&gt;52.2%&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;strong&gt;Accuracy for range and peak was around 90% regardless of the peak length&lt;/strong&gt; (p = .12, p = .85). Accuracy for order fell as the peak got longer (p = .001). The authors hypothesize that this is due to the limit on how much information people can handle at once (Miller, 1956). It is because one has to compare values many times before and after the peak and keep them in mind.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;physical bar charts and physical ring charts (i.e., physical vertical bar charts with cylindrical symmetry) seem better suited to range tasks and compare tasks, rather than order tasks.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This is the summary from TEI 2019: physical bar charts, and the ring charts that turn them into cylinders, seem suited to range and compare tasks, not to order tasks.&lt;/p&gt;
&lt;p&gt;The test also led to a redesign. One visitor thought it was a clock, and another thought it was a countdown to the end of the event (JIPS 7.8). Some said green would suit renewable energy better than blue. The authors changed the rings to green and put a wooden tree model and the words &amp;ldquo;Renewable Energy&amp;rdquo; on top.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/cairnform/images/ring-chart-blue-and-green.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/cairnform/images/ring-chart-blue-and-green.jpg&#34; width=&#34;1918&#34; height=&#34;540&#34; srcset=&#34;https://visualizing.jp/cairnform/images/ring-chart-blue-and-green_hu_5fcd2a33c800fc1a.jpg 480w, https://visualizing.jp/cairnform/images/ring-chart-blue-and-green_hu_d869fcd12660c894.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Six photo frames. In the three on the left, the color is changing from blue to green and there is no tree model; in the three on the right, a tree model and a “RENEWABLE ENERGY” legend sit on top, with labels from 8H to 17H&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Six photo frames. In the three on the left, the color is changing from blue to green and there is no tree model; in the three on the right, a tree model and a “RENEWABLE ENERGY” legend sit on top, with labels from 8H to 17H&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Maxime Daniel / dataphys.org, &amp;ldquo;CairnFORM: a Physical Ring Chart Showing Renewable Energy Data&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The redundant encoding with brightness did not work well. 9 of the 90 people said they could not tell the differences in brightness. Light spilled between the overlapping transparent arcs and made the whole thing too bright (TEI 2019).&lt;/p&gt;
&lt;p&gt;Five people also said the differences in diameter were hard to see. The sources disagree on the step value: JIPS gives the smallest diameter difference as 1 cm (30 levels), while TEI 2019 says &amp;ldquo;the radius granularity was 9 mm.&amp;rdquo; Since 27 cm divided by 30 is about 0.9 cm, &amp;ldquo;radius&amp;rdquo; can be read as meaning the diameter step. JIPS writes that it was later made coarser, to 2 cm (15 levels).&lt;/p&gt;
&lt;p&gt;On the UEQ-S, the hedonic quality scored 2.25 and the pragmatic quality 1.67 (on a scale of −3 to 3). The body text of TEI 2019 has the labels &amp;ldquo;excellent&amp;rdquo; and &amp;ldquo;good&amp;rdquo; the opposite way from JIPS, and judging by the order of the scores, JIPS can be read as correct.&lt;/p&gt;
&lt;h2 id=&#34;noticing-an-expanding-ring-at-the-edge-of-vision&#34;&gt;Noticing an expanding ring at the edge of vision
&lt;/h2&gt;&lt;p&gt;Next is the workplace. The authors tested in the lab whether a person working at a desk could notice the movement of a ring at the edge of their vision (TEI 2019). There were 30 participants and a single ring, placed about 2.6 m away at a 45° angle.&lt;/p&gt;
&lt;p&gt;Every movement took 6 seconds, and three ways of varying the speed were compared. The share of people who noticed the movement while concentrating on another task was highest for the exponential type, which starts slowly and accelerates, at 72.2%; constant speed gave 60.5%, and the logarithmic type, which starts fast and decelerates, gave 66.5% (TEI 2019). The results section of JIPS writes 129/167 = 77.2%, and the conclusion gives 72.2%. Either way, the exponential type has the highest value.&lt;/p&gt;
&lt;p&gt;After that, a two-month test was run in actual workplaces. However, all I could check is the abstract of a short TEI &amp;lsquo;21 paper.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;Six participants had to shift energy consumption by using energy storage. To do so, they were notified about local energy forecasts. Compared with flat-screen animations, early results show that cylindrical shape-change animations keep a better attractiveness over time.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Six people used energy storage to shift their consumption and were notified of local energy forecasts. These are early results: compared with flat-screen animations, the cylindrical shape-change animations kept their attractiveness better over time.&lt;/p&gt;
&lt;p&gt;The summaries differ between sources. The abstract of the doctoral thesis says &amp;ldquo;as practical as, and more hedonic than&amp;rdquo; the flat screen. The project page says that in an 8-week experiment both qualities were above the screen. I have not seen the full text, and I have not checked which is accurate.&lt;/p&gt;
&lt;h2 id=&#34;how-did-third-parties-see-this-work&#34;&gt;How did third parties see this work?
&lt;/h2&gt;&lt;p&gt;Bae et al. (CHI 2022), in a paper on a design space for physicalization that classifies 47 works, take up CairnFORM.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;Two such examples include Bookly [45] and CairnFORM [13] which both encode data using volume. &amp;hellip; studies in visualization show that people have trouble reasoning over changes in volume and are better at reasoning over other visual variables such as surface area&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;CairnFORM is given as an example of encoding by volume, and the point is that people are better at reading changes in area than in volume. The authors themselves write &amp;ldquo;diameter (and brightness),&amp;rdquo; so there is a mismatch in classification. It can be read that which perceptual findings apply depends on whether the ring is read as the size of a circle or as the swelling of a solid.&lt;/p&gt;
&lt;p&gt;Bouzekri &amp;amp; Rivière (2026) compared a revised CairnFORM with PlantFORM, a plant-shaped device made of paper and wood, and with a screen version (28 people). It is a follow-up study by the co-author Rivière, so it is not a fully independent evaluation. Across the six questions asking for charging and discharging times, CairnFORM&amp;rsquo;s accuracy was highest at 96% (the difference from the screen version CairnSCREEN&amp;rsquo;s 94% was not significant, p=.187), and 54% of people also chose it as &amp;ldquo;most innovative.&amp;rdquo; On the other hand, one participant pointed out a mismatch between the material and the theme.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;We are talking about renewable energy; it affects me enormously, so all this Plexiglass [of CairnFORM] [&amp;hellip;], if we are in renewable energy, we must go all the way in the product we offer.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The opinion is that if the subject is renewable energy, the product should go all the way, not be this mass of acrylic.&lt;/p&gt;
&lt;p&gt;PATSTEC (a program preserving France&amp;rsquo;s contemporary scientific and technical heritage) has registered CairnFORM in its catalog as an object worth keeping. It notes that the prototype is now at ESTIA.&lt;/p&gt;
&lt;h2 id=&#34;uses&#34;&gt;Uses
&lt;/h2&gt;&lt;p&gt;The first is to decide the form from the place where it will stand. The cylinder was a form for places with many people who have no time to walk around, so that the bars do not hide each other. Writing out first from which directions people come and how long they stop can narrow down the candidate forms, it seems.&lt;/p&gt;
&lt;p&gt;The second is to choose the display from the question you want answered. Only 13.3% could put the 9-hour peak in order of size. For &amp;ldquo;when should I charge,&amp;rdquo; being able to read the peak is enough, and conveying a ranking as well would need something like numeric labels, it seems.&lt;/p&gt;
&lt;p&gt;The third is to reduce the amount shown at once. When peaks were shown one at a time, even small peaks were not overlooked. In a physical chart with a limited number of rings, switching in sequence may suit the question better.&lt;/p&gt;
&lt;p&gt;The fourth is that the material breaks the encoding. Brightness became hard to tell apart because light spilled over, and a glowing, moving cylinder was mistaken for a clock. For a physical chart, the design needs to include the behavior of the material and the cues for &amp;ldquo;what the data is.&amp;rdquo;&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;dataphys.org, &amp;ldquo;CairnFORM: a Physical Ring Chart Showing Renewable Energy Data&amp;rdquo; (registered by Maxime Daniel, 2019-06-05): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/cairnform-a-physical-ring-chart-showing-renewable-energy-data/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/cairnform-a-physical-ring-chart-showing-renewable-energy-data/&lt;/a&gt; (tag list: &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/tags/self-actuated/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/tags/self-actuated/&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Maxime Daniel, Guillaume Rivière, Nadine Couture, &amp;ldquo;CairnFORM: a Shape-Changing Ring Chart Notifying Renewable Energy Availability in Peripheral Locations,&amp;rdquo; TEI &amp;lsquo;19, pp. 275–286, 2019. Author version: &lt;a class=&#34;link&#34; href=&#34;https://tangible.estia.fr/prototypes/cairnform/pub/papers/cairnform-peripheral_tei2019.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://tangible.estia.fr/prototypes/cairnform/pub/papers/cairnform-peripheral_tei2019.pdf&lt;/a&gt; / DOI: &lt;a class=&#34;link&#34; href=&#34;https://doi.org/10.1145/3294109.3295634&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://doi.org/10.1145/3294109.3295634&lt;/a&gt; / HAL: &lt;a class=&#34;link&#34; href=&#34;https://hal.science/hal-01976793&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://hal.science/hal-01976793&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Maxime Daniel, Guillaume Rivière, Nadine Couture, &amp;ldquo;Designing an Expandable Illuminated Ring to Build an Actuated Ring Chart,&amp;rdquo; TEI 2018 Work in Progress, 2018. Author version: &lt;a class=&#34;link&#34; href=&#34;https://tangible.estia.fr/prototypes/cairnform/pub/papers/illuminated-ring_tei18_wip.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://tangible.estia.fr/prototypes/cairnform/pub/papers/illuminated-ring_tei18_wip.pdf&lt;/a&gt; / DOI: &lt;a class=&#34;link&#34; href=&#34;https://doi.org/10.1145/3173225.3173294&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://doi.org/10.1145/3173225.3173294&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Maxime Daniel, Guillaume Rivière, Nadine Couture, &amp;ldquo;CairnFORM,&amp;rdquo; IHM 2018 Démonstrations, 2018: &lt;a class=&#34;link&#34; href=&#34;https://tangible.estia.fr/prototypes/cairnform/pub/papers/cairnform-demonstration_IHM2018.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://tangible.estia.fr/prototypes/cairnform/pub/papers/cairnform-demonstration_IHM2018.pdf&lt;/a&gt; (HAL: &lt;a class=&#34;link&#34; href=&#34;https://hal.science/hal-01900064&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://hal.science/hal-01900064&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Maxime Daniel, Guillaume Rivière, Nadine Couture, &amp;ldquo;Un histogramme cylindrique à changement de forme pour afficher des prévisions de disponibilité de l&amp;rsquo;énergie,&amp;rdquo; &lt;em&gt;Journal d&amp;rsquo;Interaction Personne-Système&lt;/em&gt;, Vol. 9, No. 1, 2020: &lt;a class=&#34;link&#34; href=&#34;https://jips.episciences.org/articles/7102&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://jips.episciences.org/articles/7102&lt;/a&gt; (PDF: &lt;a class=&#34;link&#34; href=&#34;https://jips.episciences.org/en/articles/7102/download&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://jips.episciences.org/en/articles/7102/download&lt;/a&gt; / DOI: &lt;a class=&#34;link&#34; href=&#34;https://doi.org/10.46298/jips.7102&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://doi.org/10.46298/jips.7102&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;ESTIA, CairnFORM project page: &lt;a class=&#34;link&#34; href=&#34;https://tangible.estia.fr/prototypes/cairnform/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://tangible.estia.fr/prototypes/cairnform/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Maxime Daniel, CairnFORM (control software, GPL-3.0): &lt;a class=&#34;link&#34; href=&#34;https://github.com/maximedaniel/CairnFORM&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/maximedaniel/CairnFORM&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Maxime Daniel, &amp;ldquo;CairnFORM: a Shape-Changing Ring Chart Notifying Renewable Energy Availability&amp;rdquo; (YouTube): &lt;a class=&#34;link&#34; href=&#34;https://youtu.be/wZ_3CtDllbA&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://youtu.be/wZ_3CtDllbA&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Checked for the abstract only
&lt;ul&gt;
&lt;li&gt;Maxime Daniel, Guillaume Rivière, &amp;ldquo;Exploring Axisymmetric Shape-Change&amp;rsquo;s Purposes and Allure for Ambient Display,&amp;rdquo; TEI &amp;lsquo;21 Work in Progress, 2021: &lt;a class=&#34;link&#34; href=&#34;https://hal.science/hal-03040877&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://hal.science/hal-03040877&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Maxime Daniel, doctoral thesis &amp;ldquo;Afficheurs cylindriques à changement de forme,&amp;rdquo; Université de Bordeaux, 2018: &lt;a class=&#34;link&#34; href=&#34;https://theses.hal.science/tel-02371620&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://theses.hal.science/tel-02371620&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;IHM 2017 Travaux en cours (CAIRNS): &lt;a class=&#34;link&#34; href=&#34;https://hal.science/hal-01578006&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://hal.science/hal-01578006&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;ETIS 2017: &lt;a class=&#34;link&#34; href=&#34;https://hal.science/hal-01685710&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://hal.science/hal-01685710&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;S. Sandra Bae et al., &amp;ldquo;Making Data Tangible: A Cross-disciplinary Design Space for Data Physicalization,&amp;rdquo; CHI 2022: &lt;a class=&#34;link&#34; href=&#34;https://arxiv.org/abs/2202.10520&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://arxiv.org/abs/2202.10520&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Élodie Bouzekri, Guillaume Rivière, &amp;ldquo;Shaping Plant-Like Shape-Changing Interfaces as Vertical Charts,&amp;rdquo; arXiv, 2026 (follow-up study by co-author Rivière): &lt;a class=&#34;link&#34; href=&#34;https://arxiv.org/abs/2604.15902&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://arxiv.org/abs/2604.15902&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;PATSTEC, CairnFORM (Fiche N° 4104): &lt;a class=&#34;link&#34; href=&#34;https://www.patstec.fr/ressources/objets/detail?id=35997&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.patstec.fr/ressources/objets/detail?id=35997&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;(Mentioned by name only) Zhang, Ilić, Signer, arXiv, 2025: &lt;a class=&#34;link&#34; href=&#34;https://arxiv.org/abs/2503.06583&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://arxiv.org/abs/2503.06583&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>A Century of Search Terms as the Height of Ten Moving Bars: Centograph</title>
        <link>https://visualizing.jp/en/centograph/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/centograph/</guid>
        <description>&lt;img src="https://visualizing.jp/centograph/images/centograph-at-school.jpg" alt="Featured image of post A Century of Search Terms as the Height of Ten Moving Bars: Centograph" /&gt;&lt;p&gt;Centograph is a moving bar graph made in 2009 by the London studio Tinker. It shows the relative number of Google News Archive articles that mention a search term, as the height of ten moving bars. Each bar is assigned to one of the ten decades from 1909 to 2009.&lt;/p&gt;
&lt;p&gt;The client was St Paul&amp;rsquo;s School for Boys in London. The work was made for the school&amp;rsquo;s 500th anniversary celebration and was later installed permanently in its Computing Department. What follows draws on the Tinker London project page, the description of the video Tinker posted on Vimeo, and the description of the Flickr album. All of them are short texts, and I could not find any technical documentation that explains how the work operates.&lt;/p&gt;
&lt;h2 id=&#34;may-2009-at-the-500th-anniversary-open-day&#34;&gt;May 2009, at the 500th-anniversary Open Day
&lt;/h2&gt;&lt;p&gt;The Tinker London project page gives the date of the work as &amp;ldquo;May 2009&amp;rdquo; and the client as &amp;ldquo;St Paul&amp;rsquo;s School for Boys&amp;rdquo;. The collaborator is Ben Burry, credited with web programming. No individual designer is named. In the Vimeo description, the maker is given as &amp;ldquo;Tinker.it!&amp;rdquo;.&lt;/p&gt;
&lt;p&gt;The school was founded in 1509, so 2009 was its 500th anniversary (Wikipedia). The project page states the purpose of the work as follows.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Centograph is a kinetic bar graph that was developed for the 500th anniversary celebration of St. Paul&amp;rsquo;s School for Boys. It was designed to encourage users to reflect on possible connections between new and emerging technologies and other academic and social disciplines.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short, it is a moving bar graph made for the school&amp;rsquo;s 500th-anniversary celebration, designed to get users thinking about connections between new technologies and other academic and social fields.&lt;/p&gt;
&lt;p&gt;According to the Flickr album description, the commission was for the 500th-anniversary &amp;ldquo;Open Day&amp;rdquo;.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/centograph/images/centograph-at-school.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/centograph/images/centograph-at-school.jpg&#34; width=&#34;1024&#34; height=&#34;768&#34; srcset=&#34;https://visualizing.jp/centograph/images/centograph-at-school_hu_6ea129cd2baf6b46.jpg 480w, https://visualizing.jp/centograph/images/centograph-at-school_hu_90fd2e665616ab6c.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A black box-shaped Centograph in a room. Year labels line its front, a laptop sits on a desk beside it, and two people stand in front&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A black box-shaped Centograph in a room. Year labels line its front, a laptop sits on a desk beside it, and two people stand in front&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Tinker.it! (Flickr: tinker_it) / Tinker London, &amp;ldquo;Centograph&amp;rdquo; project page&lt;/p&gt;
&lt;p&gt;The Flickr photo was taken between May 20 and 25, 2009. The Vimeo video (49 seconds) was posted on June 2, 2009. The project page says &amp;ldquo;Centograph is now a permanent fixture in St Paul&amp;rsquo;s School for Boys Computing Department.&amp;rdquo;, so the work was installed at the school permanently.&lt;/p&gt;
&lt;h2 id=&#34;type-a-search-term-and-ten-bars-rise-and-fall&#34;&gt;Type a search term, and ten bars rise and fall
&lt;/h2&gt;&lt;p&gt;The project page describes how it works as follows.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;When users enter a search term on an online interface, Google News Archive is queried for related news articles from the past 100 years and returns a histogram of articles sorted according to date. That graph is then made physical by pushing and pulling the bars on the graph.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;When a term is entered, Google News Archive is queried for related articles from the past 100 years, and what comes back is a histogram of the articles sorted by date. That graph is then made physical by pushing and pulling the bars.&lt;/p&gt;
&lt;p&gt;The Vimeo description is clearer about what the height of a bar means.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The bars on the graph then change height to display a histogram of the relative number of news articles for each decade.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The bars change height to show a histogram of the &amp;ldquo;relative number&amp;rdquo; of news articles for each decade. The Flickr photo description says how many years one bar covers.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Each bar represents a decade from 1909 to 2009.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Each bar represents one decade between 1909 and 2009. The number of bars is given as &amp;ldquo;Ten&amp;rdquo; in the dataphys.org introduction (quoted in the section on third-party views).&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/centograph/images/decade-labels.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/centograph/images/decade-labels.jpg&#34; width=&#34;1600&#34; height=&#34;1200&#34; srcset=&#34;https://visualizing.jp/centograph/images/decade-labels_hu_d81c953ef33f927b.jpg 480w, https://visualizing.jp/centograph/images/decade-labels_hu_f9ab25811c29e684.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;On the front of a black base, year labels such as 1929 and 1939 are lined up, and plank-like bars stand on top of the base&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;On the front of a black base, year labels such as 1929 and 1939 are lined up, and plank-like bars stand on top of the base&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Tinker London, &amp;ldquo;Centograph&amp;rdquo; project page&lt;/p&gt;
&lt;p&gt;Taken together with the opening photo, labels with the years 1919, 1929 and 1939, ten years apart, line the front of the base (from 1949 on, the labels cannot be read in the photos). The Flickr description says &amp;ldquo;from 1909&amp;rdquo;, but the leftmost label legible in the photos is 1919. The sources do not say whether a label&amp;rsquo;s year marks the start or the end of its decade.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/centograph/images/bars-rising.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/centograph/images/bars-rising.jpg&#34; width=&#34;1600&#34; height=&#34;1200&#34; srcset=&#34;https://visualizing.jp/centograph/images/bars-rising_hu_70cf694e167a6ff0.jpg 480w, https://visualizing.jp/centograph/images/bars-rising_hu_85303cdd2240d411.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Plank-like bars lit in red rise from slits in a black base&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Plank-like bars lit in red rise from slits in a black base&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Tinker London, &amp;ldquo;Centograph&amp;rdquo; project page&lt;/p&gt;
&lt;p&gt;The bars come up through slits cut in the base. You can see them move in Tinker&amp;rsquo;s &lt;a class=&#34;link&#34; href=&#34;https://vimeo.com/4961482&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Vimeo video&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;The correspondence between data and object that the sources let us establish is summarized below.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Property of the object&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
          &lt;th&gt;Source&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Decades (1909 to 2009, ten years each)&lt;/td&gt;
          &lt;td&gt;The row of bars; one bar = one decade&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;Each bar represents a decade from 1909 to 2009.&amp;rdquo; The count is &amp;ldquo;Ten&amp;rdquo; in dataphys.org&lt;/td&gt;
          &lt;td&gt;Flickr, dataphys.org&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;The relative number of news articles related to the search term in that decade&lt;/td&gt;
          &lt;td&gt;Height of the bar&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;the relative number of news articles for each decade&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;Vimeo&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Switching the search term&lt;/td&gt;
          &lt;td&gt;Up-and-down movement of the same ten bars&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;pushing and pulling the bars&amp;rdquo;, &amp;ldquo;moving the bars up and down&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;Tinker London, Flickr&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;The whole period&lt;/td&gt;
          &lt;td&gt;The row of ten bars as a whole&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;over the past 100 years&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;Tinker London, Vimeo&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Marker for each decade&lt;/td&gt;
          &lt;td&gt;Year labels on the front of the base&lt;/td&gt;
          &lt;td&gt;1919, 1929, 1939 (1949 onward cannot be read in the photos)&lt;/td&gt;
          &lt;td&gt;Photos of the work&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Input&lt;/td&gt;
          &lt;td&gt;A search screen separate from the object; Twitter&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;an online interface&amp;rdquo;, &amp;ldquo;twitter enabled&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;Tinker London, Flickr&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;strong&gt;Some things are not in the sources.&lt;/strong&gt; They do not say how the relative number was calculated, which value was mapped to the maximum height, what range the bar heights cover, or how the bars are moved. Because the normalization is unknown, you cannot read the article count back from the height of a bar.&lt;/p&gt;
&lt;h2 id=&#34;terms-also-arrive-from-twitter&#34;&gt;Terms also arrive from Twitter
&lt;/h2&gt;&lt;p&gt;The place where search terms are entered was separate from the object. The Vimeo description says &amp;ldquo;When you enter a search term into the computer&amp;rdquo;, and dataphys.org says &amp;ldquo;A separate search interface is provided on a regular desktop computer&amp;rdquo;. In the opening photo, too, a laptop sits on a desk beside the base.&lt;/p&gt;
&lt;p&gt;The Flickr photo description mentions another way in.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Physical web and twitter enabled bar graph that looks up the frequency of keywords on Google News Archives and displays them by moving the bars up and down.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;It is a physical bar graph connected to the web and Twitter, which looks up how often keywords appear in Google News Archive and shows the result by moving the bars up and down.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/centograph/images/twitter-account.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/centograph/images/twitter-account.jpg&#34; width=&#34;1221&#34; height=&#34;647&#34; srcset=&#34;https://visualizing.jp/centograph/images/twitter-account_hu_c1c5f6edbb1e4682.jpg 480w, https://visualizing.jp/centograph/images/twitter-account_hu_7cd82fe15386cfeb.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;The screen of the centograph account on Twitter. Short posts such as thomas, st paul’s, 2nd world war and great war are listed&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;The screen of the centograph account on Twitter. Short posts such as thomas, st paul’s, 2nd world war and great war are listed&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Tinker London, &amp;ldquo;Centograph&amp;rdquo; project page&lt;/p&gt;
&lt;p&gt;A screenshot on the project page shows a Twitter account named centograph. Its location is &amp;ldquo;St Paul&amp;rsquo;s School, London&amp;rdquo;, and its bio is the same as the Flickr sentence above. The posts include terms such as &amp;ldquo;thomas&amp;rdquo;, &amp;ldquo;nicholas&amp;rdquo;, &amp;ldquo;st paul&amp;rsquo;s&amp;rdquo;, &amp;ldquo;2nd world war&amp;rdquo;, &amp;ldquo;great war&amp;rdquo; and &amp;ldquo;pineapple&amp;rdquo;, all posted from Twitter4J on the evening of May 23.&lt;/p&gt;
&lt;p&gt;The sources do not say whether these posts are terms that reached the work from Twitter, or a record of terms the work had received. Nor do they say who entered these terms, or on what occasion.&lt;/p&gt;
&lt;h2 id=&#34;not-the-numbers-but-the-shape-of-a-century&#34;&gt;Not the numbers, but the &amp;ldquo;shape&amp;rdquo; of a century
&lt;/h2&gt;&lt;p&gt;The project page and the Vimeo description contain almost the same sentence.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;This allows users to view the &amp;lsquo;shape&amp;rsquo; of the past century in relation to different key words—from progression in computing technology to times of war and peace to changing sources of energy.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Users can view the &amp;ldquo;shape&amp;rdquo; of the past century for different keywords, from progress in computing technology, to times of war and peace, to changing sources of energy.&lt;/p&gt;
&lt;p&gt;All three subjects the makers name are terms whose article counts would probably vary a great deal from decade to decade. Centograph can be read as a tool conceived less for reading off numbers than for comparing where each term&amp;rsquo;s peaks and valleys fall among the decades. The ten decades along the horizontal axis stay fixed, and only the heights change. Tinker writes the height as a &amp;ldquo;relative number&amp;rdquo; and names what it wants viewers to see as the &amp;ldquo;shape&amp;rdquo;. This suggests a design that put comparing shapes ahead of letting viewers read exact counts.&lt;/p&gt;
&lt;p&gt;The data source, Google News Archive, is a newspaper-archive search that opened in September 2006. A blog post in Information World Review at the time introduced one of its features this way.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Another striking innovation is a Show Timeline option, which categorises results according to their publication dates.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The archive had a feature called &amp;ldquo;Show Timeline&amp;rdquo; that sorted search results by publication date. The project page&amp;rsquo;s &amp;ldquo;returns a histogram of articles sorted according to date&amp;rdquo; can also be read as describing counts received per decade in this way. Centograph can be read as moving the on-screen timeline into the height of bars. That said, it has not been confirmed that the work used this feature.&lt;/p&gt;
&lt;p&gt;The sources also do not say why the period was set at the 100 years from 1909 to 2009. It can be read as fitting the framing of looking back on &amp;ldquo;the past century&amp;rdquo; at a 500th-anniversary celebration.&lt;/p&gt;
&lt;h2 id=&#34;how-third-parties-saw-the-work&#34;&gt;How third parties saw the work
&lt;/h2&gt;&lt;p&gt;The researcher Pierre Dragicevic has listed this work in the List of Physical Visualizations on dataphys.org. It is categorized as &amp;ldquo;Active physical visualization&amp;rdquo;, with the tags bar charts, news and temporal data. The description reads as follows.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Ten actuated bar charts that show the popularity of keywords of interest in news articles over time, made by the company Tinker from London.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;It introduces the work as ten moving bar charts showing how the popularity of keywords changes in news articles over time. It differs from the primary sources in two points, however. Tinker writes &amp;ldquo;a physical bar graph&amp;rdquo;, a single bar graph with ten bars. And Tinker&amp;rsquo;s own words are &amp;ldquo;frequency&amp;rdquo; and &amp;ldquo;relative number of news articles&amp;rdquo;; it does not use &amp;ldquo;popularity&amp;rdquo;. dataphys cites an infosthetics article (August 2009) as its source, but I have not been able to check its text.&lt;/p&gt;
&lt;p&gt;A student blog from Carnegie Mellon University&amp;rsquo;s course 15-104 (Fall 2017) draws attention to where the work is placed.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;By turning data from something esoteric into something tangible and cool, it helps to incite a level of interest in the areas of computation and data visualization, especially in students.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The evaluation is that turning obscure data into something touchable raises interest in computation and data visualization, especially among students. The author counts it as a strength that the work is a permanent installation made for an educational setting. Since this is a student assignment, it is weak as an expert assessment. Still, the factual part, bars every ten years starting in 1909, agrees with the primary sources.&lt;/p&gt;
&lt;p&gt;I found no newspaper or magazine coverage. The 2009 press items listed on Tinker London&amp;rsquo;s Press page do not mention Centograph either.&lt;/p&gt;
&lt;h2 id=&#34;what-to-take-from-it&#34;&gt;What to take from it
&lt;/h2&gt;&lt;p&gt;The first thing to take from this work is fixing the axis and swapping only the heights. The bars are always assigned to the same decades. Because the row does not change when the term changes, viewers can compare differences in shape.&lt;/p&gt;
&lt;p&gt;Second is separating input from display. Search terms come in from a separate screen or from Twitter, and what moves on the object&amp;rsquo;s side is the height of ten bars. Each time a viewer tries a term, the same object becomes a different graph.&lt;/p&gt;
&lt;p&gt;Last is the lifespan of a physicalization that relies on web data. According to Wikipedia, Google announced in 2011 that it would stop adding material to News Archive. Whether the work keeps running in the same form as back then has not been confirmed. For a work whose data source lies outside it, you need to consider what happens after the source stops being updated, as I read it.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Tinker London, &amp;ldquo;Centograph&amp;rdquo; project page: &lt;a class=&#34;link&#34; href=&#34;https://tinkerlondon.com/what-we-do-centograph.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://tinkerlondon.com/what-we-do-centograph.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Tinker, &amp;ldquo;Centograph&amp;rdquo; (Vimeo, 2009-06-02, 49 seconds): &lt;a class=&#34;link&#34; href=&#34;https://vimeo.com/4961482&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://vimeo.com/4961482&lt;/a&gt; (description and metadata: &lt;a class=&#34;link&#34; href=&#34;https://vimeo.com/api/oembed.json?url=https://vimeo.com/4961482&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://vimeo.com/api/oembed.json?url=https://vimeo.com/4961482&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Tinker.it!, &amp;ldquo;Centograph (work)&amp;rdquo; (Flickr album): &lt;a class=&#34;link&#34; href=&#34;https://www.flickr.com/photos/tinker_it/sets/72157618662102020/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.flickr.com/photos/tinker_it/sets/72157618662102020/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Tinker.it!, &amp;ldquo;Centograph&amp;rdquo; (Flickr photo): &lt;a class=&#34;link&#34; href=&#34;https://www.flickr.com/photos/tinker_it/3555602327/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.flickr.com/photos/tinker_it/3555602327/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Tinker London, &amp;ldquo;Press&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://tinkerlondon.com/press.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://tinkerlondon.com/press.html&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;dataphys.org, &amp;ldquo;2009 – Centograph: Dynamic Bar Charts Show Keyword Popularity&amp;rdquo; (listed by Pierre Dragicevic): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/centograph-dynamic-bar-charts-show-keyword-popularity/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/centograph-dynamic-bar-charts-show-keyword-popularity/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;mmiller5, &amp;ldquo;Looking Outwards-07&amp;rdquo; (Carnegie Mellon University 15-104, Fall 2017): &lt;a class=&#34;link&#34; href=&#34;https://courses.ideate.cmu.edu/15-104/f2017/index.html%3Fp=17742.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://courses.ideate.cmu.edu/15-104/f2017/index.html%3Fp=17742.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;infosthetics, &amp;ldquo;centograph: physical bar graph&amp;rdquo; (August 2009; text not checked): &lt;a class=&#34;link&#34; href=&#34;http://infosthetics.com/archives/2009/08/centograph_physical_bar_graph.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://infosthetics.com/archives/2009/08/centograph_physical_bar_graph.html&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Background sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Information World Review, &amp;ldquo;Historic perspectives in Google News&amp;rdquo; (2006-09-11): &lt;a class=&#34;link&#34; href=&#34;https://informationworldreview.blogspot.com/2006/09/historic-perspectives-in-google-news.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://informationworldreview.blogspot.com/2006/09/historic-perspectives-in-google-news.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wikipedia, &amp;ldquo;Google News Archive&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://en.wikipedia.org/wiki/Google_News_Archive&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://en.wikipedia.org/wiki/Google_News_Archive&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wikipedia, &amp;ldquo;St Paul&amp;rsquo;s School, London&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://en.wikipedia.org/wiki/St_Paul%27s_School,_London&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://en.wikipedia.org/wiki/St_Paul%27s_School,_London&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>Easter Tables Become Turning Disks, Layers of the Body Become Lifting Paper: Movable Books of the Medieval and Early Modern Eras</title>
        <link>https://visualizing.jp/en/movable-books-volvelle-flap/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/movable-books-volvelle-flap/</guid>
        <description>&lt;img src="https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-layers.jpg" alt="Featured image of post Easter Tables Become Turning Disks, Layers of the Body Become Lifting Paper: Movable Books of the Medieval and Early Modern Eras" /&gt;&lt;p&gt;The 13th-century English monk Matthew Paris turned a circular table for finding the date of Easter into a disk that rotates on a metal pin at its center. Single-sheet anatomical prints made in Strasbourg and Augsburg from 1538 showed the layers of the body, from skin to spine, through stacked paper flaps that the reader lifts one by one. The turning mechanism is called a volvelle, and the lifting mechanism a flap.&lt;/p&gt;
&lt;p&gt;The entry point is the item &amp;ldquo;1200 – Pop-Up and Movable Books&amp;rdquo; on dataphys.org, the timeline of data physicalization. This article follows it back to the records of the holding libraries: manuscript MS 26 at the Parker Library, Corpus Christi College, Cambridge, and an anatomical sheet of 1544 held by the Wellcome Collection. In the second half, we also look at Johann Remmelin&amp;rsquo;s anatomy book of 1619, as an example of the lifting mechanism entering the bound book.&lt;/p&gt;
&lt;h2 id=&#34;in-the-front-matter-of-the-chronica-majora-a-table-turns&#34;&gt;In the Front Matter of the &lt;em&gt;Chronica Majora&lt;/em&gt;, a Table Turns
&lt;/h2&gt;&lt;p&gt;Matthew Paris (c. 1200–59) was a Benedictine monk of St Albans Abbey and a chronicler. The Parker Library&amp;rsquo;s description introduces him as follows.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;Matthew was also a talented artist who was both scribe and illustrator of his own chronicles.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, he was a man who handled both the copying and the illustrations of his own chronicles. His major work, the &lt;em&gt;Chronica Majora&lt;/em&gt;, is a manuscript in two volumes: volume I is Parker Library MS 26, and volume II is MS 16. It was made c. 1240–55. MS 26 covers the period from the Creation to 1188.&lt;/p&gt;
&lt;p&gt;The turning table is in the front matter of this MS 26. The front matter holds, among other things, an itinerary map from London to Jerusalem (seven pages), a royal genealogy, a diagram of the winds, and a calendar. M. R. James&amp;rsquo;s catalogue lists f. v recto as a &amp;ldquo;Circular Paschal table&amp;rdquo;, that is, a circular Easter table, and describes the mechanism like this.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;On f. vr the circular Paschal table is made to revolve: head of metal pin in C.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The circular Easter table is made to revolve, and the head of a metal pin sits at its center. The catalogue also says that another table or diagram that was once pasted at the bottom of the page is now lost.&lt;/p&gt;
&lt;p&gt;On the back, f. v verso, there is a table that does not turn. The catalogue gives it the title &amp;ldquo;Table of Concurrentes etc. from 1116 to 1620&amp;rdquo;. Concurrentes are numbers used to determine the day of the week for each year. A static table lists 505 years, from 1116 to 1620. The front side has a turning disk, and the back side has a static table.&lt;/p&gt;
&lt;p&gt;The date of Easter is found by a calculation called computus. Gianfranco Crupi explains that this calculation rests on the 19-year cycle of the Moon across solar years. As for the number of concentric rings in the disk and what is written on each ring, I could not confirm them from textual primary sources. The material of the disk is not confirmed either.&lt;/p&gt;
&lt;p&gt;The image of f. vr can be seen on Parker Library on the Web (CC BY-NC 4.0).&lt;/p&gt;
&lt;h2 id=&#34;1538-stacking-the-body-on-a-single-sheet&#34;&gt;1538: Stacking the Body on a Single Sheet
&lt;/h2&gt;&lt;p&gt;Anatomical illustrations with lifting flaps began not in books but as single sheets. Andrea Carlino calls this kind of print an anatomical fugitive sheet, and catalogued them in &lt;em&gt;Paper Bodies&lt;/em&gt; (1999), which covers 1538 to 1687. The first edition dates from 1538. Heinrich Vogtherr in Strasbourg and Jost de Negker in Augsburg issued their sheets in the same year. Between 1538 and 1545, at least twenty editions appeared.&lt;/p&gt;
&lt;p&gt;The one we look at here is the 1544 edition held by the Wellcome Collection, &lt;em&gt;Anathomia oder abconterfettung eynes Mans leib, wie er inwendig gestaltet ist.&lt;/em&gt; It is paired with a sheet showing a woman. It was printed by Jacob Frölich of Strasbourg. It is a woodcut measuring 55 × 25 cm, and the Wellcome copy is hand-colored.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-sheet.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-sheet.jpg&#34; width=&#34;900&#34; height=&#34;1853&#34; srcset=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-sheet_hu_133f4f2bc3a6700c.jpg 480w, https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-sheet_hu_d53f95be5839337.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A single-sheet print of a man, 1544 edition. Around a seated man, small drawings of the stomach, liver, lungs and other organs and German text are arranged in three tiers&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A single-sheet print of a man, 1544 edition. Around a seated man, small drawings of the stomach, liver, lungs and other organs and German text are arranged in three tiers&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Wellcome Collection (Public Domain Mark) / Wellcome Collection, &lt;em&gt;Anathomia oder abconterfettung eynes Mans leib…&lt;/em&gt; (1544)&lt;/p&gt;
&lt;p&gt;According to Carlino, when Vogtherr left Strasbourg in 1544, he seems to have left the woodblocks of the sheet with Frölich. Frölich printed from those blocks in the same year and added color. Carlino writes that the color softened the &amp;ldquo;austerity&amp;rdquo; of the image.&lt;/p&gt;
&lt;p&gt;According to the Wellcome record, flaps are pasted over the chest and abdomen of the seated male and female figures: six on the man and nine on the woman. Each time a flap is lifted, the anatomical structure appears one layer deeper. Carlino describes how this genre is built. The whole torso lifts as a single flap. The internal organs are printed on separate paper, cut out, and pasted in layers. &lt;strong&gt;The last layer is the back of the rib cage and the spinal cord.&lt;/strong&gt;&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-layers.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-layers.jpg&#34; width=&#34;1800&#34; height=&#34;433&#34; srcset=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-layers_hu_9314d78f22cbbfb9.jpg 480w, https://visualizing.jp/movable-books-volvelle-flap/images/anathomia-1544-male-layers_hu_1ddb8708c6ff1bf5.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;The torso of the man in the 1544 edition, arranged in order from Wellcome images 1 to 7. From the layers of lungs, heart and stomach, ribs and spine appear at the far right&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;The torso of the man in the 1544 edition, arranged in order from Wellcome images 1 to 7. From the layers of lungs, heart and stomach, ribs and spine appear at the far right&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Wellcome Collection (Public Domain Mark) / Wellcome Collection, &lt;em&gt;Anathomia oder abconterfettung eynes Mans leib…&lt;/em&gt; (1544); the torso area is cropped from images 1–7 and placed side by side&lt;/p&gt;
&lt;p&gt;The figure above arranges Wellcome&amp;rsquo;s images 1 to 7 of the male figure from left to right. Along the way, the same layer appears twice. In the second image, PULMO (lung), COR (heart), DIAFRAGMA (diaphragm), STOMACHUS (stomach) and SPLEN (spleen) are printed over the organs. At the far right, the ribs and spine appear.&lt;/p&gt;
&lt;p&gt;According to Carlino, in Vogtherr&amp;rsquo;s edition the name of each organ is printed on top of it, mainly in Latin. Some organs are printed once more in the surrounding text, where they come with a German name and a short explanation. The male and female figures were printed from the same blocks, and only the head and the flaps for the chest and the genitals were swapped. Carlino reads this as a way of keeping costs down.&lt;/p&gt;
&lt;p&gt;In 1539, Vogtherr also issued, from the same blocks, a small booklet of easy anatomy in German. From this, Carlino concludes that the readers were neither specialists nor scholars.&lt;/p&gt;
&lt;h2 id=&#34;from-a-single-sheet-to-a-book-of-about-120-flaps&#34;&gt;From a Single Sheet to a Book of About 120 Flaps
&lt;/h2&gt;&lt;p&gt;The lifting mechanism eventually entered the book. Carlino writes that Andreas Vesalius used this technique in the &lt;em&gt;Epitome&lt;/em&gt; (1543) and the &lt;em&gt;Fabrica&lt;/em&gt;, which included figures for the reader to cut out and paste together.&lt;/p&gt;
&lt;p&gt;The work that lies beyond them is Johann Remmelin&amp;rsquo;s &lt;em&gt;Catoptrum microcosmicum&lt;/em&gt; (Mirror of the Microcosm). It was published in Augsburg in 1619. It is a folio 47 cm high, and its anatomical figures are three, on pp. 9, 15 and 21. The plates were engraved on copper by Lucas Kilian after Remmelin&amp;rsquo;s own drawings. The flaps on the three figures number about 120, according to the bibliographic record of the Getty Research Institute copy.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/remmelin-1619-visio-prima.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/remmelin-1619-visio-prima.jpg&#34; width=&#34;1100&#34; height=&#34;1580&#34; srcset=&#34;https://visualizing.jp/movable-books-volvelle-flap/images/remmelin-1619-visio-prima_hu_15f894336490b5bf.jpg 480w, https://visualizing.jp/movable-books-volvelle-flap/images/remmelin-1619-visio-prima_hu_a7d1d8b4dc206b60.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Figure 1 of Remmelin’s Catoptrum microcosmicum. A copper engraving with standing male and female figures, a torso in the center, and small drawings of eyes, ears and organs around them&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;of Remmelin’s Catoptrum microcosmicum. A copper engraving with standing male and female figures, a torso in the center, and small drawings of eyes, ears and organs around them&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Getty Research Institute (shown as NOT_IN_COPYRIGHT on the Internet Archive) / Internet Archive, &lt;em&gt;Catoptrum microcosmicum&lt;/em&gt; (1619)&lt;/p&gt;
&lt;p&gt;The figure above is the first figure on p. 9, &amp;ldquo;Visio prima&amp;rdquo;, and it bears the signature &amp;ldquo;L. K. sculptor&amp;rdquo; at lower left. McGill University Library explains the order of the layers as &amp;ldquo;surface → blood vessels → muscles → nerves → spine&amp;rdquo;. The organs of the ears, eyes and torso are divided into separate small figures. In Visio prima, the last layer of the female torso in the center shows a fetus in the womb.&lt;/p&gt;
&lt;p&gt;The year of publication is disputed. McGill calls the 1619 edition the &amp;ldquo;first authorized edition&amp;rdquo;, while Columbia University gives 1613 for the first Latin edition. Columbia writes that it was a bestseller of its day, aimed at &amp;ldquo;curious laypeople rather than medical students or physicians&amp;rdquo;. The book was translated into German, Dutch, English and French.&lt;/p&gt;
&lt;h2 id=&#34;what-was-mapped-to-which-movement&#34;&gt;What Was Mapped to Which Movement
&lt;/h2&gt;&lt;p&gt;The table below sums up how the data corresponds to the properties of paper.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Source&lt;/th&gt;
          &lt;th&gt;Data (what it represents)&lt;/th&gt;
          &lt;th&gt;Mapping to a physical property&lt;/th&gt;
          &lt;th&gt;Sources&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Paris&amp;rsquo;s Easter table (MS 26, f. vr)&lt;/td&gt;
          &lt;td&gt;The calculation for finding the date of Easter, based on the 19-year lunar cycle&lt;/td&gt;
          &lt;td&gt;A circular table made into a disk that turns on a metal pin at its center&lt;/td&gt;
          &lt;td&gt;James&amp;rsquo;s catalogue, Crupi 2019&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Same (f. vv)&lt;/td&gt;
          &lt;td&gt;Concurrentes for determining the day of the week (1116–1620)&lt;/td&gt;
          &lt;td&gt;Laid out as a static table on the back&lt;/td&gt;
          &lt;td&gt;James&amp;rsquo;s catalogue&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;1544 single sheet&lt;/td&gt;
          &lt;td&gt;The order of the organs of the chest and abdomen, from front to back&lt;/td&gt;
          &lt;td&gt;The order in which the paper is stacked. Six flaps on the man, nine on the woman. The last layer is the back of the rib cage and the spinal cord&lt;/td&gt;
          &lt;td&gt;Wellcome, Carlino 1999&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Same&lt;/td&gt;
          &lt;td&gt;Names of organs&lt;/td&gt;
          &lt;td&gt;Printed over each organ in Latin. German names and explanations in the text&lt;/td&gt;
          &lt;td&gt;Carlino 1999&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Same&lt;/td&gt;
          &lt;td&gt;Difference between male and female&lt;/td&gt;
          &lt;td&gt;The same blocks are used, and only the head and the flaps for the chest and the genitals are swapped&lt;/td&gt;
          &lt;td&gt;Carlino 1999&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Remmelin 1619&lt;/td&gt;
          &lt;td&gt;Layers of the body&lt;/td&gt;
          &lt;td&gt;Stacked in the order surface → blood vessels → muscles → nerves → spine. About 120 flaps across three figures&lt;/td&gt;
          &lt;td&gt;McGill 2019, Getty bibliographic record&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;With a static circular table, the reader had to rotate the manuscript to read the numbers. The ArchBook site summarizes this point from the research of Daniel K. Connolly as follows.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;required the reader to reorient the manuscript in order to read the numbers. Matthew Paris&amp;rsquo;s innovation allowed readers to turn the disk and align it with their bodies&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In other words, Paris&amp;rsquo;s innovation let the reader turn the disk and align it with their own body.&lt;/p&gt;
&lt;p&gt;Looking at the table, the turning mechanism can be read as a calculator that looks up the correspondence between periodic quantities by rotation angle, and the lifting mechanism as a hierarchical display that shows spatial order through overlap. In the language of visualization, the former can be read as a circular layout with a means for the reader to manipulate its alignment, and the latter as the paper version of drill-down (a display that opens detail step by step).&lt;/p&gt;
&lt;p&gt;Note that the body text of the dataphys entry contains points that do not agree with the holding libraries&amp;rsquo; records.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;The title is given as &amp;ldquo;Chronica Majorca&amp;rdquo;, but the correct form is Chronica Majora (maiora).&lt;/li&gt;
&lt;li&gt;The axis of rotation is given as a string or rivet, but the MS 26 catalogue says it is a metal pin.&lt;/li&gt;
&lt;li&gt;It says movable books began to be used for entertainment and for children in the 19th century, but ArchBook cites a volvelle for a fortune-telling lottery game from 1546.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;how-third-parties-saw-these-mechanisms&#34;&gt;How Third Parties Saw These Mechanisms
&lt;/h2&gt;&lt;p&gt;The first is Crupi, who focuses on the reader&amp;rsquo;s hand. In his paper &amp;ldquo;Volvelles of knowledge&amp;rdquo; (2019), he writes of Paris&amp;rsquo;s disk as follows.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;transformed the reader&amp;rsquo;s manual gesture into an intellectual experience of knowledge, thus enabling them to become not merely the interpreter of the text but also its architect, whose intervention enables the algorithm that generates meaning.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This is an assessment that the reader&amp;rsquo;s hand movement became an experience of knowledge, and that the reader became not merely an interpreter of the text but a designer who sets in motion the procedure that produces meaning. Crupi also places the volvelle and the flap as the two devices most widely used in the scientific books of the 16th and 17th centuries.&lt;/p&gt;
&lt;p&gt;The second is Carlino, who focuses on how the procedure of dissection was transferred to paper.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;This technique of illustration provided a virtual three-dimensional representation … In short, it translated on to paper the whole concept of anatomical dissection, mimicking the progressive unveiling of the body, from skin to guts.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This is an assessment that the technique gave a virtual three-dimensional representation, and carried over onto paper the whole idea of dissection, in which the body is opened step by step from skin to innards. Carlino also touches on the commercial side, writing that the success of the single sheets was &amp;ldquo;immeasurably greater&amp;rdquo; than that of any anatomical treatise.&lt;/p&gt;
&lt;p&gt;The third is Connolly, cited in the previous section. His view is that Paris&amp;rsquo;s disk solved the trouble of rotating the manuscript. ArchBook introduces this disk as &amp;ldquo;the first known volvelle&amp;rdquo;, and Crupi calls it &amp;ldquo;one of the earliest&amp;rdquo;.&lt;/p&gt;
&lt;p&gt;Valeria Finucci, who curated the Duke University exhibition, says of such books in Duke Today:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;They allow for a material reading of their medical content.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In other words, they make it possible to read medical content as a physical object.&lt;/p&gt;
&lt;h2 id=&#34;uses&#34;&gt;Uses
&lt;/h2&gt;&lt;p&gt;From these two mechanisms, three things can be read as worth taking back to visualization work.&lt;/p&gt;
&lt;p&gt;The first is to choose a way of moving that fits the shape of the data. Paris&amp;rsquo;s table was a calculation on a periodic calendar, and the mechanism was rotation. The anatomical sheet was an order from front to back, and the mechanism was stacked paper that lifts. When deciding on interaction on a screen too, checking first whether the data is periodic or hierarchical narrows the kinds of operation, so it can be read.&lt;/p&gt;
&lt;p&gt;The second is to make the number and order of layers the number and order of operations. The 1544 male figure has six flaps stacked, and the last layer is said to be the back of the rib cage and the spinal cord. The number and order of lifts can be read as corresponding to the order of depth in the body. When designing a drill-down, make it predictable to the reader how many times they must open to reach the deepest level. The paper anatomical sheet can be read as an example of this.&lt;/p&gt;
&lt;p&gt;The third is to place names and explanations separately. Over the organs, mainly Latin names were printed, and for some organs the text gave a German name and a short explanation. Keep the annotations inside the figure short, and leave the explanation to the surrounding text. This can be read as the same idea as how annotations are divided in charts today.&lt;/p&gt;
&lt;p&gt;Both mechanisms show nothing unless the reader moves their hands. In works of data physicalization, deciding what to make the reader&amp;rsquo;s hands do is itself part of the encoding. The movable books of the medieval and early modern eras can be read as showing exactly that.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;dataphys.org, &amp;ldquo;1200 – Pop-Up and Movable Books&amp;rdquo; (Added by Pierre Dragicevic, sent by Benjamin Bach). &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/pop-up-and-movable-books/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/pop-up-and-movable-books/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Parker Library, Corpus Christi College, Cambridge, MS 26 (Matthew Paris, &lt;em&gt;Chronica maiora&lt;/em&gt; I), IIIF manifest (description and license). &lt;a class=&#34;link&#34; href=&#34;https://dms-data.stanford.edu/data/manifests/Parker/rf352tc5448/manifest.json&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dms-data.stanford.edu/data/manifests/Parker/rf352tc5448/manifest.json&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Parker Library on the Web, MS 26. &lt;a class=&#34;link&#34; href=&#34;https://parker.stanford.edu/parker/catalog/rf352tc5448&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://parker.stanford.edu/parker/catalog/rf352tc5448&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;M. R. James&amp;rsquo;s description of the contents of MS 26 (via Biblissima IIIF Collections). &lt;a class=&#34;link&#34; href=&#34;https://iiif.biblissima.fr/collections/manifest/82acae38b80a68174ccdf8d7ca902548f7c32f36&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://iiif.biblissima.fr/collections/manifest/82acae38b80a68174ccdf8d7ca902548f7c32f36&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wellcome Collection, &lt;em&gt;Anathomia oder abconterfettung eynes Mans leib, wie er inwendig gestaltet ist.&lt;/em&gt;, Strassburg: Jacob Frölich, 1544. &lt;a class=&#34;link&#34; href=&#34;https://wellcomecollection.org/works/w2mgwvb3&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://wellcomecollection.org/works/w2mgwvb3&lt;/a&gt; / IIIF &lt;a class=&#34;link&#34; href=&#34;https://iiif.wellcomecollection.org/presentation/v2/b33552964&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://iiif.wellcomecollection.org/presentation/v2/b33552964&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wellcome Collection, Anatomical fugitive sheets, c. 1540. &lt;a class=&#34;link&#34; href=&#34;https://wellcomecollection.org/works/anmb7n8h&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://wellcomecollection.org/works/anmb7n8h&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Andrea Carlino, &lt;em&gt;Paper Bodies&lt;/em&gt;, Catalogue (Cat. 1 = Vogtherr 1538). &lt;a class=&#34;link&#34; href=&#34;https://doi.org/10.1017/S0025727300073129&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://doi.org/10.1017/S0025727300073129&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Johann Remmelin, &lt;em&gt;Catoptrum microcosmicum&lt;/em&gt;, Augsburg, 1619 (Getty Research Institute). &lt;a class=&#34;link&#34; href=&#34;https://archive.org/details/gri_33125015238948&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://archive.org/details/gri_33125015238948&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Same (McGill University Library, Osler Library). &lt;a class=&#34;link&#34; href=&#34;https://archive.org/details/McGillLibrary-osl_elf_cum-deo-johannis-remmelini_elfWZ250R388c1619-19996&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://archive.org/details/McGillLibrary-osl_elf_cum-deo-johannis-remmelini_elfWZ250R388c1619-19996&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Same, German edition of 1661, &lt;em&gt;Kleiner welt Spiegel&lt;/em&gt; (Columbia University Libraries). &lt;a class=&#34;link&#34; href=&#34;https://archive.org/details/ldpd_11497246_000&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://archive.org/details/ldpd_11497246_000&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Ruoshan Gu &amp;amp; Mary Hague-Yearl, &amp;ldquo;A Mirror into the Microcosm: Digitizing Johann Remmelin&amp;rsquo;s 1619 Flap Anatomy,&amp;rdquo; McGill Library Matters, 2019-12-17. &lt;a class=&#34;link&#34; href=&#34;https://news.library.mcgill.ca/a-mirror-into-the-microcosm-digitizing-johann-remmelins-1619-flap-anatomy-catoptrum-microcosmicum/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://news.library.mcgill.ca/a-mirror-into-the-microcosm-digitizing-johann-remmelins-1619-flap-anatomy-catoptrum-microcosmicum/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Columbia University Irving Medical Center, &amp;ldquo;A Medical Pop-Up Book From the 17th Century.&amp;rdquo; &lt;a class=&#34;link&#34; href=&#34;https://www.cuimc.columbia.edu/news/medical-pop-book-17th-century&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.cuimc.columbia.edu/news/medical-pop-book-17th-century&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Duke University Libraries, &amp;ldquo;Animated Anatomies&amp;rdquo; (2011). &lt;a class=&#34;link&#34; href=&#34;https://exhibits.library.duke.edu/exhibits/show/anatomy/intro&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://exhibits.library.duke.edu/exhibits/show/anatomy/intro&lt;/a&gt; / list of exhibited items &lt;a class=&#34;link&#34; href=&#34;https://exhibits.library.duke.edu/exhibits/show/anatomy/intro/bib&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://exhibits.library.duke.edu/exhibits/show/anatomy/intro/bib&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Gianfranco Crupi, &amp;ldquo;Volvelles of knowledge,&amp;rdquo; &lt;em&gt;JLIS.it&lt;/em&gt; 10(2), 2019. doi:10.4403/jlis.it-12534. &lt;a class=&#34;link&#34; href=&#34;https://iris.uniroma1.it/handle/11573/1269189&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://iris.uniroma1.it/handle/11573/1269189&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Andrea Carlino, &lt;em&gt;Paper Bodies: A Catalogue of Anatomical Fugitive Sheets 1538–1687&lt;/em&gt;, Medical History Supplement 19, 1999, ch. 2 &amp;ldquo;Anatomical Fugitive Sheets.&amp;rdquo; &lt;a class=&#34;link&#34; href=&#34;https://doi.org/10.1017/S0025727300073099&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://doi.org/10.1017/S0025727300073099&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Gravelle, Mustapha, Leroux, &amp;ldquo;Volvelles,&amp;rdquo; ArchBook (2012, revised 2022; includes a summary of Daniel K. Connolly, &lt;em&gt;Art Bulletin&lt;/em&gt; 1999). &lt;a class=&#34;link&#34; href=&#34;https://drc.usask.ca/projects/archbook/volvelles.php&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://drc.usask.ca/projects/archbook/volvelles.php&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Duke Today, 2011-04-07 (remarks by Valeria Finucci). &lt;a class=&#34;link&#34; href=&#34;https://today.duke.edu/2011/04/flapbook.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://today.duke.edu/2011/04/flapbook.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Laughing Squid (E.D.W. Lynch), &amp;ldquo;Animated Anatomies, An Exhibition of Antique Medical Pop-Up Books,&amp;rdquo; 2011-05-18. &lt;a class=&#34;link&#34; href=&#34;https://laughingsquid.com/animated-anatomies-an-exhibition-of-antique-medical-pop-up-books/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://laughingsquid.com/animated-anatomies-an-exhibition-of-antique-medical-pop-up-books/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wikipedia, &amp;ldquo;Chronica Majora.&amp;rdquo; &lt;a class=&#34;link&#34; href=&#34;https://en.wikipedia.org/wiki/Chronica_Majora&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://en.wikipedia.org/wiki/Chronica_Majora&lt;/a&gt; / &amp;ldquo;Matthew Paris.&amp;rdquo; &lt;a class=&#34;link&#34; href=&#34;https://en.wikipedia.org/wiki/Matthew_Paris&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://en.wikipedia.org/wiki/Matthew_Paris&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>Hollow or Solid Stems Sorted the Votes, and a Counting Board Laid Them Out: Voting Tokens in Athenian Courts</title>
        <link>https://visualizing.jp/en/ancient-pebble-voting/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/ancient-pebble-voting/</guid>
        <description>&lt;img src="https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-agora-museum.jpg" alt="Featured image of post Hollow or Solid Stems Sorted the Votes, and a Counting Board Laid Them Out: Voting Tokens in Athenian Courts" /&gt;&lt;p&gt;In the Athenian courts of the 4th century BC, bronze voting tokens separated plaintiff from defendant by whether the stem was hollow or solid. At the count, the tokens were set into a reckoning-board and rearranged into a form that was &amp;ldquo;visible and easy to count.&amp;rdquo; This procedure appears in chapters 68–69 of &lt;em&gt;The Constitution of the Athenians&lt;/em&gt; (&lt;em&gt;Athenaion Politeia&lt;/em&gt;), attributed to Aristotle (or his school).&lt;/p&gt;
&lt;p&gt;The case-collection site dataphys.org lists it as &amp;ldquo;500 BC – Pebble Voting.&amp;rdquo; But this is not the work of a single author: it is an entry that bundles together 5th-century BC vase painting and courts, 4th-century BC courts, and the ballot boxes of modern societies. The dataphys.org description, &amp;ldquo;a white pebble meant yes and a black pebble meant no,&amp;rdquo; cannot be found in &lt;em&gt;The Constitution of the Athenians&lt;/em&gt;, in Boegehold, in the Getty&amp;rsquo;s commentary, or in the Agora records. What follows reads the sources one by one, following &lt;em&gt;The Constitution of the Athenians&lt;/em&gt;, the records of the objects excavated in the Agora, the cup in the Getty Museum, and the 1963 paper by Alan L. Boegehold.&lt;/p&gt;
&lt;h2 id=&#34;a-cup-with-two-mounds-of-pebbles&#34;&gt;A Cup with Two Mounds of Pebbles
&lt;/h2&gt;&lt;p&gt;The oldest source is a red-figure kylix (wine cup), 86.AE.286, in the J. Paul Getty Museum. It was made in Athens, is attributed to the Brygos Painter, and dates to around 490 BC. One side of the exterior shows the quarrel between Ajax and Odysseus; the other shows the Greek leaders voting with stones.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ancient-pebble-voting/images/getty-cup-pebble-mounds.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ancient-pebble-voting/images/getty-cup-pebble-mounds.jpg&#34; width=&#34;1300&#34; height=&#34;839&#34; srcset=&#34;https://visualizing.jp/ancient-pebble-voting/images/getty-cup-pebble-mounds_hu_907076256cdd5069.jpg 480w, https://visualizing.jp/ancient-pebble-voting/images/getty-cup-pebble-mounds_hu_cb14bb033bc029a8.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Part of the cup’s exterior. Mounds of small dots are drawn to the left and right of a pedestal, and the figure at the far right holds his head in his hands&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Part of the cup’s exterior. Mounds of small dots are drawn to the left and right of a pedestal, and the figure at the far right holds his head in his hands&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: J. Paul Getty Museum (86.AE.286), from Getty, &amp;ldquo;Voting with the Ancient Greeks&amp;rdquo;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The number of pebbles on Ajax&amp;rsquo;s side, at right, falls short of the more politically savvy Odysseus&amp;rsquo;s by one, causing Ajax to grasp his head in despair.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The Getty&amp;rsquo;s commentary takes the dots on either side of the pedestal to be two mounds of stones, one for Odysseus and one for Ajax. The mound on the right, Ajax&amp;rsquo;s, is one short, and Ajax clutches his head. One pebble was one vote; which mound it sat in stood for the candidate, and the size of the mound stood for the number of votes.&lt;/p&gt;
&lt;p&gt;Boegehold saw the distinctive feature of such scenes in the fact that pebbles are used and yet no secrecy is kept at all. The pebbles are simply &amp;ldquo;counting stones,&amp;rdquo; which can be counted slowly and accurately after everyone has voted, an advantage that shouts and show of hands do not have. This is his reading. He also writes, however, that it would be rash to claim that the painter copied the procedure of the time in every detail.&lt;/p&gt;
&lt;p&gt;In the 5th-century BC courts, a juror held a single pebble (or shell) and put it into one of two urns, one for the plaintiff and one for the defendant (Boegehold; Getty). The vote was distinguished by position: which urn it went into. The contents of the urn were emptied onto a board and counted.&lt;/p&gt;
&lt;h2 id=&#34;hiding-the-stem-hole-under-the-fingers&#34;&gt;Hiding the Stem Hole Under the Fingers
&lt;/h2&gt;&lt;p&gt;In the 4th century BC, the voting tokens used in the courts changed into bronze discs. Boegehold dates the court described in &lt;em&gt;The Constitution of the Athenians&lt;/em&gt; to &amp;ldquo;around 325 B.C.&amp;rdquo; The description is in chapter 68 (Kenyon translation).&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The ballot balls are made of brass with stems running through the centre, half of them having the stem pierced and the other half solid.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;A stem runs through the center; half of the tokens have a stem with a hole through it, hollow, and the other half have a solid stem. Hollow meant a vote for the plaintiff, solid a vote for the defendant.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-agora-museum.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-agora-museum.jpg&#34; width=&#34;1600&#34; height=&#34;753&#34; srcset=&#34;https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-agora-museum_hu_40f0585bb46d7525.jpg 480w, https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-agora-museum_hu_4b4666b6dfa62db7.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Seven bronze voting tokens, each a disc with a stem at its center. Only the one at upper left has a hole through the center of its stem&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Seven bronze voting tokens, each a disc with a stem at its center. Only the one at upper left has a hole through the center of its stem&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Marsyas (Wikimedia Commons contributor), Ancient Agora Museum of Athens, from Wikimedia Commons, &amp;ldquo;AGMA Jetons vote.jpg&amp;rdquo; (CC BY-SA 2.5)&lt;/p&gt;
&lt;p&gt;Actual specimens have come out of the Agora in Athens. In the excavation records, B 728 is hollow with a diameter of 0.063 m, and B 1055 is solid with a diameter of 0.065 m. B 1055 bears the inscription &amp;ldquo;ΨΗΦΟΣ ΔΗΜΟΣΙΑ&amp;rdquo; on its face. According to Boegehold, all the published tokens are dated to the 4th century BC on the basis of letter forms.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-ascsa-side.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-ascsa-side.jpg&#34; width=&#34;1024&#34; height=&#34;361&#34; srcset=&#34;https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-ascsa-side_hu_8fa2b888971be904.jpg 480w, https://visualizing.jp/ancient-pebble-voting/images/bronze-ballots-ascsa-side_hu_bbf99fc238d9e5c4.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A photograph of five bronze voting tokens laid side by side. The one in the middle has a hole in its stem, and in the two lying on their sides the stems project from both sides of the disc&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A photograph of five bronze voting tokens laid side by side. The one in the middle has a hole in its stem, and in the two lying on their sides the stems project from both sides of the disc&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Photo: Craig Mauzy. Source: American School of Classical Studies at Athens: Agora Excavations, &amp;ldquo;Agora Image 2007.10.0080&amp;rdquo; (© ASCSA)&lt;/p&gt;
&lt;p&gt;The photograph shows, from left, B 1056, B 146, B 728, B 1058, and B 1055. The discs look almost the same; only the inside of the stem differs.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;the juror, taking his two ballot balls from the stand, with his hand closed over the stem so as not to show either the pierced or the solid ballot to the litigants, casts the one which is to count into the brazen urn, and the other into the wooden urn.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The procedure is this: the juror receives two tokens and, keeping the stem covered by his hand so that the litigants see nothing, drops the one that is to count into the bronze urn and the other into the wooden urn. The hole in the lid of the bronze urn admitted only one token, so that no one could put in two (Rackham translation).&lt;/p&gt;
&lt;p&gt;dataphys.org describes these tokens as ones &amp;ldquo;whose difference could only be felt by touch.&amp;rdquo; The center of the design can be read as &lt;strong&gt;making the tokens look alike and hiding the difference under the fingers&lt;/strong&gt;. Because both tokens always go into one urn or the other, the hand&amp;rsquo;s movement does not reveal the choice either, which can also be read from the procedure.&lt;/p&gt;
&lt;h2 id=&#34;setting-the-tokens-into-a-counting-board-and-laying-them-out&#34;&gt;Setting the Tokens into a Counting Board and Laying Them Out
&lt;/h2&gt;&lt;p&gt;The counting procedure is in chapter 69 (Rackham translation).&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;empty it out on to a reckoning-board with as many holes in it as there are pebbles, in order that they may be set out visibly and be easy to count, and that the perforated and the whole ones may be clearly seen by the litigants.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The contents of the bronze urn are emptied onto a reckoning-board with as many holes as there are tokens. The explanation is that this lets them be set out clearly and counted easily, and lets the litigants clearly see the hollow ones and the solid ones.&lt;/p&gt;
&lt;p&gt;According to Boegehold, on the board the stem is pushed into a hole and keeps the disc from falling. He calls this &amp;ldquo;a second function&amp;rdquo; of the tokens&amp;rsquo; peculiar shape. The stem is the place that hides the type of vote at the time of voting, and at the count it becomes the foot that stands the token on the board.&lt;/p&gt;
&lt;p&gt;The counting was done by jurors chosen by lot. A herald announced the totals; the side with more votes won, and a tie went to the defendant. Penalties were decided by the same method, with a second vote in which hollow stood for the plaintiff&amp;rsquo;s proposal and solid for the defendant&amp;rsquo;s. The number of jurors was normally 201, 401, or 501 (Boegehold). If several hundred tokens are sorted into hollow and solid and stood in the holes, the two totals can be compared by the lengths of the rows; this is a reading.&lt;/p&gt;
&lt;p&gt;The table below summarizes, source by source, how data corresponds to the properties of objects.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Scene (source)&lt;/th&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Property of the object&lt;/th&gt;
          &lt;th&gt;How it is read&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Cup of around 490 BC (Getty)&lt;/td&gt;
          &lt;td&gt;Votes per candidate&lt;/td&gt;
          &lt;td&gt;Position (which mound) and size of the mound&lt;/td&gt;
          &lt;td&gt;Compare the two mounds&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;5th-century BC courts (Boegehold, Getty)&lt;/td&gt;
          &lt;td&gt;Plaintiff or defendant&lt;/td&gt;
          &lt;td&gt;Position (which urn)&lt;/td&gt;
          &lt;td&gt;Empty onto a board and count&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;4th-century BC courts, voting (ch. 68)&lt;/td&gt;
          &lt;td&gt;Plaintiff or defendant&lt;/td&gt;
          &lt;td&gt;Shape (stem hollow or solid), hidden by the fingers&lt;/td&gt;
          &lt;td&gt;The counted token goes into the bronze urn&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;4th-century BC courts, counting (ch. 69)&lt;/td&gt;
          &lt;td&gt;Number of plaintiff and defendant votes&lt;/td&gt;
          &lt;td&gt;Arrangement stood in the holes of the counting board&lt;/td&gt;
          &lt;td&gt;Sort, lay out, and announce the totals&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;em&gt;Metamorphoses&lt;/em&gt;, book 15&lt;/td&gt;
          &lt;td&gt;Guilty or not guilty&lt;/td&gt;
          &lt;td&gt;Color (white = not guilty, black = guilty)&lt;/td&gt;
          &lt;td&gt;Empty the urn and count&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Society ballot boxes (Mackey)&lt;/td&gt;
          &lt;td&gt;Admit or not&lt;/td&gt;
          &lt;td&gt;Color (white ball = yes, black ball or black cube = no)&lt;/td&gt;
          &lt;td&gt;Whether even one black is present&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;RPSL ballot box (late 19th century)&lt;/td&gt;
          &lt;td&gt;Yes or no&lt;/td&gt;
          &lt;td&gt;Position (left and right drawers); black balls only&lt;/td&gt;
          &lt;td&gt;Open the drawers and count&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;In the 4th-century BC courts, the difference in shape is hidden at the vote and laid out in view at the count. This can be read as a design that switches the encoding of the same vote to a different way of showing at each stage.&lt;/p&gt;
&lt;h2 id=&#34;white-pebbles-and-black-balls-come-from-other-sources&#34;&gt;White Pebbles and Black Balls Come from Other Sources
&lt;/h2&gt;&lt;h3 id=&#34;ovids-white-and-black-pebbles&#34;&gt;Ovid&amp;rsquo;s White and Black Pebbles
&lt;/h3&gt;&lt;p&gt;The dataphys.org entry says &amp;ldquo;a white pebble meant &amp;ldquo;yes&amp;rdquo; and a black pebble meant &amp;ldquo;no&amp;rdquo;.&amp;rdquo; But a description of telling votes apart by color appears in none of &lt;em&gt;The Constitution of the Athenians&lt;/em&gt;, Boegehold, the Getty&amp;rsquo;s commentary, or the Agora records.&lt;/p&gt;
&lt;p&gt;White and black pebbles appear in Roman-era Latin poetry, in Ovid&amp;rsquo;s &lt;em&gt;Metamorphoses&lt;/em&gt;, book 15.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Mos erat antiquus niveis atrisque lapillis, / his damnare reos, illis absolvere culpa&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The line says that there was an old custom of using white and black pebbles, black to condemn the accused and white to acquit. It comes from the story of the trial of Myscelus of Argos, in which a black stone in the urn is changed to white by divine power. The meaning is &amp;ldquo;guilty / not guilty,&amp;rdquo; not &amp;ldquo;yes / no.&amp;rdquo; The explanation in circulation seems closer to something a Roman poem told as an old custom of Argos; this is a reading.&lt;/p&gt;
&lt;p&gt;Furthermore, votes in the Assembly were normally taken by show of hands (χειροτονία) (Carbon et al.). Pebble voting was not voting in general.&lt;/p&gt;
&lt;h3 id=&#34;a-societys-box-is-checked-for-clear-or-foul-not-counted&#34;&gt;A Society&amp;rsquo;s Box Is Checked for &amp;ldquo;Clear&amp;rdquo; or &amp;ldquo;Foul,&amp;rdquo; Not Counted
&lt;/h3&gt;&lt;p&gt;Voting by putting white and black balls into a box belongs to later societies and clubs. The Encyclopedia Masonica, which carries the text of Mackey&amp;rsquo;s encyclopedia, writes that lodges voted with white and black balls, and that some Grand Lodges also admitted black cubes. The box was divided into two compartments, and its opening was built so that the hand could not be seen.&lt;/p&gt;
&lt;p&gt;At the count, the Senior Deacon shows the box to the Junior Warden, the Senior Warden, and the Master in that order, and each reports either &amp;ldquo;the box is clear&amp;rdquo; or &amp;ldquo;the box is foul.&amp;rdquo; If there is no black at all it is clear; if there is even one it is foul. What is read is not the number of votes but whether any black is mixed in. Regulation VI of the General Regulations in the 1723 edition of the &lt;em&gt;Constitutions of the Free-Masons&lt;/em&gt; provides that no one is to be admitted without the unanimous consent of the members present, but does not specify balls or a box.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ancient-pebble-voting/images/rpsl-ballot-box-1880s.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ancient-pebble-voting/images/rpsl-ballot-box-1880s.jpg&#34; width=&#34;1280&#34; height=&#34;2007&#34; srcset=&#34;https://visualizing.jp/ancient-pebble-voting/images/rpsl-ballot-box-1880s_hu_4014649705e9bc10.jpg 480w, https://visualizing.jp/ancient-pebble-voting/images/rpsl-ballot-box-1880s_hu_24190b0a1ad33160.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A wooden ballot box with YES and NO on top, a large round hole on the front, and the letters Y and N on the drawers below&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A wooden ballot box with YES and NO on top, a large round hole on the front, and the letters Y and N on the drawers below&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Photo by Philafrenzy, Royal Philatelic Society London collection, from Wikimedia Commons, &amp;ldquo;Royal Philatelic Society London committee voting box 1880s&amp;rdquo; (CC BY-SA 4.0)&lt;/p&gt;
&lt;p&gt;The box of the Royal Philatelic Society London (RPSL) from the late 19th century was used to elect committee members. According to the Society&amp;rsquo;s description, a Victorian box normally had one drawer into which white (yes) or black (no) balls were put, to be counted later. This box uses only black balls, and the vote is divided by whether the ball is dropped into the left or the right drawer. The opening is large enough to admit a hand up to the wrist.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ancient-pebble-voting/images/club-ballot-box-balls.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ancient-pebble-voting/images/club-ballot-box-balls.jpg&#34; width=&#34;600&#34; height=&#34;412&#34; srcset=&#34;https://visualizing.jp/ancient-pebble-voting/images/club-ballot-box-balls_hu_60d37f90d228288c.jpg 480w, https://visualizing.jp/ancient-pebble-voting/images/club-ballot-box-balls_hu_613d54e49c254b6c.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A receiving slot on top of a red wooden box, a compartment holding white balls, and a drawer pulled out at the front&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A receiving slot on top of a red wooden box, a compartment holding white balls, and a drawer pulled out at the front&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Smithsonian National Museum of American History (exhibition &amp;ldquo;Vote: The Machinery of Democracy&amp;rdquo;), from Wikimedia Commons, &amp;ldquo;Ballotboxballs.jpg&amp;rdquo; (public domain)&lt;/p&gt;
&lt;p&gt;dataphys.org writes that when the box was opened, everyone could see the result at once. In Mackey&amp;rsquo;s procedure, the box is viewed by three officers and the result is conveyed orally. When the white-and-black-ball box began is also something that the sources used here could not establish.&lt;/p&gt;
&lt;h2 id=&#34;how-third-parties-have-seen-this-voting&#34;&gt;How Third Parties Have Seen This Voting
&lt;/h2&gt;&lt;p&gt;Boegehold&amp;rsquo;s 1963 paper placed the pebble first as a tool for counting, before it was a tool for secrecy.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;the men who first conceived of polling an assembly needed to have an accurate count before the more sophisticated notion of perverting the count occurred to them.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;His conclusion is that the people who first thought of taking a vote needed an accurate count before the more elaborate idea of corruption occurred to them. He also notes that the 5th-century BC &amp;ldquo;two urns and one pebble&amp;rdquo; and the 4th-century BC &amp;ldquo;two tokens and two urns&amp;rdquo; have been confused.&lt;/p&gt;
&lt;p&gt;The 2026 paper by Carbon, Isager, and Pedersen states that accurate vote counts seem to have come only from secret ballots in which the votes were counted. The Assembly normally voted by show of hands, and cases in which vote counts survive in inscriptions are few, mostly from the Hellenistic period onward. To the view that the pebble was a &amp;ldquo;countable vote,&amp;rdquo; they add a limit on the settings in which it was used.&lt;/p&gt;
&lt;p&gt;Annelisa Stephan of the Getty introduced the cup in a 2012 article as &amp;ldquo;one of the earliest depictions of voting in art.&amp;rdquo; She also notes that the pebble, &lt;em&gt;psephos&lt;/em&gt;, is the root of &lt;em&gt;psephology&lt;/em&gt; (the study of elections), and that &lt;em&gt;ballot&lt;/em&gt; comes from the medieval French &lt;em&gt;ballotte&lt;/em&gt; (a small ball).&lt;/p&gt;
&lt;h2 id=&#34;uses&#34;&gt;Uses
&lt;/h2&gt;&lt;p&gt;The first is assigning a single vote a different way of showing at each stage. What was needed at the time of voting was secrecy, and the discs looked the same. What was needed at the time of counting was an appearance that the litigants could accept, and the same discs were stood on a board and laid out. This can be read as an example of changing the property used between input and display.&lt;/p&gt;
&lt;p&gt;The second is choosing the form to suit the task of reading. The counting board is an arrangement for comparing two numbers, and the society&amp;rsquo;s box is built to judge &amp;ldquo;is even one black present?&amp;rdquo; In data physicalization too, deciding first what the viewer is to judge makes it easier to decide whether to use color, position, or shape.&lt;/p&gt;
&lt;p&gt;The third is checking where a well-known explanation comes from. &amp;ldquo;White means yes, black means no&amp;rdquo; seems to be told in a way that overlaps not with Athenian sources but with a Roman poem (guilty / not guilty) and with the white and black balls of later societies. Writing about an old case by separating which period and which source it comes from keeps one from mixing up the correspondence between the properties of objects and their meanings.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Aristotle, &lt;em&gt;The Constitution of the Athenians&lt;/em&gt;, ch. 68 (Rackham translation, Perseus): &lt;a class=&#34;link&#34; href=&#34;https://www.perseus.tufts.edu/hopper/text?doc=Perseus%3Atext%3A1999.01.0046%3Achapter%3D68&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.perseus.tufts.edu/hopper/text?doc=Perseus%3Atext%3A1999.01.0046%3Achapter%3D68&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Same, ch. 69 (Rackham translation, Perseus): &lt;a class=&#34;link&#34; href=&#34;https://www.perseus.tufts.edu/hopper/text?doc=Perseus%3Atext%3A1999.01.0046%3Achapter%3D69&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.perseus.tufts.edu/hopper/text?doc=Perseus%3Atext%3A1999.01.0046%3Achapter%3D69&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Same (Kenyon translation, MIT Internet Classics Archive): &lt;a class=&#34;link&#34; href=&#34;https://classics.mit.edu/Aristotle/athenian_const.mb.txt&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://classics.mit.edu/Aristotle/athenian_const.mb.txt&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;American School of Classical Studies at Athens, Agora Excavations, B 728: &lt;a class=&#34;link&#34; href=&#34;https://agora.ascsa.net/id/agora/object/b%20728&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://agora.ascsa.net/id/agora/object/b%20728&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Same, B 1055: &lt;a class=&#34;link&#34; href=&#34;https://agora.ascsa.net/id/agora/object/b%201055&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://agora.ascsa.net/id/agora/object/b%201055&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Same, Agora Image 2007.10.0080 (photo by Craig Mauzy): &lt;a class=&#34;link&#34; href=&#34;https://agora.ascsa.net/id/agora/image/2007.10.0080&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://agora.ascsa.net/id/agora/image/2007.10.0080&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;J. Paul Getty Museum, &amp;ldquo;Wine Cup with the Suicide of Ajax&amp;rdquo; (86.AE.286, Google Arts &amp;amp; Culture): &lt;a class=&#34;link&#34; href=&#34;https://artsandculture.google.com/asset/wine-cup-with-the-suicide-of-ajax/tAEB2kodFlg3DA?hl=en&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://artsandculture.google.com/asset/wine-cup-with-the-suicide-of-ajax/tAEB2kodFlg3DA?hl=en&lt;/a&gt; (object page: &lt;a class=&#34;link&#34; href=&#34;https://www.getty.edu/art/collection/object/103W7A&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.getty.edu/art/collection/object/103W7A&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Ovid, &lt;em&gt;Metamorphoses&lt;/em&gt;, book 15 (Latin, Perseus): &lt;a class=&#34;link&#34; href=&#34;https://www.perseus.tufts.edu/hopper/text?doc=Perseus%3Atext%3A1999.02.0029%3Abook%3D15%3Acard%3D1&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.perseus.tufts.edu/hopper/text?doc=Perseus%3Atext%3A1999.02.0029%3Abook%3D15%3Acard%3D1&lt;/a&gt; (English translation: &lt;a class=&#34;link&#34; href=&#34;https://www.perseus.tufts.edu/hopper/text?doc=Perseus%3Atext%3A1999.02.0028%3Abook%3D15%3Acard%3D1&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.perseus.tufts.edu/hopper/text?doc=Perseus%3Atext%3A1999.02.0028%3Abook%3D15%3Acard%3D1&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;&lt;em&gt;The Constitutions of the Free-Masons&lt;/em&gt;, 1723 edition, General Regulations VI (full text): &lt;a class=&#34;link&#34; href=&#34;https://distantreader.org/stacks/trust/uc2/uc2_ark&amp;#43;=13960=t6ww7bd0n.txt&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://distantreader.org/stacks/trust/uc2/uc2_ark+=13960=t6ww7bd0n.txt&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Encyclopedia Masonica (text of Mackey&amp;rsquo;s encyclopedia), &amp;ldquo;Ballot&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://www.universalfreemasonry.org/en/entry/ballot&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.universalfreemasonry.org/en/entry/ballot&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Same, &amp;ldquo;Ballot-box&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://www.universalfreemasonry.org/en/entry/ballot-box&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.universalfreemasonry.org/en/entry/ballot-box&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Royal Philatelic Society London, &amp;ldquo;The Ballot Box&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://www.rpsl.org.uk/Museum/Explore/U3A-Project/emodule/798/egallery/28&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.rpsl.org.uk/Museum/Explore/U3A-Project/emodule/798/egallery/28&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;dataphys.org, &amp;ldquo;500 BC – Pebble Voting&amp;rdquo; (added by Pierre Dragicevic): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/visualizing-opinions-with-pebbles/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/visualizing-opinions-with-pebbles/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wikimedia Commons, &amp;ldquo;AGMA Jetons vote.jpg&amp;rdquo; (Marsyas (contributor), CC BY-SA 2.5): &lt;a class=&#34;link&#34; href=&#34;https://commons.wikimedia.org/wiki/File:AGMA_Jetons_vote.jpg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://commons.wikimedia.org/wiki/File:AGMA_Jetons_vote.jpg&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wikimedia Commons, &amp;ldquo;Royal Philatelic Society London committee voting box 1880s.jpg&amp;rdquo; (Philafrenzy, CC BY-SA 4.0): &lt;a class=&#34;link&#34; href=&#34;https://commons.wikimedia.org/wiki/File:Royal_Philatelic_Society_London_committee_voting_box_1880s.jpg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://commons.wikimedia.org/wiki/File:Royal_Philatelic_Society_London_committee_voting_box_1880s.jpg&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wikimedia Commons, &amp;ldquo;Ballotboxballs.jpg&amp;rdquo; (public domain): &lt;a class=&#34;link&#34; href=&#34;https://commons.wikimedia.org/wiki/File:Ballotboxballs.jpg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://commons.wikimedia.org/wiki/File:Ballotboxballs.jpg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Alan L. Boegehold, &amp;ldquo;Toward a Study of Athenian Voting Procedure,&amp;rdquo; &lt;em&gt;Hesperia&lt;/em&gt; 32(4), 1963, pp. 366–374: &lt;a class=&#34;link&#34; href=&#34;https://www.ascsa.edu.gr/uploads/media/hesperia/147360.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.ascsa.edu.gr/uploads/media/hesperia/147360.pdf&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Jan-Mathieu Carbon, Signe Isager, Poul Pedersen, &amp;ldquo;Vote Counts, Quorum, and Unanimous Decisions at Halikarnassos,&amp;rdquo; &lt;em&gt;C&amp;amp;M Supplementum&lt;/em&gt; 4, 2026, pp. 177–201: &lt;a class=&#34;link&#34; href=&#34;https://tidsskrift.dk/classicaetmediaevalia/article/download/169641/210370/380240&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://tidsskrift.dk/classicaetmediaevalia/article/download/169641/210370/380240&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Annelisa Stephan, &amp;ldquo;Voting with the Ancient Greeks,&amp;rdquo; Getty, 2012-11-06: &lt;a class=&#34;link&#34; href=&#34;https://www.getty.edu/news/voting-with-the-ancient-greeks/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.getty.edu/news/voting-with-the-ancient-greeks/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Wikipedia, &amp;ldquo;Blackballing&amp;rdquo; (as a supplement): &lt;a class=&#34;link&#34; href=&#34;https://en.wikipedia.org/wiki/Blackballing&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://en.wikipedia.org/wiki/Blackballing&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>One IKEA Box for a Billion People: Hans Rosling&#39;s Physical Visualizations</title>
        <link>https://visualizing.jp/en/rosling-physical-visualizations/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/rosling-physical-visualizations/</guid>
        <description>&lt;img src="https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-ikea-boxes.jpg" alt="Featured image of post One IKEA Box for a Billion People: Hans Rosling&#39;s Physical Visualizations" /&gt;&lt;p&gt;On June 21, 2010, at TED@Cannes in Cannes, Hans Rosling represented the world&amp;rsquo;s population with boxes, using the rule &amp;ldquo;one IKEA box = one billion people.&amp;rdquo; He lined the boxes up horizontally along levels of income and moved them by hand as the years advanced: 1960, 2010, 2050. In the second half of the same talk, from 6:08, he switched to an animated bubble chart on the screen.&lt;/p&gt;
&lt;p&gt;The source is the transcript of the talk &amp;ldquo;Global population growth, box by box&amp;rdquo; (9 min 47 s), published by TED. dataphys.org, a catalog of physical visualizations collected by researchers, treats this talk as the starting point and gathers the later talks and videos in which Rosling used physical objects into a single entry. The entry was submitted by Pierre Dragicevic and Yvonne Jansen. Below, I follow the 2010 talk in chronological order and cover the later examples only to the extent they could be confirmed.&lt;/p&gt;
&lt;h2 id=&#34;june-2010-ikea-boxes-on-the-stage-in-cannes&#34;&gt;June 2010: IKEA boxes on the stage in Cannes
&lt;/h2&gt;&lt;p&gt;Rosling was a Swedish physician, a professor of international health at the Karolinska Institute, and a co-founder of Gapminder. According to dataphys, the technology and staging of the talk were handled by his son, Ola Rosling.&lt;/p&gt;
&lt;p&gt;The 2010 talk begins with a joke.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I&amp;rsquo;m going to talk now about how world population has changed from that year and into the future, but I will not use digital technology, as I&amp;rsquo;ve done during my first five TEDTalks. Instead, I have progressed, and I am, today, launching a brand new analog teaching technology that I picked up from IKEA: this box.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The preamble: he used digital technology in his first five TED talks, but today he will use a &amp;ldquo;new analog teaching technology&amp;rdquo; he found at IKEA, namely this box.&lt;/p&gt;
&lt;p&gt;He then says, &amp;ldquo;This box contains one billion people,&amp;rdquo; and recreates the world of 1960 as he heard about it from a schoolteacher. The developed countries hold one billion people and the developing countries two billion. Families in the developed countries save up to buy a Volvo; families in the developing countries save for the day&amp;rsquo;s food and for a single pair of shoes. What a family wants to get becomes the marker for where a box is placed.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-ikea-boxes.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-ikea-boxes.jpg&#34; width=&#34;2880&#34; height=&#34;1620&#34; srcset=&#34;https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-ikea-boxes_hu_7e21fd8aaa46c6b1.jpg 480w, https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-ikea-boxes_hu_774eabd7f5bc8498.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Rosling in front of a screen reading 2010, speaking beside a pile of yellow-green boxes and a blue box, with miniature sandals, a car, and an airplane&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Rosling in front of a screen reading 2010, speaking beside a pile of yellow-green boxes and a blue box, with miniature sandals, a car, and an airplane&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: TED, &amp;ldquo;Global population growth, box by box&amp;rdquo;&lt;/p&gt;
&lt;h2 id=&#34;moving-the-boxes-from-1960-to-2050&#34;&gt;Moving the boxes from 1960 to 2050
&lt;/h2&gt;&lt;p&gt;A box&amp;rsquo;s horizontal position is a level of living. Small objects mark the levels: shoes, a bicycle, a car, an airplane. infosthetics (July 2010) describes these as &amp;ldquo;miniature icons of living conditions.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Advancing to 2010, there are seven boxes, because four billion people were added in 50 years. The West&amp;rsquo;s one billion moves to the airplane position. The developing countries that have grown move to the car position. The biggest pile is the three billion at the bicycle position. And at the shoe position, two billion people remain, about as poor as they were 50 years earlier. Rosling says:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;But there is a continuous world from walking, biking, driving, flying &amp;ndash; there are people on all levels, and most people tend to be somewhere in the middle.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short: the world is continuous from walking through biking and driving to flying, and most people are somewhere in the middle.&lt;/p&gt;
&lt;p&gt;He moves the boxes for the 2050 outlook as well. China and others move to the airplane position. The poorest two billion grow to three or four billion. But if they escape poverty and children survive, population growth stops in 2050. The number and position of the boxes show this conditional outlook.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-boxes-2050.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-boxes-2050.jpg&#34; width=&#34;600&#34; height=&#34;300&#34; srcset=&#34;https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-boxes-2050_hu_64c3c32a2159b1f9.jpg 480w, https://visualizing.jp/rosling-physical-visualizations/images/ted-cannes-2010-boxes-2050_hu_77349424c87a3dc8.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Rosling leaning in behind miniature bicycle, car, and airplane models, in front of a screen reading 2050, with yellow-green boxes stacked on a blue box&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Rosling leaning in behind miniature bicycle, car, and airplane models, in front of a screen reading 2050, with yellow-green boxes stacked on a blue box&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: TED (talk video) / dataphys.org, &amp;ldquo;Hans Rosling Adopts Physical Visualizations&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The colors of the boxes carry meaning too. At the end of the talk, Rosling calls the developed countries &amp;ldquo;this blue box.&amp;rdquo; The CHI 2015 paper by Jansen et al. describes this scene as &amp;ldquo;rich countries = blue box, poor countries = green box.&amp;rdquo;&lt;/p&gt;
&lt;h2 id=&#34;at-608-the-bubble-chart-on-the-screen&#34;&gt;At 6:08, the bubble chart on the screen
&lt;/h2&gt;&lt;p&gt;In the second half of the talk, Rosling moves from the boxes to the screen.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;And let me show you why by converting back to the old-time digital technology. Here I have on the screen my country bubbles. Every bubble is a country. The size is population.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;He says he will show why this happens using &amp;ldquo;old-time digital technology,&amp;rdquo; turning the opening joke around. Each bubble on the screen is one country; its size is population and its color is continent. The vertical axis is the number of children per woman, and the horizontal axis is the share of children who survive to school age. Advancing the years from 1960, the motion shows child survival rising and family sizes shrinking.&lt;/p&gt;
&lt;p&gt;At 7:47, Rosling ties the boxes to the bubbles.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Can you see the poorest billion, those [two] boxes I had over here? They are still up here.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The point: the boxes of the poorest people, which he placed over there earlier, are still up here (at the position with many children). His conclusion was that raising child survival to 90% is the only way to stop population growth.&lt;/p&gt;
&lt;p&gt;Putting the encodings of the first and second halves side by side gives the following.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;First half: IKEA boxes&lt;/th&gt;
          &lt;th&gt;Second half: bubble chart&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;What one mark represents&lt;/td&gt;
          &lt;td&gt;One billion people&lt;/td&gt;
          &lt;td&gt;One country&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Quantity&lt;/td&gt;
          &lt;td&gt;Number of boxes&lt;/td&gt;
          &lt;td&gt;Bubble size (population)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Horizontal position&lt;/td&gt;
          &lt;td&gt;Level of living (marked by small objects: shoes, bicycle, car, airplane)&lt;/td&gt;
          &lt;td&gt;Child survival rate&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Vertical position&lt;/td&gt;
          &lt;td&gt;None (boxes at the same level are stacked)&lt;/td&gt;
          &lt;td&gt;Children per woman&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Color&lt;/td&gt;
          &lt;td&gt;Blue = developed (rich) countries, green = poor countries (as described in the CHI 2015 paper)&lt;/td&gt;
          &lt;td&gt;Continent&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Time&lt;/td&gt;
          &lt;td&gt;Boxes moved by hand (1960 → 2010 → 2050)&lt;/td&gt;
          &lt;td&gt;Animation (1960 → present)&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;What the boxes in the first half show is the magnitude and composition: how many billions of people are at which level. The bubbles in the second half track 50 years of change country by country along two axes. Within a single talk, he can be read as &lt;strong&gt;dividing the roles between the physical visualization and the animation&lt;/strong&gt;. The sentence at 7:47 can be read as a bridge that hands the &amp;ldquo;billion-person blocks&amp;rdquo; counted in the first half over to the cloud of country dots in the second.&lt;/p&gt;
&lt;h2 id=&#34;later-boxes-and-other-materials&#34;&gt;Later boxes, and other materials
&lt;/h2&gt;&lt;p&gt;dataphys&amp;rsquo;s description begins with stacking IKEA boxes in 2010 and says that he later &amp;ldquo;switched&amp;rdquo; to pebbles, building toys, juice, snowballs, and toilet paper. He did not, however, give up boxes.&lt;/p&gt;
&lt;p&gt;On April 16, 2012, at TEDxSummit in Doha, Qatar, Rosling gave &amp;ldquo;Religions and babies.&amp;rdquo; This time the order is reversed. At 2:20 he shows the bubble chart first and changes the color to &amp;ldquo;the majority religion of each country.&amp;rdquo; The boxes appear at 10:25.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I will use these card boxes in which your notebooks came. They are quite useful for educational purposes. Each card box is one billion people.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;He declares that he will use the cardboard boxes the notebooks handed out at the venue came in, with one box standing for one billion people. The boxes are stacked vertically by age group: 0 to 15 years, two billion; 15 to 30, two billion; 30 to 45, one billion; 45 to 60, almost one billion; 60 and over, one billion. Rosling notes, &amp;ldquo;These are rounded numbers.&amp;rdquo; The roughly three billion people missing from the upper age groups will fill in over time. He calls this &amp;ldquo;the big fill-up&amp;rdquo; and says the world will reach 10 billion.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/rosling-physical-visualizations/images/tedxsummit-2012-card-boxes.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/rosling-physical-visualizations/images/tedxsummit-2012-card-boxes.jpg&#34; width=&#34;800&#34; height=&#34;600&#34; srcset=&#34;https://visualizing.jp/rosling-physical-visualizations/images/tedxsummit-2012-card-boxes_hu_4785102551e12d8a.jpg 480w, https://visualizing.jp/rosling-physical-visualizations/images/tedxsummit-2012-card-boxes_hu_372cba7494e47af8.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Rosling on the TEDxSummit stage, lifting the top box of a vertical stack of cardboard boxes&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Rosling on the TEDxSummit stage, lifting the top box of a vertical stack of cardboard boxes&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: TED, &amp;ldquo;Religions and babies&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Here is a summary of how each material was used, as far as could be confirmed.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Material&lt;/th&gt;
          &lt;th&gt;Occasion&lt;/th&gt;
          &lt;th&gt;What one piece represents&lt;/th&gt;
          &lt;th&gt;Second variable&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;IKEA storage box&lt;/td&gt;
          &lt;td&gt;TED@Cannes, 2010&lt;/td&gt;
          &lt;td&gt;One billion people&lt;/td&gt;
          &lt;td&gt;Horizontal position = level of living&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Cardboard box&lt;/td&gt;
          &lt;td&gt;TEDxSummit (Doha), 2012&lt;/td&gt;
          &lt;td&gt;One billion people&lt;/td&gt;
          &lt;td&gt;Vertical stacking = age group&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Stones&lt;/td&gt;
          &lt;td&gt;Interview during TEDxSummit, 2012&lt;/td&gt;
          &lt;td&gt;Not confirmed&lt;/td&gt;
          &lt;td&gt;Income levels compared by means of transport&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;LEGO (DUPLO) blocks and buttons&lt;/td&gt;
          &lt;td&gt;The Guardian video, 2013&lt;/td&gt;
          &lt;td&gt;Not confirmed&lt;/td&gt;
          &lt;td&gt;Not confirmed&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Toilet paper&lt;/td&gt;
          &lt;td&gt;No specific talk or program identified&lt;/td&gt;
          &lt;td&gt;One billion people (as described by an eyewitness)&lt;/td&gt;
          &lt;td&gt;Age group (as described by an eyewitness)&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;The stone example was improvised in an interview setting during TEDxSummit, and Herbert Reininger posted a video of under a minute on YouTube.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/rosling-physical-visualizations/images/doha-2012-stones.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/rosling-physical-visualizations/images/doha-2012-stones.jpg&#34; width=&#34;1280&#34; height=&#34;720&#34; srcset=&#34;https://visualizing.jp/rosling-physical-visualizations/images/doha-2012-stones_hu_1b131b685d3ac933.jpg 480w, https://visualizing.jp/rosling-physical-visualizations/images/doha-2012-stones_hu_6251cad2aa157f54.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A hand arranging white stones on a tiled ground, with a black stone set to the side&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A hand arranging white stones on a tiled ground, with a black stone set to the side&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Herbert Reininger (YouTube video) / dataphys.org, &amp;ldquo;Hans Rosling Adopts Physical Visualizations&amp;rdquo;&lt;/p&gt;
&lt;p&gt;In a The Guardian video of May 17, 2013, he uses LEGO blocks to explain population growth, child mortality, and CO2 emissions, according to the video&amp;rsquo;s description. The correspondence between the blocks and the numbers has not been confirmed. dataphys also lists a LEGO video from the Brookings Institution as part of the same stream as Rosling&amp;rsquo;s storytelling (&lt;a class=&#34;link&#34; href=&#34;https://visualizing.jp/brookings-lego-data-stories/&#34; &gt;related article&lt;/a&gt;).&lt;/p&gt;
&lt;p&gt;For toilet paper, a blog post by Statistics Finland (2020) describes a scene in which one roll stood for one billion people, stacked by age group. But which talk or program the scene comes from has not been identified. Snowballs appear in the title of a January 2015 BBC Newsnight video, but what they represented has not been confirmed. Juice is said to have been used by dataphys and others, but the scene and what it represented have not been identified.&lt;/p&gt;
&lt;p&gt;What the confirmed examples have in common can be read as this: count one piece as one billion people, and let position carry a second variable. They can be read as visualizations that convey magnitude and composition rather than exact values.&lt;/p&gt;
&lt;h2 id=&#34;how-did-third-parties-see-these-demonstrations&#34;&gt;How did third parties see these demonstrations?
&lt;/h2&gt;&lt;p&gt;For a researchers&amp;rsquo; placement of the work, there is the paper &amp;ldquo;Opportunities and Challenges for Data Physicalization&amp;rdquo; (CHI 2015) by Jansen, Dragicevic, Petra Isenberg, and others. In its Figure 2, the paper cites Rosling&amp;rsquo;s boxes as an example of a physicalization &amp;ldquo;updated by hand.&amp;rdquo; On the left of the same figure is &lt;a class=&#34;link&#34; href=&#34;https://visualizing.jp/gm-lego-quality-board/&#34; &gt;a quality board built from LEGO by a GM engineer&lt;/a&gt;.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;His physicalizations are useful and effective in communicating information which individuals may find difficult to comprehend due to unfamiliar magnitudes and scales. It can also carry a shock value.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The assessment: they help convey unfamiliar magnitudes and can also carry a shock value. The paper goes on to say that the strength of Rosling&amp;rsquo;s physicalizations lies in their &amp;ldquo;pedagogical and persuasive power,&amp;rdquo; which conventional evaluation by time or error count cannot measure. This points to the need for a different yardstick than &lt;a class=&#34;link&#34; href=&#34;https://visualizing.jp/evaluating-physical-visualizations/&#34; &gt;the experiment that compared real bar charts on speed&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;The visualization researcher Robert Kosara wrote a tribute on eagereyes on February 7, 2017, after Rosling&amp;rsquo;s death.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Rosling demonstrated the importance of a human voice in visualization. He also used props: apples, rolls of toilet paper – he even swallowed a sword. This is how you make people watch, and this is how you leave an impression.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The assessment: props are a means of making people watch and leaving an impression. Kosara reads Rosling as someone who opened up visualization for explaining, teaching, and entertaining.&lt;/p&gt;
&lt;p&gt;There are also assessments that include criticism. On an NPR program on February 11, 2017, the Stanford mathematician Keith Devlin acknowledged the power of animation to overturn how we see the world. He then pointed to the risk that it is taken to mean &amp;ldquo;don&amp;rsquo;t worry,&amp;rdquo; and to problems when the data are used for prediction. This is an assessment of animated charts, not of the boxes.&lt;/p&gt;
&lt;h2 id=&#34;uses&#34;&gt;Uses
&lt;/h2&gt;&lt;p&gt;Rosling told the dataphys editors:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;physical props reach the mind of a large part of the public because thats how you represent data in daily life at the kitchen table, at the cafe and in the bar.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In other words: physical props reach many people because that is how people ordinarily represent data, at the kitchen table, at the cafe, and in the bar.&lt;/p&gt;
&lt;p&gt;Three things can be carried back into visualization work.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Fix one unit and declare it. If you say at the start, &amp;ldquo;this box is one billion,&amp;rdquo; the audience can follow the magnitude of the world&amp;rsquo;s population just by counting boxes.&lt;/li&gt;
&lt;li&gt;Give the second variable to position, and only one. In 2010 the horizontal position carried income; in 2012 the vertical stacking carried age group. With small-object markers, the levels are clear without reading axis ticks.&lt;/li&gt;
&lt;li&gt;Divide the roles between objects and the screen. Show the overall magnitude and composition with boxes, and leave country-by-country change to the bubble chart. As at 7:47, pointing within the later chart to the objects from the first half connects the two representations.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Physical visualizations are not suited to reading fine values. Rosling can be read as having chosen the coarseness of billion-person units and handing the fine changes over to the screen.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;dataphys.org, &amp;ldquo;2010 – Hans Rosling Adopts Physical Visualizations&amp;rdquo; (submitted by Pierre Dragicevic and Yvonne Jansen). &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/hans-rosling-adopts-physical-visualizations/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/hans-rosling-adopts-physical-visualizations/&lt;/a&gt; (tag list: &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/tags/ted/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/tags/ted/&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Hans Rosling, &amp;ldquo;Global population growth, box by box,&amp;rdquo; TED@Cannes, recorded 2010-06-21. Transcript: &lt;a class=&#34;link&#34; href=&#34;https://www.ted.com/talks/hans_rosling_global_population_growth_box_by_box/transcript&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.ted.com/talks/hans_rosling_global_population_growth_box_by_box/transcript&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Hans Rosling, &amp;ldquo;Religions and babies,&amp;rdquo; TEDxSummit (Doha), recorded 2012-04-16. Transcript: &lt;a class=&#34;link&#34; href=&#34;https://www.ted.com/talks/hans_rosling_religions_and_babies/transcript&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.ted.com/talks/hans_rosling_religions_and_babies/transcript&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;TED, list of talks by Hans Rosling. &lt;a class=&#34;link&#34; href=&#34;https://www.ted.com/speakers/hans_rosling&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.ted.com/speakers/hans_rosling&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Gapminder, &amp;ldquo;History of Gapminder.&amp;rdquo; &lt;a class=&#34;link&#34; href=&#34;https://www.gapminder.org/about/about-gapminder/history/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.gapminder.org/about/about-gapminder/history/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;The Guardian, &amp;ldquo;Population growth and climate change explained by Hans Rosling,&amp;rdquo; 2013-05-17. &lt;a class=&#34;link&#34; href=&#34;https://www.theguardian.com/global-development/video/2013/may/17/population-climate-change-hans-rosling-video&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.theguardian.com/global-development/video/2013/may/17/population-climate-change-hans-rosling-video&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Herbert Reininger, &amp;ldquo;Hans Rosling&amp;rsquo;s shortest TED talk,&amp;rdquo; YouTube. &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=UNs-ziziPyo&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/watch?v=UNs-ziziPyo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;BBC Newsnight, &amp;ldquo;Hans Rosling on global income disparity (and snowballs),&amp;rdquo; YouTube, 2015. &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=DoSTNRhoceY&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/watch?v=DoSTNRhoceY&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Yvonne Jansen, Pierre Dragicevic, Petra Isenberg, et al., &amp;ldquo;Opportunities and Challenges for Data Physicalization,&amp;rdquo; CHI 2015. &lt;a class=&#34;link&#34; href=&#34;https://eprints.lancs.ac.uk/id/eprint/72691/1/OA_2015_04_CHI_DataPhys.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://eprints.lancs.ac.uk/id/eprint/72691/1/OA_2015_04_CHI_DataPhys.pdf&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Robert Kosara, &amp;ldquo;Hans Rosling: An Appreciation,&amp;rdquo; eagereyes, 2017-02-07. &lt;a class=&#34;link&#34; href=&#34;https://eagereyes.org/blog/2017/hans-rosling-an-appreciation&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://eagereyes.org/blog/2017/hans-rosling-an-appreciation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Keith Devlin, NPR Weekend Edition, 2017-02-11 (reprinted by WUSF). &lt;a class=&#34;link&#34; href=&#34;https://www.wusf.org/2017-02-11/remembering-the-edutainer-who-made-statistics-come-to-life&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.wusf.org/2017-02-11/remembering-the-edutainer-who-made-statistics-come-to-life&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;infosthetics, &amp;ldquo;More Recent Talks from Hans Rosling (with Original Physical Props),&amp;rdquo; 2010-07-19. &lt;a class=&#34;link&#34; href=&#34;https://infosthetics.com/archives/2010/07/more_recent_talks_from_hans_rosling_with_original_physical_props.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://infosthetics.com/archives/2010/07/more_recent_talks_from_hans_rosling_with_original_physical_props.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Tilastokeskus (Statistics Finland), Tieto&amp;amp;trendit blog, 2020-03-18 (in Finnish). &lt;a class=&#34;link&#34; href=&#34;https://stat.fi/tietotrendit/blogit/2020/kayttoa-vessapaperille-kotiopetuksessa&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://stat.fi/tietotrendit/blogit/2020/kayttoa-vessapaperille-kotiopetuksessa&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;NPR Goats and Soda, 2017-02-08. &lt;a class=&#34;link&#34; href=&#34;https://www.npr.org/sections/goatsandsoda/2017/02/08/514074090/video-edutainer-hans-rosling-who-taught-us-about-the-world-has-died&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.npr.org/sections/goatsandsoda/2017/02/08/514074090/video-edutainer-hans-rosling-who-taught-us-about-the-world-has-died&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>Showing Web Activity with Four Bars That Rise and Fall on a Table: Wable</title>
        <link>https://visualizing.jp/en/wable-physical-bar-chart/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/wable-physical-bar-chart/</guid>
        <description>&lt;img src="https://visualizing.jp/wable-physical-bar-chart/images/wable-table-four-bars.jpg" alt="Featured image of post Showing Web Activity with Four Bars That Rise and Fall on a Table: Wable" /&gt;&lt;p&gt;Wable was a prototype table that showed activity on web services through the height of bars that raise and lower automatically. There are four bars, and they move up and down according to activity on services such as Plazes, Flickr and Last.fm. The activity is pulled in through RSS feeds. According to infosthetics, the display can be configured in a web application. It was made by Physical Interaction Lab, built in 2007 and made public in February 2008.&lt;/p&gt;
&lt;p&gt;The project&amp;rsquo;s official page no longer loads. What follows relies on the text of the official site as quoted by the data physicalization catalog dataphys.org and others, on the press coverage of February 2008 (infosthetics, Core77, Engadget, GeekAlerts), and on the research paper &amp;ldquo;Physecology&amp;rdquo; (2022). I have found no source that describes the mechanism, the dimensions, or the scale of the bars. This article does not go into those either.&lt;/p&gt;
&lt;h2 id=&#34;february-2008-reported-as-a-bar-chart-in-a-coffee-table&#34;&gt;February 2008: reported as a bar chart in a coffee table
&lt;/h2&gt;&lt;p&gt;The first to report on it was the visualization blog information aesthetics (infosthetics). Its article of February 1, 2008, filed under &amp;ldquo;aesthetic / physical&amp;rdquo;, introduced it in one sentence:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;a physical bar graph integrated in a coffee table, which visualizes the changes of one&amp;rsquo;s web identity over time, &amp;amp; creates a physical link between your virtual &amp;amp; real identity.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: a physical bar graph built into a coffee table that shows how one&amp;rsquo;s web identity changes over time and physically links the virtual and real identities.&lt;/p&gt;
&lt;p&gt;On the same day, the design magazine Core77 covered it as a coffee-table piece, &amp;ldquo;via infosthetics&amp;rdquo;. On February 2, Engadget ran a post &amp;ldquo;Via Core77&amp;rdquo;, and GeekAlerts also published an article.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/wable-physical-bar-chart/images/wable-table-four-bars.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/wable-physical-bar-chart/images/wable-table-four-bars.jpg&#34; width=&#34;678&#34; height=&#34;271&#34; srcset=&#34;https://visualizing.jp/wable-physical-bar-chart/images/wable-table-four-bars_hu_2922e5b3f9ba1d7.jpg 480w, https://visualizing.jp/wable-physical-bar-chart/images/wable-table-four-bars_hu_cd0446bb2988879c.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Photo of four prisms in green, purple, blue and orange standing at different heights on a black tabletop&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Photo of four prisms in green, purple, blue and orange standing at different heights on a black tabletop&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Physical Interaction Lab / GeekAlerts, &amp;ldquo;Wable – Cool Interactive Table&amp;rdquo;&lt;/p&gt;
&lt;p&gt;In the photo, the green bar is the tallest and the blue one the shortest.&lt;/p&gt;
&lt;p&gt;The year it was made is 2007 according to dataphys.org. The same photo is also reproduced on EduTech Wiki (University of Geneva) as &amp;ldquo;Wable, version 1 prototype&amp;rdquo;. The EXIF data of that image file records a digitization date of November 7, 2007 and a file modification date of December 30, 2007. It can be read as consistent with the press dates if the table was photographed and built between autumn and the end of 2007 and made public in early February 2008.&lt;/p&gt;
&lt;h2 id=&#34;the-makers-words-change-over-time-and-a-physical-link&#34;&gt;The makers&amp;rsquo; words: change over time, and a physical link
&lt;/h2&gt;&lt;p&gt;The makers&amp;rsquo; own text was on the official site of Physical Interaction Lab. Four sources (dataphys.org, Core77, GeekAlerts and EduTech Wiki) quote the same passage.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;The personal feeds from webapplications like Plazes, Flickr, and Last.fm tell much about the activity of an individual on the internet. In this project we aim to explore how you can visualize the changes of your web identity over time and create a physical link between your virtual and real identity. The interface consists of both a physical table and a web application. This direct feedback from your web identity is customizable and can be connected to any RSS feed.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: Personal feeds from web applications such as Plazes, Flickr and Last.fm say a lot about what a person does online. The project explores how to show the changes of a web identity over time and how to link the virtual and real identities physically. The interface has two parts, a physical table and a web application. The display is customizable and can be connected to any RSS feed.&lt;/p&gt;
&lt;p&gt;Plazes was a location-sharing service of the time, Flickr a photo service, and Last.fm a service for music listening history. Two aims are stated. One is to show &lt;strong&gt;how activity on the web changes over time&lt;/strong&gt;. The other is to link the virtual and real identities physically.&lt;/p&gt;
&lt;p&gt;The official site also carried a note:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;Update: What you see is the first prototype version of Wable. We are currently building version 2 so keep an eye on our blog or sign up below to find out when it&amp;rsquo;s released and ready for sale.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: What you see is the first prototype of Wable. Version 2 is being built, and the blog or the sign-up form will announce when it is released and ready for sale.&lt;/p&gt;
&lt;p&gt;What was shown publicly was the first prototype. Version 2 was under construction, with a sale in view. I have found no source saying whether version 2 ever appeared.&lt;/p&gt;
&lt;p&gt;Little is known about the makers. dataphys.org gives the source as &amp;ldquo;Physical Interaction Lab (2007). Wable.&amp;rdquo; and quotes the official text as &amp;ldquo;From the company&amp;rsquo;s website&amp;rdquo;, so it treats the Lab as a company. The video &amp;ldquo;Wable&amp;rdquo; on YouTube was uploaded by David Kjelkerud. The paper Physecology also lists the work in its references as &amp;ldquo;David Kjelkerud. 2007. Wable.&amp;rdquo; What role he had in the Lab, who else was involved, and where the Lab was located are not known.&lt;/p&gt;
&lt;p&gt;The official page (physicalinteractionlab.com/projects/wable) no longer loads. In a 2018 update, GeekAlerts added a note that it had removed the link because the page was no longer public.&lt;/p&gt;
&lt;h2 id=&#34;what-was-mapped-to-which-bar&#34;&gt;What was mapped to which bar
&lt;/h2&gt;&lt;p&gt;The correspondence between data and appearance is summarized in a table.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Appearance / material&lt;/th&gt;
          &lt;th&gt;What is known&lt;/th&gt;
          &lt;th&gt;What is not known&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;A person&amp;rsquo;s web services&lt;/td&gt;
          &lt;td&gt;Number and arrangement of bars. I read one bar as corresponding to one service&lt;/td&gt;
          &lt;td&gt;There are four bars (Engadget). The services named are Plazes, Flickr and Last.fm (official text)&lt;/td&gt;
          &lt;td&gt;Which service each of the four bars stands for&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Activity on each service&lt;/td&gt;
          &lt;td&gt;Height of the bar. It rises and falls automatically with the data&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;raise and lower automatically based on the activity&amp;rdquo; (Engadget). Physecology gives it as an example of countable data (online activity)&lt;/td&gt;
          &lt;td&gt;The scale of the heights, units, maximum, update interval&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Color of the bars&lt;/td&gt;
          &lt;td&gt;Material color, which does not change&lt;/td&gt;
          &lt;td&gt;Physecology gives it as an example of &amp;ldquo;fixed optical properties, such as material color&amp;rdquo;. In the photo: green, purple, blue and orange&lt;/td&gt;
          &lt;td&gt;Whether color was used to tell the series apart is not known. I read it as distinguishing the series. The mapping between colors and services is also unknown&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Time&lt;/td&gt;
          &lt;td&gt;A slider. Past activity is seen through the bars&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;explore personal online activity over time through a slider button&amp;rdquo; (Physecology)&lt;/td&gt;
          &lt;td&gt;The position of the slider, how far back it could go&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Data source and settings&lt;/td&gt;
          &lt;td&gt;A web application (screen)&lt;/td&gt;
          &lt;td&gt;Can be connected to any RSS feed (official text). infosthetics writes &amp;ldquo;a customizable web application&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;What the settings screen contained, how feeds are assigned to bars&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;dataphys.org classifies this work as an &amp;ldquo;Active physical visualization&amp;rdquo;. Its tags are extruded 2d, online community data, personal information management, pragmatic and self-actuated. Extruded 2d means a two-dimensional chart extruded in the height direction, and self-actuated means that the device moves by itself.&lt;/p&gt;
&lt;p&gt;A small component is visible at the front right of the tabletop in the photo. No source says whether it is the slider.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/wable-physical-bar-chart/images/wable-video-thumbnail.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/wable-physical-bar-chart/images/wable-video-thumbnail.jpg&#34; width=&#34;450&#34; height=&#34;360&#34; srcset=&#34;https://visualizing.jp/wable-physical-bar-chart/images/wable-video-thumbnail_hu_963005cf476e8bf8.jpg 480w, https://visualizing.jp/wable-physical-bar-chart/images/wable-video-thumbnail_hu_54af4cf7f8b92712.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Video thumbnail showing four prisms in purple, green, orange and blue standing on a table in front of a window&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Video thumbnail showing four prisms in purple, green, orange and blue standing on a table in front of a window&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: David Kjelkerud / YouTube, &amp;ldquo;Wable&amp;rdquo; (video thumbnail)&lt;/p&gt;
&lt;p&gt;In the video thumbnail, four prisms stand on a table in front of a window. The shooting angle and the combination of heights differ from the photo above, and the blue bar looks clearly taller than in the photo above. The difference in heights between the two images can be read as consistent with the reports that the bars move up and down. The video is available on the YouTube page for &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=e6G5YlICVRg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&amp;ldquo;Wable&amp;rdquo;&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;From here on, these are my own readings. In that quantity is shown by length (height) and series by position and color, the encoding can be read as a textbook bar chart. Making it physical adds two things. The bars move by themselves, so change over time is seen as motion. And the bars sit inside a piece of furniture, so they &lt;strong&gt;catch the eye without opening a screen&lt;/strong&gt;, as I read it.&lt;/p&gt;
&lt;h2 id=&#34;how-third-parties-saw-this-table&#34;&gt;How third parties saw this table
&lt;/h2&gt;&lt;p&gt;Contemporary press, blog readers and later research each looked at a different aspect.&lt;/p&gt;
&lt;p&gt;Darren Murph of Engadget kept his distance in his article of February 2, 2008. The headline, &amp;ldquo;Wable graphically represents web activity, ain&amp;rsquo;t much of a table&amp;rdquo;, means that it is not much of a table.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;This unique &amp;ldquo;table,&amp;rdquo; as it were, sports four bars that raise and lower automatically based on the activity from web applications such as Plazes, Flickr and Last.fm. Beyond that, it doesn&amp;rsquo;t seem to add too much more value to one&amp;rsquo;s life, but if it&amp;rsquo;s the simple things that keep you smiling, check out a remarkably unremarkable video of it after the jump.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: This &amp;ldquo;table&amp;rdquo; has four bars that rise and fall automatically with activity from Plazes, Flickr and Last.fm. It does not seem to add much value to one&amp;rsquo;s life, but if simple things make you smile, watch the remarkably unremarkable video.&lt;/p&gt;
&lt;p&gt;In the opening of the article, he writes that he is not sure anyone really wants what the makers advertise, a physical link between the virtual and real identities.&lt;/p&gt;
&lt;p&gt;The infosthetics article has three reader comments. The first says &amp;ldquo;Wow. Beautiful.&amp;rdquo; and points out that the music in the video is by Kraftwerk. The next comment is negative:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;Ugh &amp;hellip; ridiculous &amp;hellip; too BIG &amp;hellip; I mean, where are you going to put it?&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: Too big. Where would you even put it?&lt;/p&gt;
&lt;p&gt;The third comment is a rebuttal to this one. Readers&amp;rsquo; opinions are not expert evaluations, but they can be read as showing that making the chart physical raised questions a screen visualization does not face: its size and where to put it.&lt;/p&gt;
&lt;p&gt;On the research side, the paper &amp;ldquo;Physecology&amp;rdquo; by Kim Sauvé, Miriam Sturdee and Steven Houben (ACM TOCHI, 2022) discusses Wable. The paper analyzes 60 physicalization examples, and Wable is third in its list. For data type, it gives &amp;ldquo;Wable [56] (online activity)&amp;rdquo; as an example of countable data. For data subject, it is an example of personal data. It cites color as an example of the fixed color of a material rather than of a dynamic display. For interaction, it gives the following as an example of exploring data:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;Example physicalizations are Wable [56] in which you can explore personal online activity over time through a slider button&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: An example physicalization is Wable, in which personal online activity can be explored over time with a slider button.&lt;/p&gt;
&lt;p&gt;What the press saw as a &amp;ldquo;moving table&amp;rdquo;, this paper organizes along design dimensions: the relations among data type, interaction, and input and output.&lt;/p&gt;
&lt;p&gt;There is one more early record. The paper &amp;ldquo;Embodiment in data sculpture&amp;rdquo; by Jack Zhao and Andrew Vande Moere (DIMEA 2008) cites the official Wable page in its references, with an access date of May 2008. I have not been able to confirm how the body of the paper treats it, but it means that within a few months of its release, Wable was in the references of a paper on data sculpture.&lt;/p&gt;
&lt;h2 id=&#34;takeaways-for-practice&#34;&gt;Takeaways for practice
&lt;/h2&gt;&lt;p&gt;I read three things from this work that can be carried back into visualization work.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Separate the data source from the display. Wable&amp;rsquo;s entry point is RSS feeds, and the official text says it can be connected to any feed. infosthetics writes that the display can be configured in a web application (&amp;ldquo;a customizable web application&amp;rdquo;). I read it as a design in which the thing displayed stays four bars while its content can be swapped.&lt;/li&gt;
&lt;li&gt;Treat how readable the mapping is as separate from how new the work is. A mapping that shows quantity by height is understood at a glance. Yet Engadget called the video &amp;ldquo;remarkably unremarkable&amp;rdquo;. If you make a bar chart physical, I read it that &lt;strong&gt;the value has to lie in the motion and the placement, not in a novel encoding&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Treat placement as part of the design. For a screen visualization, size is settled inside the screen. A bar chart on a table takes up space in a room. The infosthetics reader&amp;rsquo;s &amp;ldquo;where are you going to put it?&amp;rdquo; can be read as showing that, in physicalization, where to put it is itself in question.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Physical Interaction Lab, &amp;ldquo;Wable&amp;rdquo; official page (link dead): &lt;a class=&#34;link&#34; href=&#34;http://www.physicalinteractionlab.com/projects/wable&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://www.physicalinteractionlab.com/projects/wable&lt;/a&gt; / Wayback Machine snapshot (2019-06-09): &lt;a class=&#34;link&#34; href=&#34;http://web.archive.org/web/20190609053241/http://www.physicalinteractionlab.com/projects/wable&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://web.archive.org/web/20190609053241/http://www.physicalinteractionlab.com/projects/wable&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Pierre Dragicevic, Yvonne Jansen, &amp;ldquo;2007 – Wable: Web Behavior Shown with a Dynamic Bar Chart&amp;rdquo;, List of Physical Visualizations (quotes the official site&amp;rsquo;s text): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/wable-visualize-web-behavior-as-a-physical-bar-chart/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/wable-visualize-web-behavior-as-a-physical-bar-chart/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;David Kjelkerud, &amp;ldquo;Wable&amp;rdquo;, YouTube: &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=e6G5YlICVRg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/watch?v=e6G5YlICVRg&lt;/a&gt; (uploader confirmed at: &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=e6G5YlICVRg&amp;amp;format=json&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=e6G5YlICVRg&amp;format=json&lt;/a&gt; )&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Darren Murph, &amp;ldquo;Wable graphically represents web activity, ain&amp;rsquo;t much of a table&amp;rdquo;, Engadget, 2008-02-02: &lt;a class=&#34;link&#34; href=&#34;https://www.engadget.com/2008-02-02-wable-graphically-represents-web-activity-aint-much-of-a-table.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.engadget.com/2008-02-02-wable-graphically-represents-web-activity-aint-much-of-a-table.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;infosthetics, &amp;ldquo;physical bar graph table&amp;rdquo;, information aesthetics, 2008-02-01 (includes the statement &amp;ldquo;the Wable interface consists of both a physical table &amp;amp; a customizable web application&amp;rdquo; and three reader comments): &lt;a class=&#34;link&#34; href=&#34;https://infosthetics.com/archives/2008/02/physical_bar_graph_table_visualization.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://infosthetics.com/archives/2008/02/physical_bar_graph_table_visualization.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;squirrelbait, &amp;ldquo;Wable physical web activity visualization table&amp;rdquo;, Core77, 2008-02-01: &lt;a class=&#34;link&#34; href=&#34;https://www.core77.com/posts/8843/Wable-physical-web-activity-visualization-table&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.core77.com/posts/8843/Wable-physical-web-activity-visualization-table&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Robert Birming, &amp;ldquo;Wable – Cool Interactive Table&amp;rdquo;, GeekAlerts, 2008-02-02 (updated 2018): &lt;a class=&#34;link&#34; href=&#34;https://www.geekalerts.com/wable-cool-interactive-table/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.geekalerts.com/wable-cool-interactive-table/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Kim Sauvé, Miriam Sturdee, Steven Houben, &amp;ldquo;Physecology: A Conceptual Framework to describe Data Physicalizations in their Real-World Context&amp;rdquo;, ACM TOCHI 29(3), 2022: &lt;a class=&#34;link&#34; href=&#34;https://eprints.lancs.ac.uk/id/eprint/161277/1/TOCHI_Physecology.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://eprints.lancs.ac.uk/id/eprint/161277/1/TOCHI_Physecology.pdf&lt;/a&gt; (&lt;a class=&#34;link&#34; href=&#34;https://dl.acm.org/doi/10.1145/3505590&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dl.acm.org/doi/10.1145/3505590&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Jack Zhao, Andrew Vande Moere, &amp;ldquo;Embodiment in data sculpture: a model of the physical visualization of information&amp;rdquo;, DIMEA 2008: &lt;a class=&#34;link&#34; href=&#34;https://dl.acm.org/doi/10.1145/1413634.1413696&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dl.acm.org/doi/10.1145/1413634.1413696&lt;/a&gt; (the citation of Wable was confirmed in Crossref&amp;rsquo;s reference data: &lt;a class=&#34;link&#34; href=&#34;https://api.crossref.org/works/10.1145/1413634.1413696&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://api.crossref.org/works/10.1145/1413634.1413696&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;EduTech Wiki, &amp;ldquo;Physical visualization&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://edutechwiki.unige.ch/en/Physical_visualization&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://edutechwiki.unige.ch/en/Physical_visualization&lt;/a&gt; / image file page: &lt;a class=&#34;link&#34; href=&#34;https://edutechwiki.unige.ch/en/File:Wable.jpg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://edutechwiki.unige.ch/en/File:Wable.jpg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>Shrinking the Whole Budget to 8,880 Pennies, and Showing a $100 Million Cut as a Quarter of One: Matt Shapiro&#39;s Budget Video</title>
        <link>https://visualizing.jp/en/pennies-federal-budget/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/pennies-federal-budget/</guid>
        <description>&lt;img src="https://visualizing.jp/pennies-federal-budget/images/pennies-on-table.png" alt="Featured image of post Shrinking the Whole Budget to 8,880 Pennies, and Showing a $100 Million Cut as a Quarter of One: Matt Shapiro&#39;s Budget Video" /&gt;&lt;p&gt;In 2009, Matt Shapiro shrank the entire US federal budget to 8,880 pennies (one penny = $400 million). He then showed the $100 million spending cut announced by President Obama as one quarter of a single penny. The video is titled &amp;ldquo;Obama Budget Cuts Visualization.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The work is listed in the List of Physical Visualizations (dataphys.org), a collection of data physicalization works, under the heading &amp;ldquo;Federal Budget Explained with 10,000 Pennies.&amp;rdquo; That heading was given by dataphys.org; the &amp;ldquo;10,000&amp;rdquo; comes from the name of the channel that posted it, &amp;ldquo;10000Pennies.&amp;rdquo; I have not been able to watch the original video. What follows relies on what FactCheck.org confirmed with the author by email, the author&amp;rsquo;s blog, and contemporary press coverage.&lt;/p&gt;
&lt;h2 id=&#34;april-2009-an-order-to-cut-100-million&#34;&gt;April 2009: An Order to Cut $100 Million
&lt;/h2&gt;&lt;p&gt;According to Joe Miller of FactCheck.org, on April 20, 2009, President Obama gathered his Cabinet and directed them to cut a total of $100 million in expenses within 90 days.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;On April 20, President Barack Obama caused a bit of a splash when he gathered members of his Cabinet and directed them to cut (collectively) $100 million in expenses within the next 90 days.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The same article introduced Shapiro&amp;rsquo;s work as a video that helps put this $100 million in perspective.&lt;/p&gt;
&lt;p&gt;Shapiro, the author, was a 28-year-old software developer living in Salt Lake City (FactCheck.org). The local station KSL spelled his name Matthias Shapiro and reported that he lived in nearby Holladay. The YouTube channel he posted to, &amp;ldquo;10000Pennies,&amp;rdquo; says in its self-introduction that it visualizes policy so that anyone can understand it. The author later started a blog under the name &amp;ldquo;Political Math.&amp;rdquo; However, the blog&amp;rsquo;s first post is dated May 15, 2009, after this video. At the time of this work, the author was less a blogger than a video poster.&lt;/p&gt;
&lt;p&gt;I have not been able to confirm the posting date on YouTube. Articles embedding the video appear from April 28 (GovExec), so it can be read as posted in the few days before that.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/pennies-federal-budget/images/pennies-on-table.png&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/pennies-federal-budget/images/pennies-on-table.png&#34; width=&#34;1262&#34; height=&#34;828&#34; srcset=&#34;https://visualizing.jp/pennies-federal-budget/images/pennies-on-table_hu_67c662fc28ad8224.png 480w, https://visualizing.jp/pennies-federal-budget/images/pennies-on-table_hu_227a717e4f4f32b1.png 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A screen showing pennies spread across a wooden desk, with white and blue lines running vertically over the coins and a right hand touching a coin in the foreground&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A screen showing pennies spread across a wooden desk, with white and blue lines running vertically over the coins and a right hand touching a coin in the foreground&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Political Math (10000Pennies) / List of Physical Visualizations (dataphys.org)&lt;/p&gt;
&lt;p&gt;dataphys.org presents this screen as one from &amp;ldquo;Obama Budget Cuts Visualization.&amp;rdquo; What it shows is pennies spread on a desk and two lines, one white and one blue. I could not confirm from written sources how the coins were rearranged during the video or what the lines mark off.&lt;/p&gt;
&lt;h2 id=&#34;the-budget-as-8880-pennies-the-cut-as-a-quarter-of-one&#34;&gt;The Budget as 8,880 Pennies, the Cut as a Quarter of One
&lt;/h2&gt;&lt;p&gt;FactCheck.org confirmed the correspondence of numbers with the author by email.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Matt, whose YouTube channel is entitled 10000 pennies, told us by e-mail that he actually uses 8,880 pennies in his video. The math checks out. Each penny represents $400 million in government spending, so that works out to a budget of $3.552 trillion — pretty close to Obama&amp;rsquo;s proposed 2010 budget. Obama&amp;rsquo;s pledge amounts to cutting one-fourth of one of those pennies.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short: the video uses 8,880 pennies, not 10,000. Each penny stands for $400 million in government spending, the total comes to $3.552 trillion, and that is close to the 2010 fiscal year budget the Obama administration proposed. The President&amp;rsquo;s $100 million is one quarter of one such penny. FactCheck.org wrote that &amp;ldquo;the math checks out.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The correspondence between the data and the objects is as follows.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Physical counterpart&lt;/th&gt;
          &lt;th&gt;Value&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Total federal budget&lt;/td&gt;
          &lt;td&gt;Number of penny coins (quantity)&lt;/td&gt;
          &lt;td&gt;8,880 pennies = $3.552 trillion&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Conversion unit&lt;/td&gt;
          &lt;td&gt;One penny&lt;/td&gt;
          &lt;td&gt;1 penny = $400 million&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Cut announced by the President&lt;/td&gt;
          &lt;td&gt;A fraction of one penny&lt;/td&gt;
          &lt;td&gt;$100 million = one quarter of a penny&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Share of the cut in the whole&lt;/td&gt;
          &lt;td&gt;Ratio of 8,880 pennies to a quarter of a penny&lt;/td&gt;
          &lt;td&gt;About 0.0028% (my calculation)&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Dividing $100 million by $3.552 trillion gives about 0.0028%, which equals a quarter of a penny divided by 8,880 pennies.&lt;/p&gt;
&lt;p&gt;Here, the penny is not used at its original value of one cent. &lt;strong&gt;One penny becomes a symbol for $400 million.&lt;/strong&gt; What the author replaced was not the unit of the $100 million sum but the ratio of the part to the whole, it can be read. The whole budget is shrunk by a single scale, and the cut is shown on that same scale. It can be read as the same idea as a scale model.&lt;/p&gt;
&lt;p&gt;Around the same time, the economist Greg Mankiw explained the same ratio in another form. According to the Christian Science Monitor, Mankiw put the cut at 0.003% of the budget and wrote that for a household spending $100,000 a year it would be $3, about one latte at Starbucks. It can be read that Mankiw turned the ratio into &amp;ldquo;household units,&amp;rdquo; while Shapiro turned it into &amp;ldquo;a scale that makes the whole a heap of coins.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The author wrote by email about the concern behind this form.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I know that we have a really hard time intuitively grasping scale when we&amp;rsquo;re dealing with two numbers that are orders of magnitude away from each other.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;His concern is that it is very hard to grasp intuitively the difference in scale between two numbers that are many orders of magnitude apart. According to FactCheck.org, the author made this video as a way to see numbers &amp;ldquo;a little fresh,&amp;rdquo; compared with the usual bar chart.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/pennies-federal-budget/images/budget-cuts-thumbnail.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/pennies-federal-budget/images/budget-cuts-thumbnail.jpg&#34; width=&#34;480&#34; height=&#34;360&#34; srcset=&#34;https://visualizing.jp/pennies-federal-budget/images/budget-cuts-thumbnail_hu_33e36ad48fc4594e.jpg 480w, https://visualizing.jp/pennies-federal-budget/images/budget-cuts-thumbnail_hu_47d58eceb0a53100.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A video thumbnail with a large reverse side reading ONE CENT and an obverse showing Lincoln’s profile, overlaid on pennies spread across a desk&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A video thumbnail with a large reverse side reading ONE CENT and an obverse showing Lincoln’s profile, overlaid on pennies spread across a desk&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: 10000Pennies (Political Math) / YouTube, &amp;ldquo;Obama Budget Cuts Visualization&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The video is available on YouTube (&lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=cWt8hTayupE&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/watch?v=cWt8hTayupE&lt;/a&gt; ). According to dataphys.org, it has 1.7 million views.&lt;/p&gt;
&lt;p&gt;I do not know whether the quarter penny was shown by cutting a coin or by a diagram. dataphys.org says &amp;ldquo;videos often end with a dramatic action,&amp;rdquo; and lists examples such as cutting a penny in two or spilling several hundred coins off a table. But this describes the series as a whole and does not say which action belongs to this work.&lt;/p&gt;
&lt;h2 id=&#34;from-coins-to-water-and-ice-repeating-the-same-procedure&#34;&gt;From Coins to Water and Ice: Repeating the Same Procedure
&lt;/h2&gt;&lt;p&gt;The author later made videos following the same procedure with water and ice. dataphys.org says that &amp;ldquo;not only coins, but also bills, water, and whiskey represent amounts of money and numbers of jobs,&amp;rdquo; mentioning whiskey as well, and the channel also has a Lego video. However, I could not confirm the contents of these two.&lt;/p&gt;
&lt;p&gt;On May 13, 2009, he released &amp;ldquo;Obama&amp;rsquo;s $17 Billion Budget Cuts In Context.&amp;rdquo; This time the $17 billion cut proposal is shown as a quantity of water. According to Brooks Jackson of FactCheck.org, the cut amounts to 2 liters. The video had initially given the difference between the Obama budget and the Bush budget ($3.107 trillion) as 9 gallons.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/pennies-federal-budget/images/water-tub-17-billion.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/pennies-federal-budget/images/water-tub-17-billion.jpg&#34; width=&#34;480&#34; height=&#34;360&#34; srcset=&#34;https://visualizing.jp/pennies-federal-budget/images/water-tub-17-billion_hu_67f3117d7d9a6bf5.jpg 480w, https://visualizing.jp/pennies-federal-budget/images/water-tub-17-billion_hu_8cec881373bc98ef.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A video thumbnail of a park lawn, with a hand moving water from a large blue container into a small container&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A video thumbnail of a park lawn, with a hand moving water from a large blue container into a small container&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: 10000Pennies (Political Math) / YouTube, &amp;ldquo;Obama&amp;rsquo;s $17 Billion Budget Cuts In Context&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The 9 gallons was an error, which FactCheck.org found. The correct figure was about 12 gallons. The author added a correction in text to the video and thanked FactCheck.org in the description. In the same description, he also wrote that a $100 million cut would not even be &amp;ldquo;a drop in the bucket.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;In &amp;ldquo;What Does The Federal Budget Freeze Look Like?&amp;rdquo; (January 30, 2010), he showed a budget freeze with water and ice. The author devotes the first half of the blog post to explaining the data used in the video. He explains that if the budget is taken as 192 ounces of water divided into 4-ounce cups, all the calculations in the video work out. The first-year savings of $15 billion are 0.75 ounces of water frozen into ice, measured with one and a half tablespoons.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/pennies-federal-budget/images/freeze-ice-cups.png&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/pennies-federal-budget/images/freeze-ice-cups.png&#34; width=&#34;1220&#34; height=&#34;904&#34; srcset=&#34;https://visualizing.jp/pennies-federal-budget/images/freeze-ice-cups_hu_2dcfeeed8a1941db.png 480w, https://visualizing.jp/pennies-federal-budget/images/freeze-ice-cups_hu_8eeb7f79e8c39265.png 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A table covered with a white cloth, with transparent cups of blue and green water in a row and a small piece of ice a little apart, labeled “Budget Freeze Savings”&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A table covered with a white cloth, with transparent cups of blue and green water in a row and a small piece of ice a little apart, labeled “Budget Freeze Savings”&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Political Math (10000Pennies) / List of Physical Visualizations (dataphys.org)&lt;/p&gt;
&lt;p&gt;Putting the three videos side by side gives the following.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Video&lt;/th&gt;
          &lt;th&gt;Whole&lt;/th&gt;
          &lt;th&gt;Part taken out&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Obama Budget Cuts Visualization (April 2009)&lt;/td&gt;
          &lt;td&gt;Budget $3.552 trillion = 8,880 pennies&lt;/td&gt;
          &lt;td&gt;$100 million cut = a quarter of a penny&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Obama&amp;rsquo;s $17 Billion Budget Cuts In Context (May 2009)&lt;/td&gt;
          &lt;td&gt;Budget = a quantity of water&lt;/td&gt;
          &lt;td&gt;$17 billion cut = 2 liters&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;What Does The Federal Budget Freeze Look Like? (January 2010)&lt;/td&gt;
          &lt;td&gt;Budget $3.7 trillion = 192 ounces of water&lt;/td&gt;
          &lt;td&gt;$15 billion savings = 0.75 ounces of ice&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Dividing $3.7 trillion by 192 ounces gives about $19.3 billion per ounce. 0.75 ounces is about $14.5 billion, which nearly matches $15 billion. Even as the material changes, the procedure appears to stay the same: fix the quantity of the whole first, then take the policy amount out as a part of it.&lt;/p&gt;
&lt;p&gt;In one of his earliest blog posts, &amp;ldquo;The National Debt Road Trip&amp;rdquo; (May 15, 2009), the author writes that he tilted the numbers in Obama&amp;rsquo;s favor so as to leave no room for the charge of fudging. This is not a statement about this work, but it offers a clue to how he handled numbers.&lt;/p&gt;
&lt;h2 id=&#34;how-third-parties-saw-the-video&#34;&gt;How Third Parties Saw the Video
&lt;/h2&gt;&lt;p&gt;The first point is the verification of the numbers. FactCheck.org confirmed the number of coins and the unit value with the author and wrote that the math was right. In the follow-up, it found an error, confirmed that the author had fixed it, and then commented as follows.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Thanks to Matt&amp;rsquo;s helpful images, you don&amp;rsquo;t have to be an accountant to grasp the size of the budget problem.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The assessment is that, thanks to Matt&amp;rsquo;s clear images, you do not need to be an accountant to grasp the size of the budget problem. The first article also notes that the liberal economist Paul Krugman made the same point on his blog, that $100 million is small.&lt;/p&gt;
&lt;p&gt;The second point is the response to the difficulty of large numbers. Megan McArdle of The Atlantic introduced this work in an April 2009 blog post.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Numbers a million times bigger than our total lifetime earnings literally boggle the imagination.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short, a number a million times our lifetime earnings is literally beyond imagination. McArdle introduced the author as an &amp;ldquo;ambitious video blogger&amp;rdquo; who took on that problem. Alyssa Rosenberg of GovExec also cited that post, embedded the video, and called it a &amp;ldquo;fun, educational video.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The third is a skeptical view. Adam Paul of The Think Tankard wrote on May 4, 2009, linking to McArdle&amp;rsquo;s post.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Video bloggers have taken to using piles of pennies to represent the budget &amp;hellip; The concern is great and if the goal is simply to inform people it&amp;rsquo;s doing a good job. Yet any hopes that people might apply, or that that matter retain, their knowledge suffers from the same problems that &amp;ldquo;awareness&amp;rdquo; movements always have: how to turn knowledge into action.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;His point: video bloggers have taken to representing the budget with piles of pennies, and if the aim is to inform, they do a good job. But whether the knowledge is retained or leads to action runs into the same problem that awareness campaigns always have.&lt;/p&gt;
&lt;p&gt;dataphys.org introduces the author as someone who &amp;ldquo;criticizes the US policy&amp;rdquo; with statistics and handmade physical visualizations. The author himself wrote in the description of the follow-up that a $100 million cut would not even be &amp;ldquo;a drop in a bucket&amp;rdquo; (&amp;ldquo;weren&amp;rsquo;t even a drop in a bucket&amp;rdquo;). According to KSL, in July 2009 Republican National Committee Chairman Michael Steele presented the author with a &amp;ldquo;Grassroots Logic Award.&amp;rdquo; From these, it can be read that the video also had a partisan aim of criticizing the administration. At the same time, placing FactCheck.org&amp;rsquo;s verification next to Krugman&amp;rsquo;s identical point suggests that the way of presenting the ratio itself holds across party lines.&lt;/p&gt;
&lt;h2 id=&#34;takeaways&#34;&gt;Takeaways
&lt;/h2&gt;&lt;p&gt;The first thing to take from this video is to put the whole and the part on the same scale. Showing only $100 million does not settle whether it is large or small. The design of preparing the whole as a quantity of 8,880 pennies and assigning the cut a quarter of one penny can be read as a way of making the denominator of the ratio visible.&lt;/p&gt;
&lt;p&gt;The second is to choose the unit&amp;rsquo;s value from the size at which the whole fits. The value of $400 million per penny can be read as chosen so that the whole budget fits within a manageable quantity. At $100 million per penny the cut would take one penny, but the whole would exceed 35,000. The unit is decided by whether you want the whole or the part to be the more manageable quantity.&lt;/p&gt;
&lt;p&gt;The third is to make the basis of the conversion checkable from outside. FactCheck.org confirmed the calculation just by asking for the number of coins and the unit value, and found an error in the follow-up. For the freeze video, the author published the conversion himself on his blog. If the basis is open, outsiders can give you the occasion to correct it.&lt;/p&gt;
&lt;p&gt;Finally, the limits. As Adam Paul wrote, understanding scale and changing behavior are different things. The question this video answered was how to compare two numbers that differ by many orders of magnitude on a single scale. What comes after that is left to the viewer and to the places where the debate happens.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;List of Physical Visualizations (dataphys.org), &amp;ldquo;2009 – Federal Budget Explained with 10,000 Pennies&amp;rdquo; (contributed by Pierre Dragicevic): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/federal-budget-explained-with-10000-pennies/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/federal-budget-explained-with-10000-pennies/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;dataphys.org tag pages, storytelling: &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/tags/storytelling/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/tags/storytelling/&lt;/a&gt; / budget: &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/tags/budget/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/tags/budget/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;10000Pennies, &amp;ldquo;Obama Budget Cuts Visualization&amp;rdquo; (YouTube, April 2009): &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=cWt8hTayupE&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/watch?v=cWt8hTayupE&lt;/a&gt; (title and poster confirmed via oEmbed: &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=cWt8hTayupE&amp;amp;format=json&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=cWt8hTayupE&amp;format=json&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;YouTube channel 10000Pennies (video list, channel description): &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/user/10000Pennies/videos&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/user/10000Pennies/videos&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;10000Pennies, &amp;ldquo;Obama&amp;rsquo;s $17 Billion Budget Cuts In Context&amp;rdquo; (YouTube, 2009-05-13, description): &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=miIBp7ufxjk&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/watch?v=miIBp7ufxjk&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;10000Pennies, &amp;ldquo;What Does The Federal Budget Freeze Look Like?&amp;rdquo; (YouTube, 2010-01-30): &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=gMH9QZdjS2Y&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/watch?v=gMH9QZdjS2Y&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Political Math blog: &lt;a class=&#34;link&#34; href=&#34;https://www.politicalmathblog.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.politicalmathblog.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Political Math, &amp;ldquo;What Does the Federal Budget Freeze Look Like?&amp;rdquo;, 2010-01-31: &lt;a class=&#34;link&#34; href=&#34;https://www.politicalmathblog.com/2010/01/31/what-does-the-federal-budget-freeze-look-like/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.politicalmathblog.com/2010/01/31/what-does-the-federal-budget-freeze-look-like/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Political Math, &amp;ldquo;The National Debt Road Trip&amp;rdquo;, 2009-05-15: &lt;a class=&#34;link&#34; href=&#34;https://www.politicalmathblog.com/2009/05/15/the-national-debt-road-trip/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.politicalmathblog.com/2009/05/15/the-national-debt-road-trip/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Joe Miller, &amp;ldquo;What&amp;rsquo;s in a Number?&amp;rdquo;, FactCheck.org, 2009-05-07: &lt;a class=&#34;link&#34; href=&#34;https://www.factcheck.org/2009/05/whats-in-a-number/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.factcheck.org/2009/05/whats-in-a-number/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Brooks Jackson, &amp;ldquo;Drop in the Bucket? See for Yourself.&amp;rdquo;, FactCheck.org, 2009-05-15: &lt;a class=&#34;link&#34; href=&#34;https://www.factcheck.org/2009/05/drop-in-the-bucket-see-for-yourself/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.factcheck.org/2009/05/drop-in-the-bucket-see-for-yourself/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Megan McArdle, &amp;ldquo;Penny Wise, Pound Foolish&amp;rdquo;, The Atlantic, April 2009 (the original URL, &lt;a class=&#34;link&#34; href=&#34;http://meganmcardle.theatlantic.com/archives/2009/04/penny_wise_pound_foolish_1.php&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://meganmcardle.theatlantic.com/archives/2009/04/penny_wise_pound_foolish_1.php&lt;/a&gt;, no longer opens). Full-text reprint: &lt;a class=&#34;link&#34; href=&#34;https://thinkingonthemargin.blogspot.com/2009_04_26_archive.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://thinkingonthemargin.blogspot.com/2009_04_26_archive.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Alyssa Rosenberg, &amp;ldquo;What $100 Million Looks Like&amp;rdquo;, GovExec, 2009-04-28: &lt;a class=&#34;link&#34; href=&#34;https://www.govexec.com/federal-news/2009/04/what-100-million-looks-like/38913/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.govexec.com/federal-news/2009/04/what-100-million-looks-like/38913/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Adam Paul, &amp;ldquo;Learning Large Numbers&amp;rdquo;, The Think Tankard, 2009-05-04: &lt;a class=&#34;link&#34; href=&#34;https://thinktankard.blogspot.com/2009/05/learning-large-numbers.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://thinktankard.blogspot.com/2009/05/learning-large-numbers.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Andrew Adams, &amp;ldquo;Utahn&amp;rsquo;s YouTube video catches RNC&amp;rsquo;s attention&amp;rdquo;, KSL, 2009-07-08: &lt;a class=&#34;link&#34; href=&#34;https://www.ksl.com/article/7084161&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.ksl.com/article/7084161&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Legal Insurrection, &amp;ldquo;Obama Budget Cuts Visualization&amp;rdquo;, 2009-04-29: &lt;a class=&#34;link&#34; href=&#34;https://legalinsurrection.com/2009/04/obama-budget-cuts-visualization/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://legalinsurrection.com/2009/04/obama-budget-cuts-visualization/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&amp;ldquo;Obama&amp;rsquo;s $100 million budget cut amounts to a cup of coffee&amp;rdquo;, Christian Science Monitor, 2009-04-21 (Mankiw&amp;rsquo;s analogy; it does not mention this work): &lt;a class=&#34;link&#34; href=&#34;https://www.csmonitor.com/USA/Politics/The-Vote/2009/0421/obamas-100-million-budget-cut-amounts-to-a-cup-of-coffee&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.csmonitor.com/USA/Politics/The-Vote/2009/0421/obamas-100-million-budget-cut-amounts-to-a-cup-of-coffee&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>Strip Counts Set the Band Width, and a Photograph Inverts Black and White: IBM&#39;s Cosmograph</title>
        <link>https://visualizing.jp/en/ibm-cosmograph/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/ibm-cosmograph/</guid>
        <description>&lt;img src="https://visualizing.jp/ibm-cosmograph/images/cosmograph-board-and-negative-print.jpg" alt="Featured image of post Strip Counts Set the Band Width, and a Photograph Inverts Black and White: IBM&#39;s Cosmograph" /&gt;&lt;p&gt;The Cosmograph (International Cosmograph) was a charting device sold by IBM. It expressed the width of a band by the number of paper strips laid side by side. One thousand white strips made 100%. On a black work board, the strips were bundled, divided, and held with clamps. The finished board was photographed with a photostat, and the negative print, with black and white inverted, was used as the graph.&lt;/p&gt;
&lt;p&gt;The sources are IBM&amp;rsquo;s sales manual (including a page revised on January 31, 1934) and Chapter 8, &amp;ldquo;Flow Charts,&amp;rdquo; of Willard Cope Brinton&amp;rsquo;s textbook on charts, &lt;em&gt;Graphic Presentation&lt;/em&gt; (1939). The manual was found in IBM&amp;rsquo;s archives in 2012 by Jim Strickland, a volunteer at the Computer History Museum, who presented it with images and a transcription. It also appears as &amp;ldquo;1933 – IBM&amp;rsquo;s Cosmograph&amp;rdquo; in dataphys.org, a catalog of examples of data physicalization. What follows sticks to these materials.&lt;/p&gt;
&lt;h2 id=&#34;a-device-in-ibms-1933-sales-manual&#34;&gt;A Device in IBM&amp;rsquo;s 1933 Sales Manual
&lt;/h2&gt;&lt;p&gt;The 1933 U.S. copyright catalog lists a chapter of IBM&amp;rsquo;s &amp;ldquo;Manual of sales instruction, 1933&amp;rdquo; as &amp;ldquo;International cosmograph. © June 9; AA 130049.&amp;rdquo; What was registered was a document, a chapter of a sales manual, not rights to the device itself.&lt;/p&gt;
&lt;p&gt;What the device was can be learned from the 1934 sales manual that Strickland found. Its preface says:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The drawing of graphs usually requires the time and skill of an accomplished draughtsman. The Cosmograph, however, due to its simplicity of construction and operation, requires no skill or foreknowledge beyond that imparted in a few moments&amp;rsquo; instruction.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short: drawing graphs takes the time and skill of a trained draftsman, but the Cosmograph requires no skill beyond a few moments of explanation.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ibm-cosmograph/images/ibm-manual-cosmograph-page.png&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ibm-cosmograph/images/ibm-manual-cosmograph-page.png&#34; width=&#34;1000&#34; height=&#34;1542&#34; srcset=&#34;https://visualizing.jp/ibm-cosmograph/images/ibm-manual-cosmograph-page_hu_cbde60a16f0c5f31.png 480w, https://visualizing.jp/ibm-cosmograph/images/ibm-manual-cosmograph-page_hu_7cba77c00d70f00c.png 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A page from IBM’s sales manual. At the top is a photograph of the device, in which white paper strips split left and right on a black board; below it are the price, uses, components, dimensions, and weight&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A page from IBM’s sales manual. At the top is a photograph of the device, in which white paper strips split left and right on a black board; below it are the price, uses, components, dimensions, and weight&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: IBM, Manual of Business Instruction (Rev. 1-31-34), photographed by Jim Strickland, from the Computer History Museum &amp;ldquo;Volunteer Information Exchange&amp;rdquo; Vol.2 No.16&lt;/p&gt;
&lt;p&gt;The &amp;ldquo;SPECIAL DEVICES&amp;rdquo; chapter of the same manual has a page with a photograph of the device and its price. The price is &amp;ldquo;$50.00 each, f.o.b. Endicott, N. Y.,&amp;rdquo; that is, 50 dollars per unit. However, the upper right of this page reads &amp;ldquo;Rev. 1-31-34,&amp;rdquo; a revision of January 31, 1934. Whether this was the 1933 price has not been confirmed.&lt;/p&gt;
&lt;p&gt;The components are a grooved work board with Bakelite fasteners, 1,000 paper strips, wedges and clamps, edge guides, and a carrying case. The strips are described as &amp;ldquo;1000 strips of white charting paper divided by blue strips at each 1% mark and red strips at each 5% mark.&amp;rdquo; The dimensions are 30 × 23 × 2 inches (about 76 × 58 × 5 cm, converted by the author).&lt;/p&gt;
&lt;p&gt;A note on the names used at the time. IBM&amp;rsquo;s wording is &amp;ldquo;International Cosmograph,&amp;rdquo; and Brinton explains &amp;ldquo;Cosmograph&amp;rdquo; as a trade name for a kind of flow chart. A flow chart that shows quantity by band width is now classified as a &lt;a class=&#34;link&#34; href=&#34;https://visualizing.jp/sankey-diagram/&#34; &gt;Sankey diagram&lt;/a&gt;, and the dataphys.org tag uses that name. But this is a later classification; it appears in neither the manual nor Brinton&amp;rsquo;s book.&lt;/p&gt;
&lt;p&gt;Who devised it, how many were sold, and where an actual unit survives could not be confirmed.&lt;/p&gt;
&lt;h2 id=&#34;count-1000-strips-to-make-the-band-width&#34;&gt;Count 1,000 Strips to Make the Band Width
&lt;/h2&gt;&lt;p&gt;Page 78 of Brinton&amp;rsquo;s book shows how it was used, with photographs provided by IBM.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-assembling-steps.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-assembling-steps.jpg&#34; width=&#34;1400&#34; height=&#34;574&#34; srcset=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-assembling-steps_hu_c4edbf5c84379784.jpg 480w, https://visualizing.jp/ibm-cosmograph/images/cosmograph-assembling-steps_hu_b360bac61fa5be40.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Two photographs: on the left, hands pressing and holding a bundle of white strips on a black board; on the right, a tool being inserted between the bundles&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;Two photographs: on the left, hands pressing and holding a bundle of white strips on a black board; on the right, a tool being inserted between the bundles&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Willard C. Brinton, Graphic Presentation (1939), p.78 (plate: International Business Machines Corp.) / from the Internet Archive (Internet Archive rights status: NOT_IN_COPYRIGHT)&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;One thousand strips of paper are set on edge to represent 100%, and are separated into component parts of 100%.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, 1,000 paper strips are stood on edge to make 100% and then divided into its components. The left photograph shows the stage of positioning the strips and holding them with clamps; the right shows wedges and bar spacers being inserted between the bundles.&lt;/p&gt;
&lt;p&gt;The manual describes how quantity is laid out:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;It requires no measurements or computing for measurement. &amp;hellip; Each minimum percentage unit of data is represented by one white strip.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, no measuring and no calculation for measuring is needed; the smallest unit of a percentage is represented by one white strip. One strip is equivalent to 0.1% (the author&amp;rsquo;s calculation).&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;The width of a band is decided not by measuring with a ruler and drawing, but by counting strips.&lt;/strong&gt; The correspondence between data and device is summarized below.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data side&lt;/th&gt;
          &lt;th&gt;Device side&lt;/th&gt;
          &lt;th&gt;Source&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;The whole (100%)&lt;/td&gt;
          &lt;td&gt;1,000 strips&lt;/td&gt;
          &lt;td&gt;Brinton p.78&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Smallest unit of a percentage&lt;/td&gt;
          &lt;td&gt;One white strip (0.1%, the author&amp;rsquo;s calculation)&lt;/td&gt;
          &lt;td&gt;Manual&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Share of each item&lt;/td&gt;
          &lt;td&gt;Number of strips in a bundle = band width&lt;/td&gt;
          &lt;td&gt;Manual&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Scale mark every 1%&lt;/td&gt;
          &lt;td&gt;Blue strip&lt;/td&gt;
          &lt;td&gt;Manual&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Scale mark every 5%&lt;/td&gt;
          &lt;td&gt;Red strip (20 strips)&lt;/td&gt;
          &lt;td&gt;Manual, Brinton p.78&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Divisions between items&lt;/td&gt;
          &lt;td&gt;Wedges and bars between bundles&lt;/td&gt;
          &lt;td&gt;Brinton p.78&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Path of a flow&lt;/td&gt;
          &lt;td&gt;Position where strips are bent and held with clamps&lt;/td&gt;
          &lt;td&gt;Brinton p.78&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Frame of the figure&lt;/td&gt;
          &lt;td&gt;Edge guides&lt;/td&gt;
          &lt;td&gt;Brinton p.78&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;The scale is inside the band, not outside it. The blue and red strips enter the same bundle as the white strips, at fixed positions. This can be read as a design that gives the band itself its scale, without placing an axis outside.&lt;/p&gt;
&lt;p&gt;Because the smallest unit is one strip, proportions are placed in steps of 0.1% (the author&amp;rsquo;s calculation). In exchange, the accuracy of band width is supported by the number of strips, not by drafting skill. The manual could say that no skill was required, and this mechanism can be read as the reason.&lt;/p&gt;
&lt;h2 id=&#34;invert-the-white-strips-on-the-black-board-with-a-photograph&#34;&gt;Invert the White Strips on the Black Board with a Photograph
&lt;/h2&gt;&lt;p&gt;The finished board is not the finished product. Brinton writes that once the edge guides hide the leftover ends of the strips, &amp;ldquo;the Cosmograph is ready for photostatting.&amp;rdquo; That is, it is ready to go to the photostat.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-board-and-negative-print.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-board-and-negative-print.jpg&#34; width=&#34;1400&#34; height=&#34;717&#34; srcset=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-board-and-negative-print_hu_4e47d6a23c5abf2.jpg 480w, https://visualizing.jp/ibm-cosmograph/images/cosmograph-board-and-negative-print_hu_83bfae3b24ec365c.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;On the left, a photograph of the completed device with bands of white strips spreading up and down on a black board; on the right, a negative print in which the same arrangement appears as black bands on a white ground&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;On the left, a photograph of the completed device with bands of white strips spreading up and down on a black board; on the right, a negative print in which the same arrangement appears as black bands on a white ground&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Willard C. Brinton, Graphic Presentation (1939), p.78 (plate: International Business Machines Corp.) / from the Internet Archive (Internet Archive rights status: NOT_IN_COPYRIGHT)&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Note that all black portions of the device fail to reproduce. Of the one thousand strips of paper, twenty are red and are set at each 5% mark. In the negative photostat, these red strips of paper reproduce as white.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, all the black parts of the device fail to reproduce, and the 20 red strips, set at every 5% mark, come out white in the negative. The arrangement of white strips on the black board becomes black bands on a white ground in the print. The red strips remain as thin white lines inside the black bands. How the blue strips appeared in the negative could not be confirmed.&lt;/p&gt;
&lt;p&gt;The manual also says that what is used as the graph is the print.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;When all groups have been arranged a photostat of the board is made. The negative print, on which the groups appear in black against a white background, is used as the graph.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, once all the groups are arranged, a photostat of the board is made, and the negative print, in which the groups appear black on white, is used as the graph. The strips on the board were not the final form for people to read but an intermediate form for producing a printed piece. The black board was meaningful precisely because it did not reproduce.&lt;/p&gt;
&lt;h2 id=&#34;two-figures-built-for-reparations-and-for-income-and-outgo&#34;&gt;Two Figures Built for Reparations and for Income and Outgo
&lt;/h2&gt;&lt;p&gt;Page 80 of Brinton&amp;rsquo;s book carries two figures made with the Cosmograph. The first is the distribution of German reparations.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-german-reparations.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-german-reparations.jpg&#34; width=&#34;1400&#34; height=&#34;533&#34; srcset=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-german-reparations_hu_84a212f838820364.jpg 480w, https://visualizing.jp/ibm-cosmograph/images/cosmograph-german-reparations_hu_829b21ced1da490d.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A flow chart in which bands split from the total on the left to France, Britain, Italy, and others; some stop partway, and the rest gather at the United States on the right&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A flow chart in which bands split from the total on the left to France, Britain, Italy, and others; some stop partway, and the rest gather at the United States on the right&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Willard C. Brinton, Graphic Presentation (1939), p.80 (plate: International Business Machines Corp.) / from the Internet Archive (Internet Archive rights status: NOT_IN_COPYRIGHT)&lt;/p&gt;
&lt;p&gt;On the left are the total Germany paid and the countries that received it; in the center is the amount each country kept; on the right is the amount paid from each country to the United States. The amount kept is shown by branches that stop partway. According to Brinton, this is made by pulling the strips back and aligning their ends at the center of the figure. They are only pulled back, and cutting is not mentioned, so the total number can be read as unchanged.&lt;/p&gt;
&lt;p&gt;The second is &amp;ldquo;Simple Income and Outgo,&amp;rdquo; a figure of plain income and expenditure.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-income-and-outgo.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-income-and-outgo.jpg&#34; width=&#34;1131&#34; height=&#34;947&#34; srcset=&#34;https://visualizing.jp/ibm-cosmograph/images/cosmograph-income-and-outgo_hu_82e7471d38946b03.jpg 480w, https://visualizing.jp/ibm-cosmograph/images/cosmograph-income-and-outgo_hu_1891c9eb6322b0ed.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A flow chart in which income bands entering from the left merge into a thick central trunk, which then splits to the right and downward into expenditure bands such as salaries, taxes, dividends, and savings interest&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A flow chart in which income bands entering from the left merge into a thick central trunk, which then splits to the right and downward into expenditure bands such as salaries, taxes, dividends, and savings interest&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Willard C. Brinton, Graphic Presentation (1939), p.80 (plate: International Business Machines Corp.) / from the Internet Archive (Internet Archive rights status: NOT_IN_COPYRIGHT)&lt;/p&gt;
&lt;p&gt;The central trunk is fixed first, the income side is assembled, and then the board is turned to assemble the outgo side. About the space for the amount on the trunk, Brinton writes:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;A short strip of black paper is pasted across the trunk to provide a white block on the negative photostatic print.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, pasting a short strip of black paper across the trunk makes a white block in the negative, where the total amount is entered in type. Even the label space was made on the assumption of inversion. On the printed page, the white block reads &amp;ldquo;$2,193,427,000.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The figure also has a vertical note, which the author read from the scan of the page.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;EACH INTERVAL BETWEEN THE WHITE LINES INDICATES 5 PER CENT OF THE TOTAL &amp;hellip; IT IS NECESSARY ONLY TO COUNT THE INTERVALS AND FRACTIONAL INTERVALS.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The note says that each interval between the white lines is 5% of the total, and that to know a proportion one need only count the intervals and fractional intervals. It can be read as a mechanism in which the reader counts the quantity the maker placed by counting strips.&lt;/p&gt;
&lt;h2 id=&#34;how-third-parties-viewed-the-device&#34;&gt;How Third Parties Viewed the Device
&lt;/h2&gt;&lt;p&gt;Jim Strickland saw &amp;ldquo;cosmograph&amp;rdquo; on an exhibit poster at the Computer History Museum, looked into what it was, and in October 2012 found the sales manual in IBM&amp;rsquo;s archives.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;In 1933, for $50.00, ($850.00 in 2012) a business could buy a device to illustrate financial inputs and outputs by separating and grouping strips of white paper against a black background.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, in 1933, for 50 dollars, a business could buy a device that illustrated the flow of money in and out by grouping strips of white paper against a black background. The article ends with &amp;ldquo;Eat your heart out Excel!&amp;rdquo;, treating the device as an ancestor of the charting features of spreadsheet software. However, the page cited for the price is the January 1934 revision.&lt;/p&gt;
&lt;p&gt;The Thomas Fisher Rare Book Library at the University of Toronto, in its 2023 exhibition &amp;ldquo;Emerging Patterns,&amp;rdquo; placed Brinton&amp;rsquo;s figure in the history of the Sankey diagram and wrote:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The replacement of &amp;lsquo;cosmograph&amp;rsquo; with &amp;lsquo;Sankey&amp;rsquo; is a loss for the world of data visualization.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, the replacement of the name Cosmograph with Sankey is a loss. The exhibition describes the method as &amp;ldquo;using pins to guide the paths of the strips,&amp;rdquo; but what Brinton and the manual describe are clamps and wedges; pins do not appear.&lt;/p&gt;
&lt;p&gt;Phineas of sankey-diagrams.com wrote in 2009 that Brinton&amp;rsquo;s Chapter 8 puts its emphasis on &amp;ldquo;Cosmographs,&amp;rdquo; which seems to have been an IBM trade name of the time. Another article on the same site reports that, in a discussion among Spanish-speaking makers, &amp;ldquo;cosmografías&amp;rdquo; was raised as a term in James Glenn Stovall&amp;rsquo;s &lt;em&gt;Infographics&lt;/em&gt; (1997). This can be read as an example of a trade name surviving as a generic name for flow charts, but I have not checked Stovall&amp;rsquo;s original.&lt;/p&gt;
&lt;h2 id=&#34;what-to-take-from-it&#34;&gt;What to Take From It
&lt;/h2&gt;&lt;p&gt;The first is a design that &amp;ldquo;counts&amp;rdquo; quantity instead of &amp;ldquo;measuring&amp;rdquo; it. When you draw by length, accuracy depends on the skill of the person drawing. When you place by number of units, accuracy can be read as supported by the counting. In exchange, precision is set by the size of the unit, which for the Cosmograph works out to steps of 0.1%. Choosing the unit also chooses the precision.&lt;/p&gt;
&lt;p&gt;The second is a design that puts the scale inside the mark. The red strips became white lines inside the bands in the print, and counting those lines gave the proportion. Even without an axis outside, clues for reading can be left inside the band.&lt;/p&gt;
&lt;p&gt;The third is a view that treats a physical object as an intermediate form for output. The black board was meaningful because it did not reproduce, and even the label space assumed inversion. Deciding first what the result will pass through at the end changes how colors and materials are chosen.&lt;/p&gt;
&lt;p&gt;Finally, the name. At the time, these figures were called Cosmograph or flow chart. If you search for past figures only under the classification &amp;ldquo;Sankey diagram,&amp;rdquo; you may overlook figures that went by different names.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;IBM sales manual &amp;ldquo;Manual of Business Instruction&amp;rdquo; (1934): the preface, the explanatory text, and the &amp;ldquo;SPECIAL DEVICES / COSMOGRAPH&amp;rdquo; page (Rev. 1-31-34). Reproduced as images and transcription in Jim Strickland&amp;rsquo;s article: &lt;a class=&#34;link&#34; href=&#34;http://s3data.computerhistory.org.s3.amazonaws.com/chmedu/VIE_02_016.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://s3data.computerhistory.org.s3.amazonaws.com/chmedu/VIE_02_016.pdf&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Catalog of Copyright Entries, New Series, Part 1 Group 2: Pamphlets, Leaflets…, Vol.30 (1933), entry &amp;ldquo;International business machines corp.&amp;rdquo; with &amp;ldquo;International cosmograph. © June 9; AA 130049.&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://archive.org/details/catalogofcopyri301libr&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://archive.org/details/catalogofcopyri301libr&lt;/a&gt; (relevant page: &lt;a class=&#34;link&#34; href=&#34;https://archive.org/details/catalogofcopyri301libr/page/n769/mode/1up&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://archive.org/details/catalogofcopyri301libr/page/n769/mode/1up&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Willard Cope Brinton, &lt;em&gt;Graphic Presentation&lt;/em&gt;, New York: Brinton Associates, 1939, Chapter 8 &amp;ldquo;Flow Charts,&amp;rdquo; pp.73–80, and the glossary at the end: &lt;a class=&#34;link&#34; href=&#34;https://archive.org/details/graphicpresentat00brinrich&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://archive.org/details/graphicpresentat00brinrich&lt;/a&gt; (p.78: &lt;a class=&#34;link&#34; href=&#34;https://archive.org/details/graphicpresentat00brinrich/page/78/mode/1up&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://archive.org/details/graphicpresentat00brinrich/page/78/mode/1up&lt;/a&gt; / p.80: &lt;a class=&#34;link&#34; href=&#34;https://archive.org/details/graphicpresentat00brinrich/page/80/mode/1up&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://archive.org/details/graphicpresentat00brinrich/page/80/mode/1up&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;dataphys.org, &amp;ldquo;1933 – IBM&amp;rsquo;s Cosmograph&amp;rdquo; (entered by Pierre Dragicevic): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/ibms-cosmograph/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/ibms-cosmograph/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Jim Strickland, &amp;ldquo;Cosmograph? What&amp;rsquo;s a Cosmograph?&amp;rdquo;, &lt;em&gt;Volunteer Information Exchange&lt;/em&gt; Vol.2 No.16, Computer History Museum, 2012-11-23: &lt;a class=&#34;link&#34; href=&#34;http://s3data.computerhistory.org.s3.amazonaws.com/chmedu/VIE_02_016.pdf&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://s3data.computerhistory.org.s3.amazonaws.com/chmedu/VIE_02_016.pdf&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Thomas Fisher Rare Book Library, University of Toronto, &amp;ldquo;Emerging Patterns: Data Visualization Through History&amp;rdquo; (2023), &amp;ldquo;Sankey and Venn Diagrams&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://fisherdigitus.library.utoronto.ca/exhibits/show/emerging-patterns--data-visual/network-diagrams/network-diagrams--sankey-and-v&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://fisherdigitus.library.utoronto.ca/exhibits/show/emerging-patterns--data-visual/network-diagrams/network-diagrams--sankey-and-v&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Phineas, &amp;ldquo;1939 Graphic Presentation Book&amp;rdquo;, sankey-diagrams.com, 2009-09-16: &lt;a class=&#34;link&#34; href=&#34;https://www.sankey-diagrams.com/1939-graphic-presentation-book/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.sankey-diagrams.com/1939-graphic-presentation-book/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Phineas, &amp;ldquo;Infographics Experts on Sankey Diagrams (Part 2)&amp;rdquo;, sankey-diagrams.com, 2009-08-18: &lt;a class=&#34;link&#34; href=&#34;https://www.sankey-diagrams.com/infographics-experts-on-sankey-diagrams-part-2/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.sankey-diagrams.com/infographics-experts-on-sankey-diagrams-part-2/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>The Lines Appear to Be Physical; the Scales Are Text Added Afterward — Steven Pinker&#39;s Glowing Line Charts</title>
        <link>https://visualizing.jp/en/pinker-physical-line-charts/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/pinker-physical-line-charts/</guid>
        <description>&lt;img src="https://visualizing.jp/pinker-physical-line-charts/images/child-mortality-chart.jpg" alt="Featured image of post The Lines Appear to Be Physical; the Scales Are Text Added Afterward — Steven Pinker&#39;s Glowing Line Charts" /&gt;&lt;p&gt;In a video released in 2018 on Bill Gates&amp;rsquo;s channel, the line charts in front of Steven Pinker appear, judging from the footage, to be real glowing lines bent and hung in place. The scales, titles, and country names are text added over the video afterward. I have not found any explanation from the production side. The video runs about two and a half minutes and shows three line charts: global life expectancy, life expectancy by age in England, and the share of children who die before age 5.&lt;/p&gt;
&lt;p&gt;My entry point is the item &amp;ldquo;Steven Pinker explains Global Life Expectancy with Physical Line Charts&amp;rdquo; in dataphys.org, a catalog of data physicalization. The observations and timestamps below are based on the video Gates posted on X (formerly Twitter; about 2 minutes 29 seconds) and its English subtitles. The YouTube version matches in subject, publisher, and timing, but I have not compared the two frame by frame.&lt;/p&gt;
&lt;h2 id=&#34;february-2018-two-and-a-half-minutes-on-gatess-channel&#34;&gt;February 2018: Two and a Half Minutes on Gates&amp;rsquo;s Channel
&lt;/h2&gt;&lt;p&gt;The video is titled &amp;ldquo;Humanity is fighting back against the Grim  Reaper&amp;rdquo;. It was published on Bill Gates&amp;rsquo;s YouTube channel on February 13, 2018 (&lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=zXJPlwaYKzo&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;YouTube&lt;/a&gt;). The description is a single line.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Author Steven Pinker explains how life spans have skyrocketed in the past two centuries.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In other words, the video presents Pinker explaining how much life spans have grown over the past two centuries. The link in the description redirects to the page for Bill and Melinda Gates&amp;rsquo;s 2018 Annual Letter, and the URL contains a tracking string, &amp;ldquo;AnnualLetter2018_Pinker&amp;rdquo;. I have not been able to read the body of the destination page, but the link suggests the video was made to accompany the Annual Letter.&lt;/p&gt;
&lt;p&gt;Eleven days later, on February 24, 2018, Gates posted the video on X.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;People today are living longer, healthier, and happier lives than ever before. I asked @sapinker to explain why.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The post says that people today live longer, healthier, and happier lives than ever before, and that Gates asked Pinker to explain why. Because it says &amp;ldquo;I asked&amp;rdquo;, the video can be read as one requested from Gates&amp;rsquo;s side.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Item&lt;/th&gt;
          &lt;th&gt;Details&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Speaker&lt;/td&gt;
          &lt;td&gt;Steven Pinker. The opening name caption reads &amp;ldquo;Author / Psychologist / Professor / Harvard University&amp;rdquo;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Published by&lt;/td&gt;
          &lt;td&gt;Bill Gates&amp;rsquo;s YouTube channel (February 13, 2018); X (February 24, 2018)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;End screen&lt;/td&gt;
          &lt;td&gt;The book title &amp;ldquo;ENLIGHTENMENT NOW&amp;rdquo; drawn in glowing lines, followed by the &amp;ldquo;gatesnotes&amp;rdquo; logo&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Production company / director&lt;/td&gt;
          &lt;td&gt;Not shown in the video or in any text source; cannot be identified&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;em&gt;Enlightenment Now&lt;/em&gt; is a book Pinker published with Viking in 2018. Its official site describes it as &amp;ldquo;In 75 jaw-dropping graphs&amp;rdquo;. I have not been able to confirm which figures in the book correspond to the three graphs in the video.&lt;/p&gt;
&lt;p&gt;The dataphys.org entry is titled &amp;ldquo;Global Life Expectancy&amp;rdquo;, but the video shows three graphs.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;Title on screen&lt;/th&gt;
          &lt;th&gt;Time on screen&lt;/th&gt;
          &lt;th&gt;Lines&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;A&lt;/td&gt;
          &lt;td&gt;Global Life Expectancy by Age&lt;/td&gt;
          &lt;td&gt;about 0:07–0:45&lt;/td&gt;
          &lt;td&gt;1 red line&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;B&lt;/td&gt;
          &lt;td&gt;Life Expectancy by Age in England&lt;/td&gt;
          &lt;td&gt;about 0:45–1:22&lt;/td&gt;
          &lt;td&gt;10 lines (at birth, and at ages 1 to 70)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;C&lt;/td&gt;
          &lt;td&gt;Children Dying Before Age 5&lt;/td&gt;
          &lt;td&gt;about 1:22–2:20&lt;/td&gt;
          &lt;td&gt;4 lines, then 1 more added for 5&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;The longest is C (about one minute), which is not in the entry&amp;rsquo;s title. C is also where a country is added.&lt;/p&gt;
&lt;h2 id=&#34;the-lines-can-be-held-in-the-hand&#34;&gt;The Lines Can Be Held in the Hand
&lt;/h2&gt;&lt;p&gt;The footage offers four clues that the lines are physical objects.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;In the close-up from 0:05 to 0:09, Pinker&amp;rsquo;s hand grips the end of A&amp;rsquo;s red line.&lt;/li&gt;
&lt;li&gt;In the wide shots at 0:04 and 2:20, the three graphs stand in separate places in the same room. Pinker&amp;rsquo;s head comes in front of B&amp;rsquo;s lines and hides them.&lt;/li&gt;
&lt;li&gt;In the close-up from 2:04 to 2:06, a hand brings in a yellow line and hangs it on C&amp;rsquo;s frame. The line sways and settles into place.&lt;/li&gt;
&lt;li&gt;In the close-ups, the way the lines look changes with the camera angle.&lt;/li&gt;
&lt;/ul&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/pinker-physical-line-charts/images/england-age-lines-closeup.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/pinker-physical-line-charts/images/england-age-lines-closeup.jpg&#34; width=&#34;1600&#34; height=&#34;983&#34; srcset=&#34;https://visualizing.jp/pinker-physical-line-charts/images/england-age-lines-closeup_hu_60372b62777f839a.jpg 480w, https://visualizing.jp/pinker-physical-line-charts/images/england-age-lines-closeup_hu_326c2d74e8072353.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A close-up in which many glowing lines of England’s life expectancy by age cross the frame, with Pinker behind them bringing his hand toward a line&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A close-up in which many glowing lines of England’s life expectancy by age cross the frame, with Pinker behind them bringing his hand toward a line&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: frame from the Bill Gates (Gates Notes) video / dataphys.org&lt;/p&gt;
&lt;p&gt;In the close-up around 1:39, Sweden&amp;rsquo;s line is visible. It is a thin wire bent into the shape of the data and glowing blue all over. It can be read as an EL wire (a thin cable that glows with electricity) or an LED light tube of some kind. I have not found any source that discloses the material. The Ethiopia line that is brought in bends, so the material is somewhat flexible.&lt;/p&gt;
&lt;p&gt;The frame is a metal post standing on the floor. The left and right edges of each graph line up with the posts. The horizontal line at the bottom also looks like a physical crossbar, but that is a reading from appearance.&lt;/p&gt;
&lt;p&gt;There are things I could not confirm. dataphys.org writes that the graphs sway slightly when Pinker touches them. &lt;strong&gt;In still frames, I could not tell a sway caused by touch apart from camera shake.&lt;/strong&gt; The line clearly moves when the Ethiopia line is brought in. I have also found no source in which the production side says the lines were built physically, so from the footage alone I cannot fully rule out CG compositing.&lt;/p&gt;
&lt;h2 id=&#34;the-scales-and-country-names-sit-on-top-of-the-footage&#34;&gt;The Scales and Country Names Sit on Top of the Footage
&lt;/h2&gt;&lt;p&gt;Unlike the lines, the text attached to the graphs is not physical. The deciding scene is the final wide shot around 2:20. Only the lines of the three graphs appear in the room, with no scales, titles, or country names. The same lines are on screen without the text, so the text can be identified as something laid over the footage in editing.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/pinker-physical-line-charts/images/child-mortality-chart.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/pinker-physical-line-charts/images/child-mortality-chart.jpg&#34; width=&#34;1600&#34; height=&#34;983&#34; srcset=&#34;https://visualizing.jp/pinker-physical-line-charts/images/child-mortality-chart_hu_49ece9c49dcd76af.jpg 480w, https://visualizing.jp/pinker-physical-line-charts/images/child-mortality-chart_hu_6bee7672162bd7d5.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A wide shot in which Pinker points left among four glowing line charts, with white text for scales, titles, and country names across the screen&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A wide shot in which Pinker points left among four glowing line charts, with white text for scales, titles, and country names across the screen&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: frame from the Bill Gates (Gates Notes) video / dataphys.org&lt;/p&gt;
&lt;p&gt;Sorting the correspondence between data and appearance by physical object versus overlaid text gives the following.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Appearance&lt;/th&gt;
          &lt;th&gt;Physical or overlaid text (judgment from the footage)&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Values (years of life expectancy, share dying before 5)&lt;/td&gt;
          &lt;td&gt;Height of the line&lt;/td&gt;
          &lt;td&gt;Physical line&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Year&lt;/td&gt;
          &lt;td&gt;Horizontal position of the line&lt;/td&gt;
          &lt;td&gt;Physical line&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Series (age in B, country in C)&lt;/td&gt;
          &lt;td&gt;Color of the line&lt;/td&gt;
          &lt;td&gt;Physical line (the lines appear to glow by themselves)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Series names (ages, country names)&lt;/td&gt;
          &lt;td&gt;White text near the line&lt;/td&gt;
          &lt;td&gt;Overlaid text&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Scales, axis numbers, titles&lt;/td&gt;
          &lt;td&gt;White text at the left, right, and bottom of the screen&lt;/td&gt;
          &lt;td&gt;Overlaid text&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Frame&lt;/td&gt;
          &lt;td&gt;Metal posts&lt;/td&gt;
          &lt;td&gt;Physical&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Adding a series&lt;/td&gt;
          &lt;td&gt;A line is brought by hand and hung&lt;/td&gt;
          &lt;td&gt;Physical action&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;The physical object handles the shape of the lines, and the video handles the annotation needed to read that shape as numbers. It can be read as the two together making a graph that can actually be read.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/pinker-physical-line-charts/images/england-life-expectancy-chart.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/pinker-physical-line-charts/images/england-life-expectancy-chart.jpg&#34; width=&#34;1600&#34; height=&#34;983&#34; srcset=&#34;https://visualizing.jp/pinker-physical-line-charts/images/england-life-expectancy-chart_hu_5d29c2a7bbf6af42.jpg 480w, https://visualizing.jp/pinker-physical-line-charts/images/england-life-expectancy-chart_hu_b7fe7513a499ed34.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A wide shot in which Pinker points to the upper right of a bundle of glowing lines showing England’s life expectancy by age&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;A wide shot in which Pinker points to the upper right of a bundle of glowing lines showing England’s life expectancy by age&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: frame from the Bill Gates (Gates Notes) video / dataphys.org&lt;/p&gt;
&lt;p&gt;Measuring the frames with the overlaid scales as a ruler also reveals how the axes are built. B&amp;rsquo;s vertical axis has tick intervals that get tighter toward the top, so they are not evenly spaced. The ticks on A&amp;rsquo;s horizontal axis are 1770, 1820, 1870, 1913, 1950, 1973, 2000, and 2015. The gaps between years vary from 50 years to 15 years, yet the spacing between ticks on screen is nearly equal at about 130–170 px, and the bends in the line sit at those years&amp;rsquo; positions. This can be read as a line laid out horizontally by the order of the data points, not by the length of time. As a result, the second half, 102 years from 1913 to 2015 (about 630 px), looks wider than the first half, 143 years from 1770 to 1913 (about 430 px).&lt;/p&gt;
&lt;p&gt;The scales are overlaid, but the source of the data is not shown anywhere in the video, nor in the YouTube description. Comparing against the current Our World in Data (OWID) series gives the following.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Graph&lt;/th&gt;
          &lt;th&gt;Series compared&lt;/th&gt;
          &lt;th&gt;Points that match&lt;/th&gt;
          &lt;th&gt;Points that do not match&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;A World&lt;/td&gt;
          &lt;td&gt;OWID life expectancy&lt;/td&gt;
          &lt;td&gt;The years on the scale are a subset of the years in OWID&amp;rsquo;s world series&lt;/td&gt;
          &lt;td&gt;From 1913 to 1973, the video&amp;rsquo;s values are 3–5 years higher&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;B England&lt;/td&gt;
          &lt;td&gt;OWID life expectancy at different ages&lt;/td&gt;
          &lt;td&gt;The age-specific lines start in the 1840s&lt;/td&gt;
          &lt;td&gt;The video&amp;rsquo;s value for 1841 is lower&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;C Under-5 deaths&lt;/td&gt;
          &lt;td&gt;OWID child mortality&lt;/td&gt;
          &lt;td&gt;Sweden starts at about 30% in 1751, with a peak in the 1770s&lt;/td&gt;
          &lt;td&gt;The years where the Canada and Chile lines start differ&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;For C, Sweden&amp;rsquo;s starting year and peak position match well. But all of these are comparisons with the current versions, and I cannot tell whether the differences come from the 2018 versions or from reading error. The source cannot be determined.&lt;/p&gt;
&lt;h2 id=&#34;tracing-and-adding-lines-narration-and-hand-movements&#34;&gt;Tracing and Adding Lines: Narration and Hand Movements
&lt;/h2&gt;&lt;p&gt;Because the lines are handled as physical objects, as they appear to be, Pinker&amp;rsquo;s hand movements double as the steps of the explanation. The correspondence between narration and screen is as follows.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Time&lt;/th&gt;
          &lt;th&gt;Narration&lt;/th&gt;
          &lt;th&gt;Screen&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;0:01–0:12&lt;/td&gt;
          &lt;td&gt;Newborns long ago could expect to live only 30 years&lt;/td&gt;
          &lt;td&gt;From a wide shot to a close-up of a hand gripping the end of the red line&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;0:12–0:24&lt;/td&gt;
          &lt;td&gt;Newborns today can expect 70 years or more, and 80 or more in developed regions&lt;/td&gt;
          &lt;td&gt;A finger traces A&amp;rsquo;s line from left to right and points to the high point at the right end&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;0:45–1:22&lt;/td&gt;
          &lt;td&gt;Looking at the lines by age, using England as an example&lt;/td&gt;
          &lt;td&gt;The hand moves up from the lower lines to the upper lines&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;1:50–1:58&lt;/td&gt;
          &lt;td&gt;Chile cut its child mortality in 30 years&lt;/td&gt;
          &lt;td&gt;The hand indicates the steep drop of the red line&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2:04–2:07&lt;/td&gt;
          &lt;td&gt;Looking at an African country such as Ethiopia&lt;/td&gt;
          &lt;td&gt;A hand brings in the yellow line and hangs it; in the next shot the text &amp;ldquo;ETHIOPIA&amp;rdquo; is added&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;In C, the lines are not all there from the start.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Take an African country like Ethiopia. In 1980, almost a quarter of the children died before their fifth birthday.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The narration says that in Ethiopia in 1980, almost a quarter of children died before their fifth birthday. On this sentence, Pinker brings in the yellow line by hand. The movement of one line being added coincides with the turn in the story toward &amp;ldquo;progress is happening in developing countries too&amp;rdquo;. The narration also says, &amp;ldquo;Each line shows a country representing a different continent.&amp;rdquo; The five countries can be read as one each for Europe, North America, Asia, South America, and Africa. The subtitles name only Sweden, Chile (&amp;ldquo;In Latin America&amp;rdquo;), and Ethiopia (&amp;ldquo;an African country&amp;rdquo;).&lt;/p&gt;
&lt;p&gt;Because the line is brought and hung by hand, it sways and takes a moment to settle. The addition of a new series is visible as a movement. By choosing physical lines, the video seems to have been able to act out, on screen, the steps of the explanation: tracing with a finger, raising a hand, adding one line.&lt;/p&gt;
&lt;h2 id=&#34;how-third-parties-saw-this-video&#34;&gt;How Third Parties Saw This Video
&lt;/h2&gt;&lt;p&gt;The dataphys.org entry was registered by Yvonne Jansen, with information contributed by Cedric Honnet.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;At first glance it appears that line charts are digitally overlaid on the video. However, closeups and a light swaying of the graphs when Steven Pinker touches them, as well as the addition of another country towards the end of the video indicate that the graphs visible in this video are actually physical line graphs.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The reading is that, at first glance, the line charts look digitally overlaid on the video, but the close-ups, the sway on touch, and the addition of a country near the end show that they are physical line charts. The category is &amp;ldquo;Passive physical visualization&amp;rdquo;, and the tags are &amp;ldquo;rearrangeable&amp;rdquo; and &amp;ldquo;storytelling&amp;rdquo;. On the lines, this matches the clues in the footage, but the text really is digitally overlaid. As for the sway, I could not confirm it in still frames.&lt;/p&gt;
&lt;p&gt;Jansen, Pierre Dragicevic, and Jean-Daniel Fekete presented an evaluation experiment on physical visualizations at CHI 2013 (&lt;a class=&#34;link&#34; href=&#34;https://visualizing.jp/evaluating-physical-visualizations/&#34; &gt;article in Japanese&lt;/a&gt;). The abstract says:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The efficiency of physical visualizations seems to stem from features that are unique to physical objects, such as their ability to be touched and their perfect visual realism.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The conclusion is that the efficiency of physical visualizations seems to come from properties unique to physical objects, such as being touchable and looking perfectly real. The subject was 3D bar charts, not line charts. Even so, being touchable does not reach the video&amp;rsquo;s viewers; it belongs only to Pinker on screen. Visual realism survives the trip through the video. This video can be read as handing only the latter to its viewers.&lt;/p&gt;
&lt;p&gt;In May 2018, Jeremy Lent criticized how the graphs in &lt;em&gt;Enlightenment Now&lt;/em&gt; were chosen. While granting that the book&amp;rsquo;s 75 graphs do show progress, he calls it a &amp;ldquo;selective view of progress&amp;rdquo;, that is, a view that looks only at the progress that suits the argument. The way the video adds countries one line at a time can also be read as connecting to the point that the impression changes depending on which countries are chosen.&lt;/p&gt;
&lt;h2 id=&#34;takeaways-for-use&#34;&gt;Takeaways for Use
&lt;/h2&gt;&lt;p&gt;What this video offers to take away is a way of dividing what is made physical from what is left to the video. Only the shape of the lines, which appear to be physical, was placed in the room; all the text needed for reading was overlaid in editing. The lines can be grabbed by hand, and the text stays legible even when a person stands in front of it.&lt;/p&gt;
&lt;p&gt;When filming a physical graph, make physical the things the hand touches in the explanation and the things that get added or removed. Overlay what should be readable from any angle, such as numbers and names. Ending with a wide shot without text lets viewers check how much was physical.&lt;/p&gt;
&lt;p&gt;The action of adding a series is also usable. Bringing in one line by hand, as with the Ethiopia line, leaves the moment a new comparison joins as a visible movement. It can be read as marking a break in the story more clearly than drawing in an extra line on screen.&lt;/p&gt;
&lt;p&gt;What this video lacks is also a point to take away. The source of the data appears nowhere on screen, and A&amp;rsquo;s horizontal axis was not proportional to the length of years. Physical objects catch the eye, and for that reason the construction of the axes and the source are easy to overlook. Precisely when showing something physically, the source and the construction of the axes need to be written in the overlaid text or in the description.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;dataphys.org, &amp;ldquo;Steven Pinker explains Global Life Expectancy with Physical Line Charts&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/steven-pinker-explains-global-life-expectancy-with-physical-line-charts/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/steven-pinker-explains-global-life-expectancy-with-physical-line-charts/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Bill Gates, &amp;ldquo;Humanity is fighting back against the Grim  Reaper&amp;rdquo;, YouTube, February 13, 2018: &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=zXJPlwaYKzo&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/watch?v=zXJPlwaYKzo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;YouTube oEmbed (title and publisher): &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=zXJPlwaYKzo&amp;amp;format=json&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=zXJPlwaYKzo&amp;format=json&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Bill Gates&amp;rsquo;s post on X, February 24, 2018: &lt;a class=&#34;link&#34; href=&#34;https://twitter.com/BillGates/status/967449421238579201&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://twitter.com/BillGates/status/967449421238579201&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;X video streaming playlist (video file and English subtitles): &lt;a class=&#34;link&#34; href=&#34;https://video.twimg.com/amplify_video/963248646262284289/pl/2kD1mFd_Szq2Ipmo.m3u8&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://video.twimg.com/amplify_video/963248646262284289/pl/2kD1mFd_Szq2Ipmo.m3u8&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Link in the YouTube description: &lt;a class=&#34;link&#34; href=&#34;http://b-gat.es/2Eac9LN&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://b-gat.es/2Eac9LN&lt;/a&gt; (redirects to &lt;a class=&#34;link&#34; href=&#34;https://www.gatesnotes.com/2018-Annual-Letter&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.gatesnotes.com/2018-Annual-Letter&lt;/a&gt; ; body not checked)&lt;/li&gt;
&lt;li&gt;Steven Pinker, &lt;em&gt;Enlightenment Now: The Case for Reason, Science, Humanism, and Progress&lt;/em&gt;, Viking, 2018. Introduction on the official site: &lt;a class=&#34;link&#34; href=&#34;https://stevenpinker.com/publications/enlightenment-now-case-reason-science-humanism-and-progress&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://stevenpinker.com/publications/enlightenment-now-case-reason-science-humanism-and-progress&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Series used for comparing the data (current versions)
&lt;ul&gt;
&lt;li&gt;Our World in Data, &amp;ldquo;Life expectancy&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://ourworldindata.org/grapher/life-expectancy&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://ourworldindata.org/grapher/life-expectancy&lt;/a&gt; (metadata: &lt;a class=&#34;link&#34; href=&#34;https://ourworldindata.org/grapher/life-expectancy.metadata.json&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://ourworldindata.org/grapher/life-expectancy.metadata.json&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Our World in Data, &amp;ldquo;Life expectancy at different ages&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://ourworldindata.org/grapher/life-expectancy-at-different-ages&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://ourworldindata.org/grapher/life-expectancy-at-different-ages&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Our World in Data, &amp;ldquo;Child mortality&amp;rdquo;: &lt;a class=&#34;link&#34; href=&#34;https://ourworldindata.org/grapher/child-mortality&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://ourworldindata.org/grapher/child-mortality&lt;/a&gt; (metadata: &lt;a class=&#34;link&#34; href=&#34;https://ourworldindata.org/grapher/child-mortality.metadata.json&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://ourworldindata.org/grapher/child-mortality.metadata.json&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Max Roser, &amp;ldquo;Twice as long — life expectancy around the world&amp;rdquo;, Our World in Data, 2018: &lt;a class=&#34;link&#34; href=&#34;https://ourworldindata.org/life-expectancy-globally&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://ourworldindata.org/life-expectancy-globally&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;James C. Riley, &amp;ldquo;Estimates of Regional and Global Life Expectancy, 1800–2001,&amp;rdquo; 2005. &lt;a class=&#34;link&#34; href=&#34;https://doi.org/10.1111/j.1728-4457.2005.00083.x&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;doi:10.1111/j.1728-4457.2005.00083.x&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Secondary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Yvonne Jansen, Pierre Dragicevic, Jean-Daniel Fekete, &amp;ldquo;Evaluating the Efficiency of Physical Visualizations,&amp;rdquo; CHI 2013. &lt;a class=&#34;link&#34; href=&#34;https://doi.org/10.1145/2470654.2481359&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;doi:10.1145/2470654.2481359&lt;/a&gt; / HAL: &lt;a class=&#34;link&#34; href=&#34;https://inria.hal.science/hal-00781831&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://inria.hal.science/hal-00781831&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Jeremy Lent, &amp;ldquo;Steven Pinker&amp;rsquo;s Ideas About Progress Are Fatally Flawed. These Eight Graphs Show Why.&amp;rdquo;, Patterns of Meaning, May 17, 2018: &lt;a class=&#34;link&#34; href=&#34;https://patternsofmeaning.com/2018/05/17/steven-pinkers-ideas-about-progress-are-fatally-flawed-these-eight-graphs-show-why/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://patternsofmeaning.com/2018/05/17/steven-pinkers-ideas-about-progress-are-fatally-flawed-these-eight-graphs-show-why/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Douglas Fischer&amp;rsquo;s introduction to Lent&amp;rsquo;s article, EHN, May 18, 2018: &lt;a class=&#34;link&#34; href=&#34;https://www.ehn.org/steven-pinkers-ideas-about-progress-are-fatally-flawed-these-eight-graphs-show-why-resilience&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.ehn.org/steven-pinkers-ideas-about-progress-are-fatally-flawed-these-eight-graphs-show-why-resilience&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;M. Özgür Nevres, &amp;ldquo;People today are living longer, healthier, and happier lives than ever before&amp;rdquo;, March 13, 2018: &lt;a class=&#34;link&#34; href=&#34;https://ourplnt.com/people-living-longer-healthier-happier&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://ourplnt.com/people-living-longer-healthier-happier&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>White Beads for Satisfied, Red for Unsatisfied: The Bar Chart in the Antell Cafeteria at the University of Helsinki</title>
        <link>https://visualizing.jp/en/helsinki-cafeteria-bead-survey/</link>
        <pubDate>Tue, 03 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/helsinki-cafeteria-bead-survey/</guid>
        <description>&lt;img src="https://visualizing.jp/helsinki-cafeteria-bead-survey/images/cover.jpg" alt="Featured image of post White Beads for Satisfied, Red for Unsatisfied: The Bar Chart in the Antell Cafeteria at the University of Helsinki" /&gt;&lt;p&gt;At the exit of an Antell cafeteria on the University of Helsinki campus, there was a physical bar chart. Customers put in a white bead (satisfied) or a red bead (unsatisfied).&lt;/p&gt;
&lt;p&gt;The source is the entry &amp;ldquo;Physical Customer Satisfaction Survey&amp;rdquo; on dataphys.org (List of Physical Visualizations), a site that collects physical visualizations. Pierre Dragicevic added it in March 2015. The text is two sentences long, and the photo is a single image taken by Luana Micallef. This article follows those two sentences and the photo.&lt;/p&gt;
&lt;h2 id=&#34;what-stood-on-the-table-by-the-exit&#34;&gt;What stood on the table by the exit
&lt;/h2&gt;&lt;p&gt;The text of the entry reads as follows.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Participatory physical bar charts at the exit of the Antell cafeteria at the University of Helsinki. White beads represent statisfied customers, red beads are unsatisfied ones.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short: participatory physical bar charts at the exit of the Antell cafeteria at the University of Helsinki, where white beads stand for satisfied customers and red beads for unsatisfied ones. &amp;ldquo;statisfied&amp;rdquo; is the spelling in the original.&lt;/p&gt;
&lt;p&gt;The Source field says &amp;ldquo;Antell&amp;rdquo;, and the link goes to Antell&amp;rsquo;s home page. It contains no description of the device. Since the Source field names Antell, the device can be read as belonging to the Antell outlet rather than being run by the university. Micallef, who took the photo, was in 2015 a visualization researcher affiliated with the Helsinki Institute for Information Technology (HIIT).&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/helsinki-cafeteria-bead-survey/images/cover.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/helsinki-cafeteria-bead-survey/images/cover.jpg&#34; width=&#34;1224&#34; height=&#34;1632&#34; srcset=&#34;https://visualizing.jp/helsinki-cafeteria-bead-survey/images/cover_hu_858ce3768362ff32.jpg 480w, https://visualizing.jp/helsinki-cafeteria-bead-survey/images/cover_hu_58b685d107e08691.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;On the table at the exit stand a slender glass tube with white beads collected at the bottom, a square glass bowl holding white and red beads, a card showing a smiling face and a frowning face, and a box for Antell’s customer survey&#34;&gt;&lt;/a&gt;&lt;figcaption&gt;&lt;span class=&#34;vz-figure__no&#34; data-label=&#34;Fig. &#34;&gt;&lt;/span&gt;&lt;span class=&#34;vz-figure__text&#34;&gt;On the table at the exit stand a slender glass tube with white beads collected at the bottom, a square glass bowl holding white and red beads, a card showing a smiling face and a frowning face, and a box for Antell’s customer survey&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Photo by Luana Micallef / From dataphys.org&lt;/p&gt;
&lt;p&gt;Here is what appears in the photo, starting from the front.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;There are two square glass bowls: the left one holds white beads, the right one red beads.&lt;/li&gt;
&lt;li&gt;On the card in the transparent stand behind them, a white smiling face and a red frowning face sit side by side under the Antell logo.&lt;/li&gt;
&lt;li&gt;On the left stands a slender glass tube, with white beads collected at the bottom.&lt;/li&gt;
&lt;li&gt;The sign behind the tube poses a question in Finnish and English. Part of it is hidden by the tube, but the English can be read as &amp;ldquo;How did we serve you today?&amp;rdquo;&lt;/li&gt;
&lt;li&gt;At the back is a white box labeled &amp;ldquo;ASIAKASPALAUTE&amp;rdquo;, and a stack of paper lies at the front left.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The two faces on the card can be read as a legend for the bead colors. The two bowls in front can be read as the place where customers pick up their beads. Only one tube appears in the photo, and the beads in it are all white. The text says &amp;ldquo;bar charts&amp;rdquo; in the plural, but the photo does not show where any other tubes were.&lt;/p&gt;
&lt;h2 id=&#34;what-was-mapped-to-color-and-height&#34;&gt;What was mapped to color and height
&lt;/h2&gt;&lt;p&gt;The table below lays out the mapping between data and physical properties, together with the basis for each.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Physical property&lt;/th&gt;
          &lt;th&gt;Basis&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Customer&amp;rsquo;s rating (satisfied / unsatisfied)&lt;/td&gt;
          &lt;td&gt;Bead color (white / red)&lt;/td&gt;
          &lt;td&gt;Stated in the text&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Meaning of the colors&lt;/td&gt;
          &lt;td&gt;The card&amp;rsquo;s white smiling face and red frowning face&lt;/td&gt;
          &lt;td&gt;Visible in the photo&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Who answers&lt;/td&gt;
          &lt;td&gt;Customers put in the beads themselves&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;Participatory&amp;rdquo; in the text&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;When they answer&lt;/td&gt;
          &lt;td&gt;Placement (the cafeteria exit)&lt;/td&gt;
          &lt;td&gt;Stated in the text&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Number of responses&lt;/td&gt;
          &lt;td&gt;Height of the beads piled in the tube&lt;/td&gt;
          &lt;td&gt;Read from &amp;ldquo;bar charts&amp;rdquo; in the text and the tube in the photo&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;One respondent&lt;/td&gt;
          &lt;td&gt;One bead&lt;/td&gt;
          &lt;td&gt;Not described in the source&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;strong&gt;The only mapping stated in the text is color.&lt;/strong&gt; Reading counts from height comes from the name &amp;ldquo;bar chart&amp;rdquo; and from the tube in the photo. The source does not say how many beads one person puts in, or what the bars were divided by. The installation period, the number of beads collected, the ratio of satisfied to unsatisfied, and who designed the device are also unknown from the source.&lt;/p&gt;
&lt;p&gt;dataphys classifies this device as a Passive physical visualization, a category of physical visualizations that use no power or electronic components. The only thing that updates the display can be read as the hands of the customers dropping in beads.&lt;/p&gt;
&lt;h2 id=&#34;dataphys-lists-it-alongside-devices-of-the-same-kind&#34;&gt;dataphys lists it alongside devices of the same kind
&lt;/h2&gt;&lt;p&gt;The entry&amp;rsquo;s Related field lists three other works alongside this device.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Related: Also see similar contraptions by Hans Haacke (1970), Lucy Kimbell (2006), and Jennifer Payne (2014).&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;It is a single sentence asking readers to also see similar contraptions by Haacke (1970), Kimbell (2006), and Payne (2014). The Related field calls the three &amp;ldquo;similar contraptions&amp;rdquo;, which suggests that dataphys lists this case as the same kind. This device can be read as a tool the outlet set out for a customer survey (the source does not describe its purpose).&lt;/p&gt;
&lt;p&gt;The entry also carries the participatory tag. The tag page begins with voting by pebbles in ancient Greece and says this.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The earliest participatory visualizations were probably voting systems.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short: the earliest participatory visualizations were probably voting systems. Here is how the dataphys entries divide up the answers.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Device&lt;/th&gt;
          &lt;th&gt;Year&lt;/th&gt;
          &lt;th&gt;How answers are divided&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Pebble voting (ancient Greece)&lt;/td&gt;
          &lt;td&gt;—&lt;/td&gt;
          &lt;td&gt;Pebble color (white = for, black = against). Sometimes two urns were used&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Hans Haacke, &lt;em&gt;MoMA Poll&lt;/em&gt;&lt;/td&gt;
          &lt;td&gt;1970&lt;/td&gt;
          &lt;td&gt;Position of the box (left box = Yes, right box = No)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Lucy Kimbell, &lt;em&gt;Physical Bar Charts&lt;/em&gt;&lt;/td&gt;
          &lt;td&gt;2006&lt;/td&gt;
          &lt;td&gt;Badges are taken out, so the more votes, the lower the bar&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Jennifer Payne, &lt;em&gt;Physical Visual Sedimentation&lt;/em&gt;&lt;/td&gt;
          &lt;td&gt;2014&lt;/td&gt;
          &lt;td&gt;Gumball color separates groups within the university&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Antell&amp;rsquo;s device&lt;/td&gt;
          &lt;td&gt;2015 (year of registration)&lt;/td&gt;
          &lt;td&gt;Bead color (white = satisfied, red = unsatisfied)&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Haacke&amp;rsquo;s &lt;em&gt;MoMA Poll&lt;/em&gt; divided yes and no by the position of the box (&lt;a class=&#34;link&#34; href=&#34;https://visualizing.jp/moma-poll/&#34; &gt;article&lt;/a&gt;). Antell&amp;rsquo;s device, like pebble voting, divides answers by color. Dividing by color suggests that the position of the bar could be assigned to something else. However, what this device divided by position cannot be confirmed.&lt;/p&gt;
&lt;p&gt;dataphys&amp;rsquo;s treatment is a classification, not an evaluation. I could not find any criticism or press coverage of this device itself in a form I could read.&lt;/p&gt;
&lt;h2 id=&#34;how-it-could-be-used&#34;&gt;How it could be used
&lt;/h2&gt;&lt;p&gt;In this device, the act of answering and the act of showing the result happen on the same tube. The next customer walking out can also see the beads that have piled up so far, it can be read.&lt;/p&gt;
&lt;p&gt;In this photo, the card with the smiling and frowning faces can be read as a legend. It can be read as a design that makes the meaning of white and red clear without reading any text.&lt;/p&gt;
&lt;p&gt;The materials in the photo are beads, glass bowls and a tube, a sign, and a card. There are no electronic components. A device of this kind can be read as easy to assemble from materials at hand.&lt;/p&gt;
&lt;p&gt;The source does not describe any tallying or record-keeping for this device. &lt;em&gt;MoMA Poll&lt;/em&gt; kept the final day&amp;rsquo;s vote count with a photoelectric counter (&lt;a class=&#34;link&#34; href=&#34;https://visualizing.jp/moma-poll/&#34; &gt;article&lt;/a&gt;). As a general point, when collecting on a physical object, it helps later to decide in advance how the counts will be taken and recorded.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Primary sources&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;dataphys.org &amp;ldquo;2015 – Physical Customer Satisfaction Survey&amp;rdquo; (Added by Pierre Dragicevic, registered 2015-03-12): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/physical-customer-satisfaction-survey/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/physical-customer-satisfaction-survey/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Photo (Photo by Luana Micallef): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/images/uploads/2015/03/antell.jpg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/images/uploads/2015/03/antell.jpg&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Antell (the link target of the entry&amp;rsquo;s Source field; it contains no description of the device): &lt;a class=&#34;link&#34; href=&#34;http://www.antell.fi/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://www.antell.fi/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;The photographer&amp;rsquo;s 2015 affiliation (HIIT): &lt;a class=&#34;link&#34; href=&#34;https://research.aalto.fi/en/activities/creating-high-quality-figures-for-your-publications/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://research.aalto.fi/en/activities/creating-high-quality-figures-for-your-publications/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Comparison and background sources (related pages on dataphys.org; these are not evaluations of this device itself)&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;dataphys.org participatory tag: &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/tags/participatory/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/tags/participatory/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;dataphys.org Passive physical visualization category: &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/categories/passive-physical-visualization/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/categories/passive-physical-visualization/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;dataphys.org Pebble Voting: &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/visualizing-opinions-with-pebbles/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/visualizing-opinions-with-pebbles/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;dataphys.org MoMA Poll (Haacke, 1970): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/moma-poll-haackes-participatory-bar-chart/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/moma-poll-haackes-participatory-bar-chart/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;dataphys.org Inverted Participatory Bar Charts (Kimbell): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/physical-bar-charts/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/physical-bar-charts/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;dataphys.org Physical Visual Sedimentation (Payne, 2014): &lt;a class=&#34;link&#34; href=&#34;https://dataphys.org/list/physical-visual-sedimentation/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://dataphys.org/list/physical-visual-sedimentation/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        
    </channel>
</rss>
