<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Scrollytelling on Visualizing.JP</title>
        <link>https://visualizing.jp/en/tags/scrollytelling/</link>
        <description>Recent content in Scrollytelling on Visualizing.JP</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en-US</language>
        <copyright>Yuichi Yazaki</copyright>
        <lastBuildDate>Wed, 04 Nov 2026 00:00:00 +0900</lastBuildDate><atom:link href="https://visualizing.jp/en/tags/scrollytelling/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>On a Day with a High of 36°C, the Heat Index Reached 69°C: The Hindu&#39;s &#39;Chennai&#39;s heat index&#39;</title>
        <link>https://visualizing.jp/en/hindu-chennai-heat-index/</link>
        <pubDate>Wed, 04 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/hindu-chennai-heat-index/</guid>
        <description>&lt;img src="https://visualizing.jp/hindu-chennai-heat-index/images/cover.jpg" alt="Featured image of post On a Day with a High of 36°C, the Heat Index Reached 69°C: The Hindu&#39;s &#39;Chennai&#39;s heat index&#39;" /&gt;&lt;p&gt;The Hindu calculated a heat index from the readings of sensors carried by four workers. The piece gives the maximum temperature in Chennai, in southern India, on June 9, 2025 as 36°C. On the same day, the heat index for a street-food cook and a fisherman who went out to sea reached as high as 69°C. The sensors were Arduino Nano boards fitted with a temperature and humidity sensor, and the heat index was calculated with the formula of the U.S. National Weather Service (NWS).&lt;/p&gt;
&lt;p&gt;The piece is a standalone interactive page published on July 12, 2025 by the Data team of The Hindu, an English-language daily in India. The page&amp;rsquo;s headline is &amp;ldquo;TAKING ON THE HEAT,&amp;rdquo; and its entry name in the Sigma Awards is &amp;ldquo;Chennai&amp;rsquo;s heat index: How heat stressed are you?&amp;rdquo; Below, I read it in the order a visitor sees the page, following the text and code of the piece and its Sigma Awards entry.&lt;/p&gt;
&lt;h2 id=&#34;on-june-9-the-high-was-36c&#34;&gt;On June 9, the high was 36°C
&lt;/h2&gt;&lt;p&gt;When you open the page, the large red-orange letters &amp;ldquo;HEAT&amp;rdquo; appear over a black-and-white photograph of a person drinking water. Below them is a single lead sentence.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/cover.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/cover.jpg&#34; width=&#34;1280&#34; height=&#34;827&#34; srcset=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/cover_hu_59f38c6619264f24.jpg 480w, https://visualizing.jp/hindu-chennai-heat-index/images/cover_hu_5e4b55ab26078544.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;The opening of the piece: the headline “TAKING ON THE HEAT” and a lead sentence saying the maximum on June 9 was 36°C, laid over a black-and-white photograph&#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 opening of the piece: the headline “TAKING ON THE HEAT” and a lead sentence saying the maximum on June 9 was 36°C, laid over a black-and-white photograph&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: The Hindu Data team / The Hindu, &amp;ldquo;Heat index: how heat-stressed are you?&amp;rdquo;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;The maximum temperature on June 9 in Chennai was 36°C. But, high humidity and the kind of work they did compounded the heat stress for many.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short, the high was 36°C, but humidity and the kind of work made the heat stress heavier for many people. With this first line, the article can be read as fixing the maximum temperature as the thing everything else will be compared against.&lt;/p&gt;
&lt;p&gt;Next come cards for four people, each with a portrait. A card gives the person&amp;rsquo;s name, occupation, the highest heat index of the day with its time, and a quote from the person.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Person&lt;/th&gt;
          &lt;th&gt;Occupation / place&lt;/th&gt;
          &lt;th&gt;Maximum written on the card&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Sathya&lt;/td&gt;
          &lt;td&gt;Tiffin cook (a street-food cook) at Parry&amp;rsquo;s Corner in the city center&lt;/td&gt;
          &lt;td&gt;69°C at 11:30 a.m.&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Anand (age 33)&lt;/td&gt;
          &lt;td&gt;Fisherman who goes out to the Bay of Bengal from Marina Beach&lt;/td&gt;
          &lt;td&gt;69°C at sea at 12:56 p.m.&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Prakash&lt;/td&gt;
          &lt;td&gt;Factory worker polishing stainless-steel utensils in Korukkupet&lt;/td&gt;
          &lt;td&gt;About 66°C at 3:10 p.m.&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Leon (a pseudonym)&lt;/td&gt;
          &lt;td&gt;Auto-rickshaw driver&lt;/td&gt;
          &lt;td&gt;56.8°C at 2:20 p.m.&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;All four numbers on the cards are more than 20°C above 36°C.&lt;/p&gt;
&lt;h2 id=&#34;handmade-sensors-and-the-nws-formula&#34;&gt;Handmade sensors and the NWS formula
&lt;/h2&gt;&lt;p&gt;The method is described in the body text after the cards.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;The Hindu Data team used Arduino Nano devices with temperature and humidity sensors to continuously record time-stamped data on an on-device SD card. We handed these devices out to four people from different parts of Chennai.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The team recorded time-stamped data continuously on the device&amp;rsquo;s SD card and handed the devices to four people working in different parts of Chennai. The piece says the recording day was June 9, 2025, that there was light rain at 4 p.m., and that this was a few weeks after the city&amp;rsquo;s heat peak.&lt;/p&gt;
&lt;p&gt;How the heat index was calculated is explained in a note at the end of the page. The team used a formula from the U.S. National Weather Service (the article writes &amp;ldquo;U.S. National Weather Service (NOAA)&amp;rdquo;) that takes air temperature and relative humidity. The India Meteorological Department (IMD) provisionally divides the value into four levels: below 35°C, 36 to 45°C, 46 to 55°C, and above 55°C. The body text gives an example: 35°C at 85% relative humidity gives a heat index of 60°C. Recalculating it with the NWS formula gives 60.0°C, which matches.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;The piece does not hide gaps and outliers in its data.&lt;/strong&gt; The body text says that there are periods when the devices were switched off by mistake and the data is missing, and that the team filled those periods in through interviews. Sathya&amp;rsquo;s chart carries a note that unusually high values appeared because the device was placed near the stove. Anand switched his device off at night, and the piece says the nighttime heat index could not be calculated.&lt;/p&gt;
&lt;h2 id=&#34;three-numbers-that-change-as-you-scroll&#34;&gt;Three numbers that change as you scroll
&lt;/h2&gt;&lt;p&gt;Each of the four people gets one scene that follows their day. A square illustration and three numbers are pinned to the left third of the screen. The numbers are &amp;ldquo;TIME,&amp;rdquo; &amp;ldquo;TEMP,&amp;rdquo; and &amp;ldquo;HEAT INDEX.&amp;rdquo; Paragraphs of text flow through the right two thirds, and when a paragraph reaches the middle of the screen, the illustration and numbers switch.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/scrolly-panel-sathya-peak.png&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/scrolly-panel-sathya-peak.png&#34; width=&#34;1200&#34; height=&#34;690&#34; srcset=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/scrolly-panel-sathya-peak_hu_53d0e1f54920ea91.png 480w, https://visualizing.jp/hindu-chennai-heat-index/images/scrolly-panel-sathya-peak_hu_25f32b6725567144.png 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;On a black background, an illustration of a woman wiping her face with the end of her sari, with three numbers, 11:30 A.M., 48.3°C and 69°C, and a paragraph of text 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;On a black background, an illustration of a woman wiping her face with the end of her sari, with three numbers, 11:30 A.M., 48.3°C and 69°C, and a paragraph of text on the right&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Soumyadip Sinha (Illustrations in the piece&amp;rsquo;s credits) / The Hindu, &amp;ldquo;Heat index: how heat-stressed are you?&amp;rdquo;&lt;/p&gt;
&lt;p&gt;The figure above is the scene where Sathya sets down her ladle: 11:30 A.M., air temperature 48.3°C, heat index 69°C. Which values appear with which paragraph is written in the HTML, as the attributes &lt;code&gt;data-time&lt;/code&gt;, &lt;code&gt;data-temp&lt;/code&gt;, and &lt;code&gt;data-felt&lt;/code&gt; on each paragraph.&lt;/p&gt;
&lt;p&gt;The table below shows how the data is mapped to visual forms.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Component&lt;/th&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Visual form / material&lt;/th&gt;
          &lt;th&gt;Specifics&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Lead sentence&lt;/td&gt;
          &lt;td&gt;Maximum temperature given by the piece&lt;/td&gt;
          &lt;td&gt;Text&lt;/td&gt;
          &lt;td&gt;36°C&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Four cards&lt;/td&gt;
          &lt;td&gt;Each person&amp;rsquo;s maximum heat index and its time&lt;/td&gt;
          &lt;td&gt;Portrait + name + one sentence + the person&amp;rsquo;s words&lt;/td&gt;
          &lt;td&gt;69 / 69 / about 66 / 56.8°C&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Pinned panel: time&lt;/td&gt;
          &lt;td&gt;The time of the paragraph&lt;/td&gt;
          &lt;td&gt;Numbers animated like a clock&lt;/td&gt;
          &lt;td&gt;Counts in steps of 1 to 10 minutes depending on the time difference&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Pinned panel: temperature&lt;/td&gt;
          &lt;td&gt;The temperature of the paragraph&lt;/td&gt;
          &lt;td&gt;Number + text color (5 levels)&lt;/td&gt;
          &lt;td&gt;Color changes at 30 / 33 / 36 / 39°C&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Pinned panel: heat index&lt;/td&gt;
          &lt;td&gt;The heat index of the paragraph&lt;/td&gt;
          &lt;td&gt;Number + text color (5 levels)&lt;/td&gt;
          &lt;td&gt;Thresholds at 35 / 45 / 55 / 65°C, from #ffe5e5 to #f24405&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Pinned panel: image&lt;/td&gt;
          &lt;td&gt;The scene of the paragraph&lt;/td&gt;
          &lt;td&gt;Swapping black-and-white line illustrations&lt;/td&gt;
          &lt;td&gt;Sathya1 to 4, Fisherman1 to 5, and so on&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Time-series line&lt;/td&gt;
          &lt;td&gt;Heat index calculated from the sensor&lt;/td&gt;
          &lt;td&gt;A single red-orange (#f24405) line on black&lt;/td&gt;
          &lt;td&gt;Horizontal axis = time, vertical axis = heat index&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Line annotations&lt;/td&gt;
          &lt;td&gt;Peaks, outliers, missing data&lt;/td&gt;
          &lt;td&gt;White circle and curved arrow + one sentence&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;peaked to 69°C at around 1 p.m.&amp;rdquo; and others&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;The only place where values are turned into color is the text color of the panel&amp;rsquo;s temperature and heat index. The color thresholds for the heat index are the IMD&amp;rsquo;s four levels (35 / 45 / 55°C) with one more boundary, 65°C, added, making five levels. As a result, the deepest red-orange appears only in the scenes of the two people at 69°C and Prakash at 66°C. Leon (56.8°C), who falls in the same &amp;ldquo;above 55°C&amp;rdquo; class under the IMD&amp;rsquo;s division, stays one shade lighter. The extra step can be read as added to show differences among the four.&lt;/p&gt;
&lt;h2 id=&#34;the-four-line-charts-do-not-share-a-yardstick&#34;&gt;The four line charts do not share a yardstick
&lt;/h2&gt;&lt;p&gt;At the end of each scene, a line chart of that person&amp;rsquo;s heat index is placed. The line itself is a PNG image, while the axis numbers and annotations are HTML text. HTML comments show that the charts were finished in Adobe Illustrator and ai2html (v0.121.1).&lt;/p&gt;
&lt;p&gt;The four charts differ from one another in both time range and vertical-axis range.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Person&lt;/th&gt;
          &lt;th&gt;Horizontal axis&lt;/th&gt;
          &lt;th&gt;Vertical axis&lt;/th&gt;
          &lt;th&gt;Annotations&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Sathya&lt;/td&gt;
          &lt;td&gt;9:00 a.m. to 9:00 a.m. the next day (about 24 hours)&lt;/td&gt;
          &lt;td&gt;40 to 80 (steps of 10)&lt;/td&gt;
          &lt;td&gt;Outlier near the stove / &amp;ldquo;peaked to nearly 69°C at around 11.30 a.m.&amp;rdquo;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Anand&lt;/td&gt;
          &lt;td&gt;9:00 a.m. to 6:00 p.m.&lt;/td&gt;
          &lt;td&gt;30 to 70 (steps of 5)&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;peaked to 69°C at around 1 p.m.&amp;rdquo; (desktop version)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Prakash&lt;/td&gt;
          &lt;td&gt;10:00 a.m. to 12:00 a.m.&lt;/td&gt;
          &lt;td&gt;40 to 65 (steps of 5)&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;peaked to 66°C in the afternoon&amp;rdquo;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Leon&lt;/td&gt;
          &lt;td&gt;9:00 a.m. to 11:00 p.m.&lt;/td&gt;
          &lt;td&gt;40 to 55 (steps of 2.5)&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;peaked to 56.8°C during one of his afternoon rides&amp;rdquo; / &amp;ldquo;Missing data&amp;rdquo;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;The peak that reaches near the top of the frame is in the 56°C range in Leon&amp;rsquo;s chart and above 80°C in Sathya&amp;rsquo;s. The four are not built to be compared side by side. What lets readers compare one person with another is the numbers in the annotations and the four cards at the start. The charts can be read as cut to show the shape of each person&amp;rsquo;s day.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-sathya.png&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-sathya.png&#34; width=&#34;1145&#34; height=&#34;572&#34; srcset=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-sathya_hu_4aa5e3abaa9e9e42.png 480w, https://visualizing.jp/hindu-chennai-heat-index/images/chart-sathya_hu_3343d4428d0aff27.png 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A red-orange line on black. A peak above 80 around noon, with a note that the device was placed near the stove and a note for 69°C, each marked with a circle and an arrow&#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 red-orange line on black. A peak above 80 around noon, with a note that the device was placed near the stove and a note for 69°C, each marked with a circle and an arrow&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: The Hindu Data team / The Hindu, &amp;ldquo;Heat index: how heat-stressed are you?&amp;rdquo;&lt;/p&gt;
&lt;p&gt;In Sathya&amp;rsquo;s chart, the line rises past the 80 mark around noon. That peak is circled in white and annotated as the device having been placed near the stove. The &amp;ldquo;69°C&amp;rdquo; note points to the lower peak before it. The 69°C on the card can be read as a value chosen with the outlier peak excluded.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-anand-desktop.png&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-anand-desktop.png&#34; width=&#34;1144&#34; height=&#34;572&#34; srcset=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-anand-desktop_hu_a4ac7e462bf97aa2.png 480w, https://visualizing.jp/hindu-chennai-heat-index/images/chart-anand-desktop_hu_7a2f02984beee7da.png 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A red-orange line on black. A peak around 1 p.m. is circled, with a note that it reached 69°C&#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 red-orange line on black. A peak around 1 p.m. is circled, with a note that it reached 69°C&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: The Hindu Data team / The Hindu, &amp;ldquo;Heat index: how heat-stressed are you?&amp;rdquo; (desktop version)&lt;/p&gt;
&lt;p&gt;Anand&amp;rsquo;s chart contains an inconsistency. The page switches between two versions depending on screen width. In the desktop version, at widths of 1144px or more, the annotation reads &amp;ldquo;Anand&amp;rsquo;s heat index peaked to 69°C at around 1 p.m.&amp;rdquo; In the version for narrower screens it reads &amp;ldquo;peaked to 48°C at around 1 p.m.&amp;rdquo; Both versions have a vertical axis of 30 to 70, and the shape of the line is the same. The top of the line sits just under the 70 mark, which fits the desktop version&amp;rsquo;s 69°C. The 48°C on the small screen can be read as a missed rewrite. A person reading on a smartphone sees 69°C on the card and 48°C in the chart&amp;rsquo;s annotation.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-leon.png&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-leon.png&#34; width=&#34;1144&#34; height=&#34;572&#34; srcset=&#34;https://visualizing.jp/hindu-chennai-heat-index/images/chart-leon_hu_7becf90835ed704f.png 480w, https://visualizing.jp/hindu-chennai-heat-index/images/chart-leon_hu_9c02884304c4036b.png 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A red-orange line on black. The afternoon peak carries a note of 56.8°C, and for several evening hours the line breaks off with the words Missing data&#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 red-orange line on black. The afternoon peak carries a note of 56.8°C, and for several evening hours the line breaks off with the words Missing data&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: The Hindu Data team / The Hindu, &amp;ldquo;Heat index: how heat-stressed are you?&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Leon&amp;rsquo;s chart does not connect the missing hours with a line; it leaves a blank and writes &amp;ldquo;Missing data.&amp;rdquo; The line color is the same single red-orange in all four charts, and it does not change with the value. Bands showing the IMD levels are not drawn in the background either.&lt;/p&gt;
&lt;h2 id=&#34;how-do-third-parties-see-this-method&#34;&gt;How do third parties see this method?
&lt;/h2&gt;&lt;p&gt;I could not find any critique that discusses this piece. Instead, I list sources that assess the method, by point at issue.&lt;/p&gt;
&lt;p&gt;The first is the meaning of measuring personal exposure. Kuras et al. write in a 2017 paper:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;Personal exposure research can help reveal the extent of exposure misclassification that occurs when individual exposure to heat is estimated using ambient temperature measured at fixed sites&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short, estimating an individual&amp;rsquo;s exposure from temperature measured at fixed sites causes misclassification, and personal exposure research can reveal how large it is. The piece&amp;rsquo;s framing, the citywide high of 36°C against what people actually experienced, can be read as the journalistic version of this point.&lt;/p&gt;
&lt;p&gt;The second is the limits of the heat index formula. The NWS Weather Prediction Center writes on its page explaining the formula:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;ldquo;The Rothfusz regression is not valid for extreme temperature and relative humidity conditions beyond the range of data considered by Steadman.&amp;rdquo;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;That is, the regression formula is not valid for extreme conditions beyond the range of Steadman&amp;rsquo;s data. In a piece for Down To Earth (June 18, 2024), Ashok Gadgil and Elif Kilic of UC Berkeley caution that the heat index assumes a healthy young adult moving lightly in the shade. The piece&amp;rsquo;s 69°C comes from conditions of 47 to 48°C air temperature. A fisherman at sea and a cook at a pot can be read as standing outside the formula&amp;rsquo;s assumptions. The piece reveals its outliers in annotations, but it does not mention the formula&amp;rsquo;s range of applicability.&lt;/p&gt;
&lt;p&gt;The third is research using the same approach. According to an article from Princeton University Engineering (December 20, 2024), a team including Anu Ramaswami gave residents of Delhi and Chennai pendants with heat sensors. They are devices built on the same idea as the piece, computing a heat index from temperature and humidity. The difference can be read this way: the research gathers many participants, while the piece narrows to four people and one day and shows it as a story.&lt;/p&gt;
&lt;p&gt;The piece made the shortlist of the Sigma Awards 2026. There were 543 entries from 84 countries, and 31 finalists. The Hindu&amp;rsquo;s name does not appear in the announcement of the ten winners.&lt;/p&gt;
&lt;p&gt;At the end of the piece&amp;rsquo;s page, The Hindu&amp;rsquo;s making-of video, &amp;ldquo;Behind the scenes: How the data and science teams measured heat stress | In Focus podcast,&amp;rdquo; is embedded (&lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=u6C08gX5uhg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;YouTube&lt;/a&gt;). I have not watched the contents of the video.&lt;/p&gt;
&lt;h2 id=&#34;takeaways&#34;&gt;Takeaways
&lt;/h2&gt;&lt;p&gt;What this piece lets you take away is to fix one thing to compare against and put it first. Because the lead sentence has 36°C, the 69°C on the cards reads as &amp;ldquo;high.&amp;rdquo; Show the reference number first and put the number people actually experienced beside it. This order works for reporting that re-measures something.&lt;/p&gt;
&lt;p&gt;Next is following a small number of people with numbers and words. Four people over one day is not statistics. Instead, three numbers are tied to each person&amp;rsquo;s actions, paragraph by paragraph.&lt;/p&gt;
&lt;p&gt;The third is to state gaps and anomalies inside the chart. The blank of &amp;ldquo;Missing data&amp;rdquo; and the note about the stove tell readers how far the numbers can be trusted. On the other hand, annotations that differ between versions and yardsticks that do not match leave readers who want to compare confused. When you build charts separately for different screen widths, check even the numbers in the annotations against both versions. If you change the vertical axis for each person, provide a separate place for comparison. This piece is an example of both.&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;The Hindu Data team, &amp;ldquo;Heat index: how heat-stressed are you?&amp;rdquo; (headline &amp;ldquo;TAKING ON THE HEAT&amp;rdquo;), &lt;em&gt;The Hindu&lt;/em&gt;, 2025-07-12 (updated 2025-07-30). Reporting and writing: Nitika Francis / Production and data: Srinivasan Ramani / Hardware Assembly: Sanjeevi Maran / Interactive and Code: Areena Arora / Illustrations: Soumyadip Sinha, and others. &lt;a class=&#34;link&#34; href=&#34;https://www.thehindu.com/infographics/2025-07-12/heat-stress-in-chennai/index.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;The piece&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;The piece&amp;rsquo;s scroll handling and color levels (gif.v2.js). &lt;a class=&#34;link&#34; href=&#34;https://www.thehindu.com/infographics/2025-07-12/heat-stress-in-chennai/assets/js/gif.v2.js&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;JavaScript&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;The piece&amp;rsquo;s CSS (color variables, two-column pinned layout). &lt;a class=&#34;link&#34; href=&#34;https://www.thehindu.com/infographics/2025-07-12/heat-stress-in-chennai/assets/css/gif.v2.css&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;gif.v2.css&lt;/a&gt; / &lt;a class=&#34;link&#34; href=&#34;https://www.thehindu.com/infographics/2025-07-12/heat-stress-in-chennai/assets/css/project_styles.v8.css&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;project_styles.v8.css&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Sigma Awards 2026 entry &amp;ldquo;Chennai&amp;rsquo;s heat index: How heat stressed are you?&amp;rdquo; (2026 · Shortlist). &lt;a class=&#34;link&#34; href=&#34;https://sigma-awards.data-visualization.jp/entries/2026-s-0012/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Sigma Awards entries&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;The Hindu, &amp;ldquo;Behind the scenes: How the data and science teams measured heat stress | In Focus podcast&amp;rdquo;. &lt;a class=&#34;link&#34; href=&#34;https://www.youtube.com/watch?v=u6C08gX5uhg&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;YouTube&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;The Sigma Awards, &amp;ldquo;Remarkable diversity, confronting some of the most urgent issues of our time: announcing the 2026 Sigma Awards shortlist&amp;rdquo;. &lt;a class=&#34;link&#34; href=&#34;https://www.sigmaawards.org/remarkable-diversity-confronting-some-of-the-most-urgent-issues-of-our-time-announcing-the-2026-sigma-awards-shortlist/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Announcement&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;The Sigma Awards, &amp;ldquo;From toxic supply chains in Africa to Baltic sabotage to stolen children in Syria: 10 data projects win 2026 Sigma Awards&amp;rdquo;. &lt;a class=&#34;link&#34; href=&#34;https://www.sigmaawards.org/from-toxic-supply-chains-in-africa-to-baltic-sabotage-to-stolen-children-in-syria-10-data-projects-win-2026-sigma-awards/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Announcement&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;E. R. Kuras et al., &amp;ldquo;Opportunities and Challenges for Personal Heat Exposure Research,&amp;rdquo; &lt;em&gt;Environmental Health Perspectives&lt;/em&gt;, 125(8):085001, 2017. &lt;a class=&#34;link&#34; href=&#34;https://pubmed.ncbi.nlm.nih.gov/28796630/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;PubMed&lt;/a&gt; / &lt;a class=&#34;link&#34; href=&#34;https://doi.org/10.1289/EHP556&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;doi:10.1289/EHP556&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;NOAA/NWS Weather Prediction Center, &amp;ldquo;The Heat Index Equation&amp;rdquo;. &lt;a class=&#34;link&#34; href=&#34;https://www.wpc.ncep.noaa.gov/html/heatindex_equation.shtml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Explanation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Ashok Gadgil, Elif Kilic, &amp;ldquo;Get the Heat Index right: an important first step to protect people from heatwaves,&amp;rdquo; &lt;em&gt;Down To Earth&lt;/em&gt;, 2024-06-18. &lt;a class=&#34;link&#34; href=&#34;https://www.downtoearth.org.in/climate-change/get-the-heat-index-right-an-important-first-step-to-protect-people-from-heatwaves&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Op-ed&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Molly Sharlach, &amp;ldquo;Measuring the human impacts of extreme heat to guide cities&amp;rsquo; climate action plans,&amp;rdquo; Princeton Engineering, 2024-12-20. &lt;a class=&#34;link&#34; href=&#34;https://engineering.princeton.edu/news/2024/12/20/measuring-human-impacts-extreme-heat-guide-cities-climate-action-plans&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Article&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>Teal before, yellow after: the 2,312 mosques in the FT&#39;s &#34;How China is tearing down Islam&#34;</title>
        <link>https://visualizing.jp/en/ft-china-mosques/</link>
        <pubDate>Wed, 04 Nov 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/ft-china-mosques/</guid>
        <description>&lt;img src="https://visualizing.jp/ft-china-mosques/images/doudian-satellite-2017-2023.jpg" alt="Featured image of post Teal before, yellow after: the 2,312 mosques in the FT&#39;s &#34;How China is tearing down Islam&#34;" /&gt;&lt;p&gt;The Financial Times (FT) examined 2,312 mosques with Islamic architecture in Google Earth satellite imagery and counted 1,714 that had been modified. It fixed teal (#35e0cb) for before and yellow (#ffec1a) for after, and uses these two colors for the dots on the national map and for the before-and-after switches between satellite photos.&lt;/p&gt;
&lt;p&gt;The piece is &amp;ldquo;How China is tearing down Islam.&amp;rdquo; It was published on 27 November 2023 as an FT Visual Investigations project, and it won a Sigma Awards 2024 prize (according to its entry page on the Sigma Awards entries site). Below, I read it in the order a reader scrolls, based on the body text and source code (HTML, CSS, JavaScript) of the project page, the Flourish data for the regional chart, and the Sigma Awards application.&lt;/p&gt;
&lt;h2 id=&#34;it-starts-with-one-mosque-in-beijing&#34;&gt;It starts with one mosque in Beijing
&lt;/h2&gt;&lt;p&gt;When you open the piece, a photograph of a single mosque fills the screen. It is the Doudian Mosque on the outskirts of Beijing. The text describes it as one of the most magnificent mosques in northern China.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ft-china-mosques/images/doudian-before.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ft-china-mosques/images/doudian-before.jpg&#34; width=&#34;1600&#34; height=&#34;900&#34; srcset=&#34;https://visualizing.jp/ft-china-mosques/images/doudian-before_hu_46b2d662d1779e99.jpg 480w, https://visualizing.jp/ft-china-mosques/images/doudian-before_hu_6e6321c1ab601374.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A photograph of the white Doudian Mosque, with a dome and two minarets, taken from directly above 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 photograph of the white Doudian Mosque, with a dome and two minarets, taken from directly above the front&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Financial Times (© The Financial Times Limited 2023) / How China is tearing down Islam&lt;/p&gt;
&lt;p&gt;In the next step, a second image, whose alt text reads &amp;ldquo;Mosque, outlined,&amp;rdquo; fades in over three seconds. Then, as you scroll, drone footage plays. It was shot by Marine Zambrano. The text goes on:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;But earlier this year, its minarets were removed, its domes replaced with pagoda-style cones and its Arab-style arches squared off.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: earlier that year the minarets were removed, the domes were replaced with pagoda-style cones, and the arches were squared off.&lt;/p&gt;
&lt;p&gt;From here, the screen moves from a single building to a map of all China. At first only the area of Xinjiang is shaded dark blue-green, and yellow dots appear in it. In the next step, dots spread across the country. The map data contains 1,714 dots. In descending order of dot count: Xinjiang 387, Gansu 355, Ningxia 268, Henan 205, Yunnan 146, Qinghai 118.&lt;/p&gt;
&lt;p&gt;After the map come satellite photos. First four large tiles appear, switching one by one at one-second intervals from before to after. Then a full-screen grid of 70 before-and-after satellite pairs scrolls automatically. The images date from January 2017 to March 2023.&lt;/p&gt;
&lt;p&gt;The sequence runs from one photo of one building, to a national map, to 70 pairs of satellite photos. It can be read as a structure that first shows what happened to one building, then shows how many places the same thing happened.&lt;/p&gt;
&lt;h2 id=&#34;from-4450-locations-to-1714-mosques&#34;&gt;From 4,450 locations to 1,714 mosques
&lt;/h2&gt;&lt;p&gt;The numbers are given in the methodology paragraph at the end of the article.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;We built a dataset of 4,450 reported locations of mosques across China by combining search results from Baidu Maps, Google Maps, and OpenStreetMap, as well as mosques in Xinjiang from the Australian Strategic Policy Institute. We inspected each location using Google Earth satellite imagery, identifying mosques and comparing changes with their architecture over time.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: the team combined search results from Baidu Maps, Google Maps and OpenStreetMap with the Xinjiang mosques from the Australian Strategic Policy Institute (ASPI) into a list of 4,450 locations. It then checked each location in Google Earth satellite imagery, confirmed whether it was a mosque, and compared how the building changed over time.&lt;/p&gt;
&lt;p&gt;The result is in the next paragraph.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;In total, we located 2,312 mosques with Islamic architecture. Of these, 1,714 (74.3 per cent) had Arabic-style features removed between 2018 and 2023.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: the team located 2,312 mosques with Islamic architecture, and in 1,714 of them (74.3%) Arabic-style features had been removed between 2018 and 2023.&lt;/p&gt;
&lt;p&gt;Lined up by stage, the numbers look like this.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Stage&lt;/th&gt;
          &lt;th&gt;Count&lt;/th&gt;
          &lt;th&gt;Wording in the text&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Candidate locations&lt;/td&gt;
          &lt;td&gt;4,450&lt;/td&gt;
          &lt;td&gt;reported locations of mosques&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Confirmed as Islamic architecture&lt;/td&gt;
          &lt;td&gt;2,312&lt;/td&gt;
          &lt;td&gt;mosques with Islamic architecture&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Modified or removed, 2018–2023&lt;/td&gt;
          &lt;td&gt;1,714 (74.3%)&lt;/td&gt;
          &lt;td&gt;had Arabic-style features removed&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;What was judged is minarets, domes, and other exterior Arabic-style features. The methodology also states its limits. The mosques examined are only a portion of those in China as a whole. In some regions the most recent satellite imagery dates from 2020, so buildings modified after that were not counted. It therefore presents 1,714 as probably an underestimate.&lt;/p&gt;
&lt;p&gt;The article is not built from satellite imagery alone. The text also brings in photos taken on the ground and interviews with residents, a local government&amp;rsquo;s renovation drawings in Sichuan, and an image of a planning document from Xining. In its Sigma application, the team lists Drone, Scraping, QGIS, Google Sheets, OpenStreetMap, Node.js and others among the technologies used.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ft-china-mosques/images/maoxian-drawing.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ft-china-mosques/images/maoxian-drawing.jpg&#34; width=&#34;1600&#34; height=&#34;1132&#34; srcset=&#34;https://visualizing.jp/ft-china-mosques/images/maoxian-drawing_hu_5c08c6ee93873640.jpg 480w, https://visualizing.jp/ft-china-mosques/images/maoxian-drawing_hu_ad36df1b93482c51.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;A renovation elevation of the prayer hall of the Maoxian Chengguan Mosque (茂县城关清真寺). Dashed lines mark the position of the dome, and a multi-tiered Chinese-style roof is drawn above it&#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 renovation elevation of the prayer hall of the Maoxian Chengguan Mosque (茂县城关清真寺). Dashed lines mark the position of the dome, and a multi-tiered Chinese-style roof is drawn above it&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Renovation drawing for Maoxian (a local government document), Financial Times (© The Financial Times Limited 2023) / How China is tearing down Islam&lt;/p&gt;
&lt;h2 id=&#34;teal-for-before-yellow-for-after&#34;&gt;Teal for before, yellow for after
&lt;/h2&gt;&lt;p&gt;The page&amp;rsquo;s stylesheet repeats two colors. &lt;strong&gt;Teal (#35e0cb) is before the modification, and yellow (#ffec1a) is after.&lt;/strong&gt; This can be read as the one rule that ties the data to its appearance.&lt;/p&gt;
&lt;p&gt;Near the top of the text, the two words &amp;ldquo;before&amp;rdquo; and &amp;ldquo;after&amp;rdquo; appear in colored bold. &amp;ldquo;Before&amp;rdquo; is teal and &amp;ldquo;after&amp;rdquo; is yellow. On the satellite tiles, the border and the date label at upper right are teal for before and yellow for after. The dots on the map of China are also small yellow squares.&lt;/p&gt;
&lt;p&gt;Where the text discusses Doudian in detail, two satellite images sit side by side. The project page labels them 2017 and 2023 (the images themselves carry no year). The 2017 image is tinted teal and the 2023 image yellow. Around the building&amp;rsquo;s perimeter runs a line made of a solid black line overlaid with a white dashed line.&lt;/p&gt;
&lt;figure class=&#34;vz-figure gallery-image vz-figure--captioned&#34;&gt;
&lt;a href=&#34;https://visualizing.jp/ft-china-mosques/images/doudian-satellite-2017-2023.jpg&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;https://visualizing.jp/ft-china-mosques/images/doudian-satellite-2017-2023.jpg&#34; width=&#34;2142&#34; height=&#34;800&#34; srcset=&#34;https://visualizing.jp/ft-china-mosques/images/doudian-satellite-2017-2023_hu_f9cba5c6d8b9aa6e.jpg 480w, https://visualizing.jp/ft-china-mosques/images/doudian-satellite-2017-2023_hu_d506d1385573091f.jpg 1024w&#34; sizes=&#34;(min-width: 768px) 700px, 100vw&#34; loading=&#34;lazy&#34; alt=&#34;Two satellite images of the Doudian Mosque. On the page, the left one, labeled 2017, is tinted teal and the right one, labeled 2023, is tinted yellow; a solid black line overlaid with a white dashed line traces the building’s perimeter&#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 satellite images of the Doudian Mosque. On the page, the left one, labeled 2017, is tinted teal and the right one, labeled 2023, is tinted yellow; a solid black line overlaid with a white dashed line traces the building’s perimeter&lt;/span&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;Source: Financial Times (© The Financial Times Limited 2023) / How China is tearing down Islam (the two images placed side by side by the author)&lt;/p&gt;
&lt;p&gt;The table below summarizes how the colors are used on the page.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Presentation (location)&lt;/th&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Mapping to appearance&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Opening photo and drone footage&lt;/td&gt;
          &lt;td&gt;One mosque, Doudian, before and after&lt;/td&gt;
          &lt;td&gt;After the before photo, an image with the alt text &amp;ldquo;Mosque, outlined&amp;rdquo; fades in over 3 seconds. Drone footage advances as you scroll&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Map of China&lt;/td&gt;
          &lt;td&gt;Locations of the 1,714 modified mosques&lt;/td&gt;
          &lt;td&gt;Small yellow squares (thin black outline). Xinjiang first, then the whole country. Each dot appears with a delay of 0 to 750 ms&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Colored words in the text&lt;/td&gt;
          &lt;td&gt;Before / after&lt;/td&gt;
          &lt;td&gt;&amp;ldquo;Before&amp;rdquo; in teal bold; &amp;ldquo;after&amp;rdquo; and &amp;ldquo;demolitions and modifications&amp;rdquo; in yellow bold&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Four large satellite tiles&lt;/td&gt;
          &lt;td&gt;Four before-and-after satellite pairs&lt;/td&gt;
          &lt;td&gt;Switch from before to after every second. The before image blurs and disappears. Border and date label: teal for before, yellow for after&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Satellite photo grid&lt;/td&gt;
          &lt;td&gt;70 before-and-after satellite pairs&lt;/td&gt;
          &lt;td&gt;The grid scrolls automatically, and each tile that enters the screen switches from before to after&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Before-and-after per mosque&lt;/td&gt;
          &lt;td&gt;Doudian, Najiaying and Weizhou, before and after&lt;/td&gt;
          &lt;td&gt;Satellite images and ground photos placed side by side before and after, each with its year&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Maoxian renovation drawing&lt;/td&gt;
          &lt;td&gt;Government drawings and documents&lt;/td&gt;
          &lt;td&gt;In the text, &amp;ldquo;dome&amp;rdquo; is highlighted in teal and &amp;ldquo;pagoda-style structure&amp;rdquo; with a yellow background&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Regional scatter plot (Flourish)&lt;/td&gt;
          &lt;td&gt;31 provinces and regions&lt;/td&gt;
          &lt;td&gt;x = Muslim population share (log scale), y = modification rate, circle area = number of mosques with Islamic architecture, fill yellow&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;The map dots are yellow, which can be read as meaning the dots are buildings &amp;ldquo;after.&amp;rdquo; The 1,714 modified mosques line up on the map as yellow dots. On the satellite tiles, the same yellow goes on the frame of the after image. Whether you read the text, look at the map, or compare the photos, yellow appears to be built to mean after.&lt;/p&gt;
&lt;p&gt;The two-color switch also helps with comparing photos. In the Doudian satellite images, the roof shape seen from above the dome differs between 2017 and 2023. Because the colors differ, you can tell which image is the before without reading the date.&lt;/p&gt;
&lt;h2 id=&#34;the-regional-scatter-plot-and-totals-that-do-not-match&#34;&gt;The regional scatter plot, and totals that do not match
&lt;/h2&gt;&lt;p&gt;Later in the text, a scatter plot made with Flourish is embedded. Its title is &amp;ldquo;Mosque modifications were more systematic in areas with larger Muslim populations.&amp;rdquo; Each circle is one province or region. The horizontal axis is the Muslim population share (log scale), and the vertical axis is the share of mosques with Islamic architecture that were modified. Circle size represents the number of mosques with Islamic architecture examined.&lt;/p&gt;
&lt;p&gt;In the embedded data, the figures for some regions are as follows.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Province / region&lt;/th&gt;
          &lt;th&gt;Muslim population share&lt;/th&gt;
          &lt;th&gt;Mosques with Islamic architecture&lt;/th&gt;
          &lt;th&gt;Modification rate&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Xinjiang&lt;/td&gt;
          &lt;td&gt;56.51%&lt;/td&gt;
          &lt;td&gt;539&lt;/td&gt;
          &lt;td&gt;71.8%&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Ningxia&lt;/td&gt;
          &lt;td&gt;35.08%&lt;/td&gt;
          &lt;td&gt;294&lt;/td&gt;
          &lt;td&gt;91.16%&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Qinghai&lt;/td&gt;
          &lt;td&gt;18.43%&lt;/td&gt;
          &lt;td&gt;146&lt;/td&gt;
          &lt;td&gt;78.77%&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Gansu&lt;/td&gt;
          &lt;td&gt;8.15%&lt;/td&gt;
          &lt;td&gt;434&lt;/td&gt;
          &lt;td&gt;81.8%&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Henan&lt;/td&gt;
          &lt;td&gt;0.96%&lt;/td&gt;
          &lt;td&gt;212&lt;/td&gt;
          &lt;td&gt;96.7%&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Liaoning&lt;/td&gt;
          &lt;td&gt;0.53%&lt;/td&gt;
          &lt;td&gt;43&lt;/td&gt;
          &lt;td&gt;9.3%&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;The text also says more than 90% in Ningxia and more than 80% in Gansu. The sources are given as &amp;ldquo;2020 Chinese Census&amp;rdquo; and &amp;ldquo;FT Research.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Adding up the 31 regions in this Flourish data gives 4,440 locations examined and 2,310 with Islamic architecture. These differ from the text&amp;rsquo;s 4,450 and 2,312 by 10 and 2 respectively. The piece does not say why they differ.&lt;/p&gt;
&lt;p&gt;This is a point to watch when following the numbers. The national figures (4,450 / 2,312 / 1,714) are the methodology figures in the text, while the regional figures are from the scatter plot data. When citing both in the same article, it is safer to make clear which set a number comes from.&lt;/p&gt;
&lt;h2 id=&#34;how-third-parties-saw-the-piece&#34;&gt;How third parties saw the piece
&lt;/h2&gt;&lt;p&gt;The Sigma Awards judges cite both how the data was built and how the page was put together.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The team behind &amp;ldquo;How China is tearing down Islam&amp;rdquo; built a database of 4,450 buildings and manually reviewed each one of them for accuracy. &amp;hellip; This entry successfully combined photos, videos, data visualization and coherence page design to tell a powerful story.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: the team built a database of 4,450 buildings and manually checked each one. It combined photos, video, data visualization and a coherent page design to tell the story. The judges also note that many of the reporters in China worked at personal risk.&lt;/p&gt;
&lt;p&gt;The Guardian cited the FT&amp;rsquo;s analysis in its article of 25 May 2024. It wrote that last year&amp;rsquo;s FT analysis showed that three quarters of more than 2,300 mosques had been modified or removed since 2018. It also reports on what later happened to the mosques in Najiaying and Shadian.&lt;/p&gt;
&lt;p&gt;The anthropologist Ruslan Yusupov made a different point in an essay for the Political Theology Network in March 2026. On the Chinese internet, he notes, even those who celebrate Sinicization use &amp;ldquo;before-and-after&amp;rdquo; paired images.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;when the narratives about Sinicization emerged online, they did so through a powerful medium of visual juxtaposition called &amp;ldquo;before-and-after&amp;rdquo; images.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Summary: when narratives about Sinicization emerged online, they did so through a powerful medium of visual juxtaposition, &amp;ldquo;before-and-after&amp;rdquo; images. Yusupov argues that paired images keep the &amp;ldquo;before&amp;rdquo; as something lacking. Yusupov is also one of the people interviewed in the FT&amp;rsquo;s piece.&lt;/p&gt;
&lt;p&gt;The three assessments make different points. The judges look at how the piece was made, The Guardian at the numbers, and Yusupov at the before-and-after form itself. Yusupov&amp;rsquo;s point can be read as showing that the before-and-after form the FT used is just as available to the opposing side.&lt;/p&gt;
&lt;h2 id=&#34;takeaways&#34;&gt;Takeaways
&lt;/h2&gt;&lt;p&gt;What a visualization practitioner can take from this piece is to narrow the color convention down to one and keep to it to the end.&lt;/p&gt;
&lt;p&gt;The FT&amp;rsquo;s color mapping can be read as narrowed to a single rule: before = teal, after = yellow. It carries this through the words in the text, the tinting of the satellite photos, the borders and date labels of the tiles, the dots on the map, and the highlights on the drawing. It can be read as built so that it works without a legend.&lt;/p&gt;
&lt;p&gt;This method is useful when you set different kinds of material side by side in one article. Photos, maps and drawings are each made with different tools. If you decide on one color convention first, then even when each kind of material looks different, they read as parts of the same article.&lt;/p&gt;
&lt;p&gt;The way of counting is also worth taking. The FT put the narrowing in numbers in the text: from 4,450 candidates to 2,312, then to 1,714. It also wrote the limits in the same paragraph. In an article that presents counts, stating where the counting began and what was not counted, next to the numbers, lets readers check them.&lt;/p&gt;
&lt;p&gt;Finally, there is Yusupov&amp;rsquo;s point. The before-and-after form is powerful, but either side can use it. Placing before and after images side by side does not by itself convey what was lost. In the FT&amp;rsquo;s piece, the residents&amp;rsquo; words and the government documents can be read as carrying that part.&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;Financial Times, &amp;ldquo;How China is tearing down Islam,&amp;rdquo; 2023-11-27. &lt;a class=&#34;link&#34; href=&#34;https://ig.ft.com/china-mosques/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Project page&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Stylesheets of the piece: &lt;a class=&#34;link&#34; href=&#34;https://ig.ft.com/china-mosques/assets/static/styles.a686d242.css&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;styles.a686d242.css&lt;/a&gt;, &lt;a class=&#34;link&#34; href=&#34;https://ig.ft.com/china-mosques/assets/static/ChinaMap.58928fe1.css&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;ChinaMap.58928fe1.css&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Scripts of the piece: &lt;a class=&#34;link&#34; href=&#34;https://ig.ft.com/china-mosques/assets/entries/index.page.client.a5b40edf.js&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;index.page.client.a5b40edf.js&lt;/a&gt;, &lt;a class=&#34;link&#34; href=&#34;https://ig.ft.com/china-mosques/assets/chunks/chunk-de8e8e48.js&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;chunk-de8e8e48.js (map of China)&lt;/a&gt;, &lt;a class=&#34;link&#34; href=&#34;https://ig.ft.com/china-mosques/assets/chunks/chunk-74e2fd96.js&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;chunk-74e2fd96.js (satellite tile grid)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Flourish, &amp;ldquo;China Mosques - Scatter&amp;rdquo; (visualisation 15487273). &lt;a class=&#34;link&#34; href=&#34;https://flo.uri.sh/visualisation/15487273/embed&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Embed&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Sigma Awards 2024, &amp;ldquo;How China is tearing down Islam&amp;rdquo; (original application text and judges&amp;rsquo; comments). &lt;a class=&#34;link&#34; href=&#34;https://sigma-awards.data-visualization.jp/entries/2024-s-0003/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Sigma Awards entries&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Sam Joiner, post on X, 2023-11-27. &lt;a class=&#34;link&#34; href=&#34;https://threadreaderapp.com/thread/1729038848410415345.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Thread Reader&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Human Rights Watch, &amp;ldquo;China: Mosques Shuttered, Razed, Altered in Muslim Areas,&amp;rdquo; 2023-11-22 (an earlier report cited in the text of the piece). &lt;a class=&#34;link&#34; href=&#34;https://www.hrw.org/news/2023/11/22/china-mosques-shuttered-razed-altered-muslim-areas&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;HRW&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;Sigma Awards 2024 judges&amp;rsquo; comments. &lt;a class=&#34;link&#34; href=&#34;https://sigma-awards.data-visualization.jp/entries/2024-s-0003/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Sigma Awards entries&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Amy Hawkins, Elena Morresi, &amp;ldquo;Last major Arabic-style mosque in China loses its domes,&amp;rdquo; &lt;em&gt;The Guardian&lt;/em&gt;, 2024-05-25. &lt;a class=&#34;link&#34; href=&#34;https://www.theguardian.com/world/article/2024/may/25/last-major-arabic-style-mosque-in-china-loses-its-domes&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;The Guardian&lt;/a&gt; (checked via a &lt;a class=&#34;link&#34; href=&#34;https://uk.news.yahoo.com/last-major-islamic-style-mosque-040015078.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;reprint on Yahoo News UK&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;Ruslan Yusupov, &amp;ldquo;The Montage of Privation: Islam and the Architecture of Sinicization in China,&amp;rdquo; Political Theology Network, 2026-03-10. &lt;a class=&#34;link&#34; href=&#34;https://politicaltheology.com/the-montage-of-privation-islam-and-the-architecture-of-sinicization-in-china/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Political Theology Network&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        
    </channel>
</rss>
