<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>地図 on Visualizing.JP</title>
        <link>https://visualizing.jp/en/tags/%E5%9C%B0%E5%9B%B3/</link>
        <description>Recent content in 地図 on Visualizing.JP</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en-US</language>
        <copyright>Yuichi Yazaki</copyright>
        <lastBuildDate>Tue, 31 Mar 2026 00:00:00 +0900</lastBuildDate><atom:link href="https://visualizing.jp/en/tags/%E5%9C%B0%E5%9B%B3/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>Gridded Cartogram</title>
        <link>https://visualizing.jp/en/gridded-cartogram/</link>
        <pubDate>Tue, 31 Mar 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/gridded-cartogram/</guid>
        <description>&lt;img src="https://visualizing.jp/gridded-cartogram/images/thumb_ph_vizjp.png" alt="Featured image of post Gridded Cartogram" /&gt;&lt;p&gt;A gridded cartogram represents each region as an equally sized grid cell, such as a square or hexagon, while roughly preserving geographic arrangement. It is also known as a mosaic cartogram, tile grid map, or grid map. Because every region receives the same visual area, small regions are not visually suppressed by large geographic areas.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;The gridded cartogram is not tied to a single inventor or paper, but it became especially visible in data journalism and web visualization during the 2010s.&lt;/p&gt;
&lt;p&gt;In the United States, tile grid maps representing the 50 states as equal squares became common in election coverage by outlets such as FiveThirtyEight, NPR, and Bloomberg. They helped address a familiar problem: large states such as Alaska, Montana, and Texas dominate ordinary maps, while smaller but often politically important states on the East Coast can nearly disappear.&lt;/p&gt;
&lt;p&gt;Similar designs have been used for EU member states, and in Japan for the 47 prefectures. Recent research has also explored algorithms that automatically optimize grid layouts while preserving geographic relationships as much as possible.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;p&gt;The required data is simple compared with many other cartogram types.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
          &lt;th&gt;Example&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Region identifier&lt;/td&gt;
          &lt;td&gt;Code or name for each region&lt;/td&gt;
          &lt;td&gt;State code, prefecture code&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Grid coordinate&lt;/td&gt;
          &lt;td&gt;Row and column position&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;(row, col)&lt;/code&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Statistical value&lt;/td&gt;
          &lt;td&gt;Value encoded by color&lt;/td&gt;
          &lt;td&gt;Population density, turnout, infection rate&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Category&lt;/td&gt;
          &lt;td&gt;Optional value for color grouping&lt;/td&gt;
          &lt;td&gt;Party, region group&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Label&lt;/td&gt;
          &lt;td&gt;Text shown inside the cell&lt;/td&gt;
          &lt;td&gt;CA, NY, Tokyo, Osaka&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Boundary polygons are not required. The core input is a layout table that assigns each region to a grid position. This layout is often designed manually, although automatic layout methods also exist.&lt;/p&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The main purpose is to remove the visual bias caused by geographic area. On an ordinary map or choropleth, large territories dominate perception and small territories are easy to miss. A gridded cartogram solves this by giving each region one equal cell. Data values are then represented primarily through color, much like a choropleth map.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;State-level election results in the United States&lt;/li&gt;
&lt;li&gt;Prefecture-level statistics in Japan&lt;/li&gt;
&lt;li&gt;Policy comparisons across EU member states&lt;/li&gt;
&lt;li&gt;Country-level indicators such as vaccination rates or education levels&lt;/li&gt;
&lt;li&gt;Small multiples showing regional change over time&lt;/li&gt;
&lt;li&gt;Sports league comparisons arranged by home location&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;characteristics&#34;&gt;Characteristics
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Every region has equal visual weight.&lt;/li&gt;
&lt;li&gt;Geographic arrangement is approximate, not exact.&lt;/li&gt;
&lt;li&gt;Data cannot be encoded by area because all cells have the same size.&lt;/li&gt;
&lt;li&gt;The technique is easy to implement on the web with tables, CSS Grid, or SVG.&lt;/li&gt;
&lt;li&gt;Designing a readable layout can be time-consuming when there are many regions.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;how-to-read-it&#34;&gt;How to Read It
&lt;/h2&gt;&lt;p&gt;Each cell represents one region. Since the cells are equal in size, do not interpret area as magnitude. Read values through color and use the legend to understand the scale or category.&lt;/p&gt;
&lt;p&gt;The layout usually preserves a rough north-south and east-west relationship, but adjacency in the grid does not necessarily mean actual geographic adjacency. Labels are therefore important for identifying each region.&lt;/p&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Design the layout so readers can infer approximate location.&lt;/li&gt;
&lt;li&gt;Add clear labels because shape no longer identifies the region.&lt;/li&gt;
&lt;li&gt;Use accessible color schemes, such as ColorBrewer palettes.&lt;/li&gt;
&lt;li&gt;Choose squares or hexagons according to the number of regions and layout constraints.&lt;/li&gt;
&lt;li&gt;Avoid overloading cells with too many small marks.&lt;/li&gt;
&lt;li&gt;Explain the layout logic when the arrangement may not be obvious.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;alternatives&#34;&gt;Alternatives
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Continuous cartogram&lt;/strong&gt;: Distorts area in proportion to data while maintaining topology.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Non-contiguous cartogram&lt;/strong&gt;: Scales each region independently while preserving shape.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Pseudo-continuous cartogram&lt;/strong&gt;: Replaces regions with circles, squares, or other geometric marks sized by data.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Choropleth map&lt;/strong&gt;: Uses true geographic shapes and encodes values by color, but area bias remains.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Gridded cartograms are effective when the goal is to compare regions fairly without letting geographic size dominate perception. They are especially useful in journalism and interactive visualization because they are simple, compact, and easy to scan, provided that the layout and labels are carefully designed.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;- [Cartogram - Wikipedia](https://en.wikipedia.org/wiki/Cartogram)
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        <item>
        <title>Pseudo-Continuous Cartogram</title>
        <link>https://visualizing.jp/en/pseudo-continuous-cartogram/</link>
        <pubDate>Mon, 30 Mar 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/pseudo-continuous-cartogram/</guid>
        <description>&lt;img src="https://visualizing.jp/pseudo-continuous-cartogram/images/thumb_ph_vizjp.png" alt="Featured image of post Pseudo-Continuous Cartogram" /&gt;&lt;p&gt;A pseudo-continuous cartogram replaces geographic regions with geometric shapes such as circles, squares, or hexagons, and sizes those shapes in proportion to a data variable. Dorling cartograms and Demers cartograms are representative examples. By discarding the exact shape of each region, the method makes quantitative comparison easier while still roughly preserving geographic position.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;The best-known pseudo-continuous cartogram is the Dorling cartogram, proposed by British geographer Daniel Dorling in 1996. Dorling addressed the limitations of continuous cartograms, which distort shapes, and non-contiguous cartograms, which break adjacency, by taking a different route: replace each region with a simple circle.&lt;/p&gt;
&lt;p&gt;In a Dorling cartogram, each region is represented by a circle whose area is proportional to the value. A force-directed layout adjusts positions so circles do not overlap while remaining as close as possible to their original geographic locations.&lt;/p&gt;
&lt;p&gt;The Demers cartogram later introduced a square-based variant. Squares can produce a more orderly appearance and make labeling easier. Hexagonal variations have also appeared, expanding the range of possible geometric marks.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
          &lt;th&gt;Example&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Region identifier&lt;/td&gt;
          &lt;td&gt;Code or name for each region&lt;/td&gt;
          &lt;td&gt;ISO code, prefecture code&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Centroid&lt;/td&gt;
          &lt;td&gt;Representative position used for initial placement&lt;/td&gt;
          &lt;td&gt;Latitude and longitude&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Statistical value&lt;/td&gt;
          &lt;td&gt;Numeric value that determines area&lt;/td&gt;
          &lt;td&gt;Population, GDP, medal count&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Category&lt;/td&gt;
          &lt;td&gt;Optional variable for color&lt;/td&gt;
          &lt;td&gt;Party, region, group&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Boundary polygons are not strictly required. Centroids and values are enough to generate a basic version, although boundary information can improve layout quality.&lt;/p&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The purpose is to preserve geographic context while making quantitative comparison clearer. Complex regional shapes often make area comparison difficult. By replacing all regions with the same type of mark, such as a circle, the reader can compare size more directly.&lt;/p&gt;
&lt;p&gt;This is also useful when boundaries are visually complicated or when the exact outline is less important than relative magnitude.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Olympic medal counts by country&lt;/li&gt;
&lt;li&gt;Population or GDP comparisons by country&lt;/li&gt;
&lt;li&gt;Election results by state or district&lt;/li&gt;
&lt;li&gt;Infectious disease case counts by region&lt;/li&gt;
&lt;li&gt;Industrial output by prefecture&lt;/li&gt;
&lt;li&gt;Branch counts or sales by market area&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;characteristics&#34;&gt;Characteristics
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Area can encode a quantitative value.&lt;/li&gt;
&lt;li&gt;Geographic position is approximate but recognizable.&lt;/li&gt;
&lt;li&gt;Original shapes and exact adjacencies are lost.&lt;/li&gt;
&lt;li&gt;Overlap avoidance and layout algorithms strongly affect readability.&lt;/li&gt;
&lt;li&gt;Circles support smooth comparison; squares can support tighter packing and labeling.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;how-to-read-it&#34;&gt;How to Read It
&lt;/h2&gt;&lt;p&gt;Read the size of each circle, square, or hexagon as the data value. Because humans often misread area, the legend should include reference sizes. Color may encode categories or another quantitative measure.&lt;/p&gt;
&lt;p&gt;The position of each mark indicates approximate location, not exact geography. If two marks are near one another, that suggests a geographic relationship, but the final layout may be shifted to avoid overlap.&lt;/p&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Scale mark area, not diameter, to the data value.&lt;/li&gt;
&lt;li&gt;Include a size legend with meaningful reference values.&lt;/li&gt;
&lt;li&gt;Keep labels readable and avoid excessive overlap.&lt;/li&gt;
&lt;li&gt;Use restrained color so size remains legible.&lt;/li&gt;
&lt;li&gt;Explain that the geography is schematic.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;alternatives&#34;&gt;Alternatives
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Continuous cartogram&lt;/strong&gt;: Preserves topology but distorts the entire map.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Non-contiguous cartogram&lt;/strong&gt;: Preserves region shape while scaling each region independently.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Gridded cartogram&lt;/strong&gt;: Gives every region equal size and encodes values by color.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Proportional symbol map&lt;/strong&gt;: Places scaled symbols on a normal map rather than replacing regions.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Pseudo-continuous cartograms are useful when relative magnitude matters more than exact geographic form. By replacing regions with comparable geometric marks, they make values easier to compare while retaining enough spatial arrangement for readers to recognize the geography.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Non-Continuous Cartogram</title>
        <link>https://visualizing.jp/en/non-continuous-cartogram/</link>
        <pubDate>Sun, 29 Mar 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/non-continuous-cartogram/</guid>
        <description>&lt;img src="https://visualizing.jp/non-continuous-cartogram/images/thumb_ph_vizjp.png" alt="Featured image of post Non-Continuous Cartogram" /&gt;&lt;p&gt;A non-continuous cartogram scales each region independently in proportion to a data variable while preserving the original shape of that region. Because each region is usually scaled around its centroid, gaps appear between regions and adjacency is not preserved. The advantage is that individual regions remain recognizable, unlike in many continuous cartograms where shapes are heavily distorted.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;Non-continuous cartograms were proposed by Judy Olson in 1976 as an alternative to continuous cartograms. Olson focused on the difficulty readers face when regions are distorted so much that they are no longer recognizable. By scaling each region independently, the method makes calculation easier and the result more intuitive.&lt;/p&gt;
&lt;p&gt;This approach made the trade-off explicit: lose topological continuity in exchange for shape fidelity and simpler interpretation.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Role&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Region geometry&lt;/td&gt;
          &lt;td&gt;Original polygon shape to be scaled&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Region identifier&lt;/td&gt;
          &lt;td&gt;Key for joining geometry and data&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Statistical value&lt;/td&gt;
          &lt;td&gt;Determines the scaled area&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Centroid or anchor point&lt;/td&gt;
          &lt;td&gt;Center around which the region is scaled&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Optional category&lt;/td&gt;
          &lt;td&gt;Used for color or grouping&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The purpose is to compare values through area while keeping the recognizability of each region. It is useful when the exact shape of a country, state, or prefecture matters, but geographic adjacency is less important.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Population or GDP by country&lt;/li&gt;
&lt;li&gt;Election results by state or prefecture&lt;/li&gt;
&lt;li&gt;Regional production or resource comparisons&lt;/li&gt;
&lt;li&gt;Public health burden by administrative area&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;characteristics&#34;&gt;Characteristics
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Region shapes are preserved.&lt;/li&gt;
&lt;li&gt;Areas encode values.&lt;/li&gt;
&lt;li&gt;Adjacency and shared borders are lost.&lt;/li&gt;
&lt;li&gt;Gaps between regions are part of the design.&lt;/li&gt;
&lt;li&gt;The method is easier to generate than many continuous cartograms.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Make clear which variable controls area.&lt;/li&gt;
&lt;li&gt;Use labels because regions move apart visually.&lt;/li&gt;
&lt;li&gt;Keep a reference outline or original map nearby if recognition is difficult.&lt;/li&gt;
&lt;li&gt;Avoid using the map for distance or adjacency interpretation.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Non-continuous cartograms are effective when shape recognition and area comparison matter more than adjacency. They provide a simpler and often more readable alternative to continuous cartograms, but the reader must understand that the geography has been separated into independently scaled pieces.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Continuous Cartogram</title>
        <link>https://visualizing.jp/en/continuous-cartogram/</link>
        <pubDate>Sat, 28 Mar 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/continuous-cartogram/</guid>
        <description>&lt;img src="https://visualizing.jp/continuous-cartogram/images/thumb_ph_vizjp.png" alt="Featured image of post Continuous Cartogram" /&gt;&lt;p&gt;A continuous cartogram distorts geographic areas in proportion to a data variable while preserving adjacency, or topology. Regions expand or shrink according to values such as population or GDP, producing a map that looks as if a rubber sheet has been stretched. Neighboring regions remain connected, and borders do not break apart.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;Cartograms have a long history in thematic cartography, but continuous cartograms became more practical as computational methods improved. The core problem is difficult: change the area of each region to match a value while keeping the map connected and recognizable.&lt;/p&gt;
&lt;p&gt;Different algorithms have been proposed to solve this trade-off. Some simulate physical diffusion or rubber-sheet deformation; others optimize geometry to balance area accuracy and shape preservation. The result is always a compromise between statistical accuracy and geographic recognizability.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
          &lt;th&gt;Example&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Boundary geometry&lt;/td&gt;
          &lt;td&gt;Polygon shapes for each region&lt;/td&gt;
          &lt;td&gt;Country or prefecture boundaries&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Region identifier&lt;/td&gt;
          &lt;td&gt;Key linking geometry and data&lt;/td&gt;
          &lt;td&gt;ISO code, prefecture code&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Statistical value&lt;/td&gt;
          &lt;td&gt;Variable used to determine area&lt;/td&gt;
          &lt;td&gt;Population, GDP, emissions&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Optional attributes&lt;/td&gt;
          &lt;td&gt;Values used for color or labeling&lt;/td&gt;
          &lt;td&gt;Region group, rate, category&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Unlike gridded or Dorling cartograms, a continuous cartogram requires polygon geometry because the shape of the map itself is transformed.&lt;/p&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The main purpose is to make a map&amp;rsquo;s visual area correspond to a meaningful data value rather than land area. This is useful when land area is misleading. A population cartogram, for example, enlarges densely populated regions and shrinks sparsely populated ones, making the visual map better match where people actually live.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Population cartograms&lt;/li&gt;
&lt;li&gt;GDP or economic output by country&lt;/li&gt;
&lt;li&gt;Election maps weighted by population or electorate&lt;/li&gt;
&lt;li&gt;Disease burden by region&lt;/li&gt;
&lt;li&gt;Carbon emissions and energy consumption&lt;/li&gt;
&lt;li&gt;Trade or migration comparisons&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;characteristics&#34;&gt;Characteristics
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Area can represent quantitative values directly.&lt;/li&gt;
&lt;li&gt;Topological relationships are preserved.&lt;/li&gt;
&lt;li&gt;Shapes can become distorted and unfamiliar.&lt;/li&gt;
&lt;li&gt;Small regions may still be hard to label.&lt;/li&gt;
&lt;li&gt;Algorithm choice affects both accuracy and readability.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;how-to-read-it&#34;&gt;How to Read It
&lt;/h2&gt;&lt;p&gt;Read the area of each region as the encoded value. A large-looking region is not necessarily geographically large; it has a large value in the chosen data variable.&lt;/p&gt;
&lt;p&gt;Because the map remains connected, neighboring relationships are still meaningful. However, distances, angles, and shapes are no longer geographically accurate. Use the legend and title to confirm what variable controls the distortion.&lt;/p&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;State clearly which variable controls area.&lt;/li&gt;
&lt;li&gt;Add labels or reference outlines when distortion makes regions hard to identify.&lt;/li&gt;
&lt;li&gt;Avoid mixing area distortion with a confusing color scale.&lt;/li&gt;
&lt;li&gt;Use color for a different but related variable only when the relationship is important.&lt;/li&gt;
&lt;li&gt;Consider whether the audience can still recognize the geography after distortion.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;alternatives&#34;&gt;Alternatives
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Pseudo-continuous cartogram&lt;/strong&gt;: Uses circles or squares sized by value.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Non-contiguous cartogram&lt;/strong&gt;: Scales regions independently while preserving shape.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Gridded cartogram&lt;/strong&gt;: Gives regions equal size and uses color for data.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Choropleth map&lt;/strong&gt;: Preserves geographic shape but is affected by area bias.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Continuous cartograms are powerful when the map should show the geography of a phenomenon rather than the geography of land. They preserve adjacency while reshaping area to match data, but their effectiveness depends on whether readers can still understand the distorted geography.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Proportional Flow Map</title>
        <link>https://visualizing.jp/en/proportional-flow-map/</link>
        <pubDate>Thu, 26 Mar 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/proportional-flow-map/</guid>
        <description>&lt;img src="https://visualizing.jp/proportional-flow-map/images/thumb_ph_vizjp.png" alt="Featured image of post Proportional Flow Map" /&gt;&lt;p&gt;A proportional flow map represents movement between locations by varying line width continuously in proportion to a data value. Migration, trade volume, traffic, and other quantitative flows can be read through the width of the connecting bands. Charles Joseph Minard&amp;rsquo;s 1869 map of Napoleon&amp;rsquo;s Russian campaign is one of the most famous examples.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;The history of proportional flow maps is closely tied to Minard, a French civil engineer. From around 1845, Minard created maps showing freight movement, population movement, trade, and military campaigns with bands whose widths represented quantity.&lt;/p&gt;
&lt;p&gt;His map of Napoleon&amp;rsquo;s 1812-1813 campaign shows the shrinking size of the army as a proportional band, while also integrating direction, geography, and temperature. Edward Tufte later praised it as one of the finest statistical graphics ever made.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Role&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Origin&lt;/td&gt;
          &lt;td&gt;Starting location&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Destination&lt;/td&gt;
          &lt;td&gt;Ending location&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Flow value&lt;/td&gt;
          &lt;td&gt;Determines line width&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Route geometry&lt;/td&gt;
          &lt;td&gt;Straight or curved path&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Category&lt;/td&gt;
          &lt;td&gt;Optional color or grouping&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The purpose is to communicate not only where flows go, but also how large each flow is. Continuous width scaling supports more accurate comparison than a purely categorical line symbol.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Migration between regions&lt;/li&gt;
&lt;li&gt;Trade flows between countries&lt;/li&gt;
&lt;li&gt;Freight and logistics routes&lt;/li&gt;
&lt;li&gt;Commuting patterns&lt;/li&gt;
&lt;li&gt;River or energy flows&lt;/li&gt;
&lt;li&gt;Historical movement narratives&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Scale width carefully so large flows do not overwhelm the map.&lt;/li&gt;
&lt;li&gt;Use transparency or bundling when many flows overlap.&lt;/li&gt;
&lt;li&gt;Clarify whether width represents absolute value, rate, or volume.&lt;/li&gt;
&lt;li&gt;Avoid too many crossing lines.&lt;/li&gt;
&lt;li&gt;Use arrows only when direction is not otherwise clear.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Proportional flow maps are powerful when the magnitude of movement is central to the story. They require careful width scaling and route design, but they can reveal both spatial connection and quantitative weight in a single map.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Graduated Flow Map</title>
        <link>https://visualizing.jp/en/graduated-flow-map/</link>
        <pubDate>Wed, 25 Mar 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/graduated-flow-map/</guid>
        <description>&lt;img src="https://visualizing.jp/graduated-flow-map/images/thumb_ph_vizjp.png" alt="Featured image of post Graduated Flow Map" /&gt;&lt;p&gt;A graduated flow map represents flows between locations by assigning line widths to discrete classes rather than scaling them continuously. For example, flows may be shown as thin, medium, and thick lines. This reduces visual complexity while still communicating the approximate magnitude of movement, especially when values span a very wide range.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;Flow maps date back to the nineteenth century, especially the work of Charles Joseph Minard. The graduated flow map applies the cartographic idea of classification to flow width, just as choropleth maps classify values into color ranges.&lt;/p&gt;
&lt;p&gt;As GIS made it easier to draw hundreds or thousands of flows, graduated widths became a practical way to keep maps readable.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Role&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Origin and destination&lt;/td&gt;
          &lt;td&gt;Define the flow&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Flow value&lt;/td&gt;
          &lt;td&gt;Assigned to a class&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Classification rule&lt;/td&gt;
          &lt;td&gt;Equal interval, quantile, natural breaks, or manual&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Line style&lt;/td&gt;
          &lt;td&gt;Width used for each class&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Category&lt;/td&gt;
          &lt;td&gt;Optional color or line type&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The purpose is to show relative flow magnitude without making every small numeric difference visible. It is useful when the reader needs to understand broad levels rather than exact values.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Regional migration categories&lt;/li&gt;
&lt;li&gt;Transportation volume classes&lt;/li&gt;
&lt;li&gt;Trade intensity groups&lt;/li&gt;
&lt;li&gt;Commuting flows with broad bands&lt;/li&gt;
&lt;li&gt;Network flow maps for reports or print&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Explain the class breaks.&lt;/li&gt;
&lt;li&gt;Keep the number of width classes small.&lt;/li&gt;
&lt;li&gt;Use a legend with representative values.&lt;/li&gt;
&lt;li&gt;Consider graduated flow when proportional width would create extreme line differences.&lt;/li&gt;
&lt;li&gt;Avoid class breaks that hide important thresholds.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Graduated flow maps trade numeric precision for readability. They are especially useful for dense or wide-ranging flow data where continuous proportional widths would make the map difficult to read.&lt;/p&gt;</description>
        </item>
        <item>
        <title>What Is MapLibre Tile (MLT)?</title>
        <link>https://visualizing.jp/en/maplibre-tile/</link>
        <pubDate>Wed, 28 Jan 2026 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/maplibre-tile/</guid>
        <description>&lt;img src="https://visualizing.jp/maplibre-tile/images/cover.png" alt="Featured image of post What Is MapLibre Tile (MLT)?" /&gt;&lt;p&gt;MapLibre Tile (MLT) is a new vector tile format for the MapLibre ecosystem. It builds on the context established by Mapbox Vector Tile (MVT), but is redesigned with modern large-scale geospatial data and next-generation GPU rendering, including WebGPU, in mind. Official MapLibre materials describe support for MLT sources in MapLibre GL JS and MapLibre Native through &lt;code&gt;encoding: &amp;quot;mlt&amp;quot;&lt;/code&gt; in a style JSON source.&lt;/p&gt;
&lt;p&gt;This article first reviews what vector tiles are, then summarizes the differences between MLT and MVT and how MLT is used in MapLibre.&lt;/p&gt;
&lt;h2 id=&#34;what-are-vector-tiles&#34;&gt;What Are Vector Tiles?
&lt;/h2&gt;&lt;p&gt;Vector tiles divide a map into zoom levels and tile coordinates &lt;code&gt;(z, x, y)&lt;/code&gt;, but instead of serving each tile as an image, they serve geometric features: points, lines, polygons, and their attributes.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Raster tiles contain images such as PNG or JPEG. They are fast to draw, but their style is hard to change after delivery.&lt;/li&gt;
&lt;li&gt;Vector tiles contain roads, buildings, points of interest, boundaries, and attributes. The client applies style rules, so color, line width, labels, and visibility can change dynamically.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;MVT has been the representative vector tile specification used by many renderers, including MapLibre.&lt;/p&gt;
&lt;h2 id=&#34;what-to-look-for&#34;&gt;What to Look For
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Lines and labels remain crisp while zooming&lt;/strong&gt;&lt;br&gt;
Vector tiles can change what features and labels are shown at different zoom levels while preserving crisp rendering.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;The same data can have different visual styles&lt;/strong&gt;&lt;br&gt;
Because data and style are separated, a map can be redesigned by changing style rules rather than regenerating all data.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Rendering cost moves to the client&lt;/strong&gt;&lt;br&gt;
Download size, decoding, filtering, and polygon tessellation can become bottlenecks. MLT is designed to reduce this preprocessing cost.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Complex attributes are increasingly important&lt;/strong&gt;&lt;br&gt;
Modern geospatial data often has nested attributes, lists, 3D coordinates, and measured values. MLT is designed with these future requirements in view.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;mvt-basics&#34;&gt;MVT Basics
&lt;/h2&gt;&lt;p&gt;MVT stores tiled vector data efficiently with Protocol Buffers. Its strength is its ecosystem: tools, renderers, debuggers, and production experience. But the format reflects assumptions from roughly a decade ago. With larger datasets and GPU-centered rendering, more work has to be done through schema design and optimization.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/maplibre-tile/images/mlt_01.png&#34;
	width=&#34;2000&#34;
	height=&#34;1125&#34;
	srcset=&#34;https://visualizing.jp/maplibre-tile/images/mlt_01_hu_472a16c58afda00d.png 480w, https://visualizing.jp/maplibre-tile/images/mlt_01_hu_e8541ae666c7074d.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;177&#34;
		data-flex-basis=&#34;426px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;what-mlt-tries-to-improve&#34;&gt;What MLT Tries to Improve
&lt;/h2&gt;&lt;p&gt;MLT is designed around several ideas:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Column-oriented layout&lt;/strong&gt;: improves compression and filtering by organizing data by columns rather than only by features.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Separation of storage and in-memory formats&lt;/strong&gt;: supports efficient transfer while allowing faster runtime processing.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;GPU-friendly design&lt;/strong&gt;: supports moving expensive work such as polygon tessellation earlier in the pipeline.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Richer types&lt;/strong&gt;: anticipates complex attributes, 3D coordinates, and measured values.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;mvt-and-mlt-compared&#34;&gt;MVT and MLT Compared
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Aspect&lt;/th&gt;
          &lt;th&gt;MVT&lt;/th&gt;
          &lt;th&gt;MLT&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Basic idea&lt;/td&gt;
          &lt;td&gt;Established vector tile format&lt;/td&gt;
          &lt;td&gt;Redesigned for next-generation rendering&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Storage model&lt;/td&gt;
          &lt;td&gt;Feature-oriented&lt;/td&gt;
          &lt;td&gt;More column-oriented&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Decoding and processing&lt;/td&gt;
          &lt;td&gt;Mature ecosystem, but heavy data can be costly&lt;/td&gt;
          &lt;td&gt;Designed for faster compression, decoding, and filtering&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Polygon preparation&lt;/td&gt;
          &lt;td&gt;Runtime tessellation can be a bottleneck&lt;/td&gt;
          &lt;td&gt;Supports pre-tessellated storage concepts&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Attribute types&lt;/td&gt;
          &lt;td&gt;Mostly simple types&lt;/td&gt;
          &lt;td&gt;Designed with complex and future types in mind&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;maplibre-support&#34;&gt;MapLibre Support
&lt;/h2&gt;&lt;p&gt;MapLibre documents MLT as a supported vector source encoding. A style can specify &lt;code&gt;encoding: &amp;quot;mlt&amp;quot;&lt;/code&gt; in a vector source.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &amp;#34;version&amp;#34;: 8,
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &amp;#34;sources&amp;#34;: {
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &amp;#34;basemap&amp;#34;: {
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &amp;#34;type&amp;#34;: &amp;#34;vector&amp;#34;,
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &amp;#34;url&amp;#34;: &amp;#34;https://example.com/tiles/style-or-tileset.json&amp;#34;,
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &amp;#34;encoding&amp;#34;: &amp;#34;mlt&amp;#34;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    }
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  },
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &amp;#34;layers&amp;#34;: [
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    {
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &amp;#34;id&amp;#34;: &amp;#34;roads&amp;#34;,
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &amp;#34;type&amp;#34;: &amp;#34;line&amp;#34;,
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &amp;#34;source&amp;#34;: &amp;#34;basemap&amp;#34;,
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &amp;#34;source-layer&amp;#34;: &amp;#34;transportation&amp;#34;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    }
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  ]
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;MapLibre GL JS release notes and examples also describe MLT support, making it a practical part of the MapLibre stack rather than only a specification proposal.&lt;/p&gt;
&lt;h2 id=&#34;why-mlt-now&#34;&gt;Why MLT Now?
&lt;/h2&gt;&lt;p&gt;The assumptions behind vector tiles are changing. Data volume is growing, browsers can use the GPU more effectively, and rendering stacks increasingly benefit from data structures that are easier to transfer and process in parallel. MLT responds to this shift by treating the format itself as part of the performance solution.&lt;/p&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Vector tiles serve map features instead of images, allowing dynamic styling. MVT made this approach mainstream. MLT is MapLibre&amp;rsquo;s attempt to modernize the format for larger data, faster decoding, better filtering, and GPU-friendly rendering. Its use through &lt;code&gt;encoding: &amp;quot;mlt&amp;quot;&lt;/code&gt; positions it as a concrete evolution of the MapLibre ecosystem.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://maplibre.org/news/2026-01-23-mlt-release/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Announcing MapLibre Tile: a modern and efficient vector tile format&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.maplibre.org/maplibre-style-spec/sources/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Sources - MapLibre Style Spec&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/maplibre/maplibre-gl-js/releases&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Releases - maplibre/maplibre-gl-js&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.maplibre.org/maplibre-gl-js/docs/examples/display-a-map-with-mlt/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Display a map with MLT - MapLibre GL JS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/maplibre/maplibre-tile-spec&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;MapLibre Tile Specification&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/mapbox/vector-tile-spec&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Mapbox Vector Tile specification&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://mapbox.github.io/vector-tile-spec/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Mapbox Vector Tile Specification&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>Isoline Map</title>
        <link>https://visualizing.jp/en/isolines-map/</link>
        <pubDate>Wed, 10 Dec 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/isolines-map/</guid>
        <description>&lt;img src="https://visualizing.jp/isolines-map/images/thumb_ph_vizjp.png" alt="Featured image of post Isoline Map" /&gt;&lt;p&gt;An isoline map visualizes continuous spatial change by connecting points with the same value. Contour lines, isotherms, and isobars are familiar examples. Unlike choropleth maps, which color administrative areas, isoline maps emphasize the continuity of the phenomenon itself.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;The idea of isolines is old. Edmond Halley produced an early scientific isoline map in 1701 showing magnetic declination in the Atlantic. In the eighteenth and nineteenth centuries, contour lines and isotherms became important tools in topography, meteorology, oceanography, and geology.&lt;/p&gt;
&lt;p&gt;With GIS, isolines can now be generated from observation points using interpolation methods such as kriging, inverse distance weighting, and splines.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Role&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Observation points&lt;/td&gt;
          &lt;td&gt;Locations with measured values&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Values&lt;/td&gt;
          &lt;td&gt;Temperature, elevation, pressure, travel time, etc.&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Interpolation method&lt;/td&gt;
          &lt;td&gt;Generates a continuous surface&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Contour interval&lt;/td&gt;
          &lt;td&gt;Determines which values are drawn as lines&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The purpose is to reveal gradients and spatial structure. Isolines show how values change across space, where peaks and valleys occur, and how smoothly a phenomenon varies.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Elevation contours&lt;/li&gt;
&lt;li&gt;Weather maps&lt;/li&gt;
&lt;li&gt;Sea-level or ocean temperature maps&lt;/li&gt;
&lt;li&gt;Air pressure and wind analysis&lt;/li&gt;
&lt;li&gt;Travel-time accessibility maps&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Choose contour intervals carefully.&lt;/li&gt;
&lt;li&gt;Label lines when exact values matter.&lt;/li&gt;
&lt;li&gt;Avoid drawing too many lines.&lt;/li&gt;
&lt;li&gt;Combine with color only when it improves clarity.&lt;/li&gt;
&lt;li&gt;Note the interpolation method when values are estimated.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Isoline maps are effective for continuous phenomena. They help readers see gradients and patterns, but the result depends strongly on interpolation and contour interval choices.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Isopleth Map</title>
        <link>https://visualizing.jp/en/isopleths-map/</link>
        <pubDate>Wed, 10 Dec 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/isopleths-map/</guid>
        <description>&lt;img src="https://visualizing.jp/isopleths-map/images/thumb_ph_vizjp.png" alt="Featured image of post Isopleth Map" /&gt;&lt;p&gt;An isopleth map is a thematic map that represents the distribution of a continuous quantity by coloring areas bounded by lines of equal value. Observation points are interpolated into a continuous surface, and zones between equal-value boundaries are filled with color or shading. It is useful for seeing phenomena such as temperature, humidity, air pollution, and population density as spatial fields.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;The term &amp;ldquo;isopleth&amp;rdquo; is associated with a classification proposed by John K. Wright in 1944. Wright distinguished lines connecting directly measurable point values from lines representing values such as ratios or densities that are derived for areas. This distinction helped formalize contour-based thematic mapping.&lt;/p&gt;
&lt;p&gt;From the 1960s onward, computer-based interpolation made it easier to extract isolines and fill the resulting areas. With the spread of GIS in the 1990s, isopleth maps became standard in meteorology, environmental monitoring, and spatial analysis.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data element&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
          &lt;th&gt;Example&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Observation coordinates&lt;/td&gt;
          &lt;td&gt;Locations of measurement points&lt;/td&gt;
          &lt;td&gt;Weather stations, air-quality monitors&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Observed value&lt;/td&gt;
          &lt;td&gt;Numeric value at each point&lt;/td&gt;
          &lt;td&gt;Temperature, PM2.5, population density&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Interpolation method&lt;/td&gt;
          &lt;td&gt;Algorithm for estimating the surface&lt;/td&gt;
          &lt;td&gt;Kriging, IDW, spline&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Classification method&lt;/td&gt;
          &lt;td&gt;How value ranges are divided&lt;/td&gt;
          &lt;td&gt;Equal interval, quantile, Jenks&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Color scheme&lt;/td&gt;
          &lt;td&gt;Colors assigned to classes&lt;/td&gt;
          &lt;td&gt;Sequential gradient, stepped palette&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The purpose is to communicate the spatial spread and intensity of a continuous variable through color-filled areas. Compared with an isoline map, which uses only lines, an isopleth map gives a stronger visual impression of high and low regions.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Weather maps for temperature, humidity, and wind speed&lt;/li&gt;
&lt;li&gt;Air-pollution maps for PM2.5, ozone, or NO2&lt;/li&gt;
&lt;li&gt;Urban heat-island analysis&lt;/li&gt;
&lt;li&gt;Ocean maps for sea surface temperature and salinity&lt;/li&gt;
&lt;li&gt;Noise or radiation exposure mapping&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;characteristics&#34;&gt;Characteristics
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Aspect&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Target&lt;/td&gt;
          &lt;td&gt;Spatially continuous quantities&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Input&lt;/td&gt;
          &lt;td&gt;Discrete observation points plus interpolation&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Representation&lt;/td&gt;
          &lt;td&gt;Colored areas bounded by equal-value lines&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Strength&lt;/td&gt;
          &lt;td&gt;Makes broad distribution patterns easy to see&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Weakness&lt;/td&gt;
          &lt;td&gt;Depends heavily on interpolation and classification&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Tools&lt;/td&gt;
          &lt;td&gt;ArcGIS, QGIS, Python, R&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;how-to-read-it&#34;&gt;How to Read It
&lt;/h2&gt;&lt;p&gt;First check the legend to understand the color order and units. Then note how the classes were created, because equal intervals, quantiles, and natural breaks can produce different impressions from the same data.&lt;/p&gt;
&lt;p&gt;Remember that the map may show estimated values, not direct observations, especially in areas far from measurement points. If possible, inspect the observation locations as well.&lt;/p&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Use a sequential palette for one-directional values and a diverging palette when there is a meaningful midpoint.&lt;/li&gt;
&lt;li&gt;State the classification method and number of classes.&lt;/li&gt;
&lt;li&gt;Use color-vision-friendly palettes.&lt;/li&gt;
&lt;li&gt;Include units, interpolation method, data source, and uncertainty notes.&lt;/li&gt;
&lt;li&gt;Keep area boundaries subtle so color remains the main signal.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;alternatives&#34;&gt;Alternatives
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Method&lt;/th&gt;
          &lt;th&gt;Feature&lt;/th&gt;
          &lt;th&gt;Suitable when&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Isoline map&lt;/td&gt;
          &lt;td&gt;Shows equal-value lines only&lt;/td&gt;
          &lt;td&gt;You need to read gradients or structure precisely&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Heat map&lt;/td&gt;
          &lt;td&gt;Colors pixels continuously&lt;/td&gt;
          &lt;td&gt;A smoother surface is desired&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Choropleth map&lt;/td&gt;
          &lt;td&gt;Colors administrative areas&lt;/td&gt;
          &lt;td&gt;The purpose is administrative comparison&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Raster map&lt;/td&gt;
          &lt;td&gt;Uses grid cells&lt;/td&gt;
          &lt;td&gt;Resolution should be explicit&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Isopleth maps are useful for showing continuous spatial phenomena as colored surfaces. They are common in weather, environmental, and urban analysis, but their credibility depends on appropriate interpolation and classification.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;- [Contour line - Wikipedia](https://en.wikipedia.org/wiki/Contour_line)
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;- [Isarithmic map - Wikipedia](https://en.wikipedia.org/wiki/Isarithmic_map)
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        <item>
        <title>Why Web Map Data Sometimes Mentions EPSG:4326 and Sometimes EPSG:3857</title>
        <link>https://visualizing.jp/en/epsg-4326-3857/</link>
        <pubDate>Sun, 16 Nov 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/epsg-4326-3857/</guid>
        <description>&lt;img src="https://visualizing.jp/epsg-4326-3857/images/epsg.png" alt="Featured image of post Why Web Map Data Sometimes Mentions EPSG:4326 and Sometimes EPSG:3857" /&gt;&lt;p&gt;An &lt;a class=&#34;link&#34; href=&#34;https://epsg.io/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;EPSG code&lt;/a&gt; is an identifier assigned to coordinate reference systems, datums, projections, and related geospatial definitions. It tells software which coordinate system a geographic dataset uses.&lt;/p&gt;
&lt;p&gt;Web mapping has a common source of confusion:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Should data for a web map be EPSG:4326, or EPSG:3857?&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Documentation for Foursquare, Google Maps, Mapbox, MapLibre, Kepler.gl, Cesium, QGIS, and ArcGIS can appear to say different things. The reason is that there are two different uses of coordinates: input data and map rendering or tiles.&lt;/p&gt;
&lt;h2 id=&#34;conclusion&#34;&gt;Conclusion
&lt;/h2&gt;&lt;blockquote&gt;
&lt;p&gt;User-uploaded data should generally be in &lt;strong&gt;EPSG:4326&lt;/strong&gt;.&lt;br&gt;
Map tiles and rendering often use &lt;strong&gt;EPSG:3857&lt;/strong&gt; internally.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Input data layer -&amp;gt; EPSG:4326&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Map tile and rendering layer -&amp;gt; EPSG:3857&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Many people get confused because documentation may describe different layers of the system.&lt;/p&gt;
&lt;p&gt;GIS tools such as QGIS and ArcGIS can handle many projections, so they are outside the main scope of this simplified web-map explanation.&lt;/p&gt;
&lt;h2 id=&#34;geojson-is-fixed-to-wgs84-longitudelatitude&#34;&gt;GeoJSON Is Fixed to WGS84 Longitude/Latitude
&lt;/h2&gt;&lt;p&gt;The GeoJSON specification, RFC 7946, states that coordinates must be in WGS84 longitude and latitude. In practice, this means EPSG:4326.&lt;/p&gt;
&lt;p&gt;Therefore, web mapping tools that accept GeoJSON generally assume input data in EPSG:4326. This is true across MapLibre, Mapbox, Kepler.gl, Cesium, Google Maps, and OpenLayers.&lt;/p&gt;
&lt;h2 id=&#34;map-tiles-use-epsg3857&#34;&gt;Map Tiles Use EPSG:3857
&lt;/h2&gt;&lt;p&gt;Google Maps popularized Web Mercator, EPSG:3857, and the web tile system based on &lt;code&gt;z/x/y&lt;/code&gt; coordinates. OpenStreetMap, Mapbox Vector Tile, and many other web map systems follow this convention.&lt;/p&gt;
&lt;p&gt;In other words, map tiles are usually in 3857 even though the data you upload is 4326.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Note on Cesium:&lt;/strong&gt; Cesium accepts EPSG:4326-style longitude and latitude input, but rendering uses Earth-Centered, Earth-Fixed coordinates, EPSG:4978. The structure is still the same: input and rendering coordinates are different.&lt;/p&gt;
&lt;h2 id=&#34;internal-processing&#34;&gt;Internal Processing
&lt;/h2&gt;&lt;p&gt;A typical web map pipeline looks like this:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;User data in EPSG:4326 longitude and latitude.&lt;/li&gt;
&lt;li&gt;The map engine projects the data internally.&lt;/li&gt;
&lt;li&gt;The display is aligned to the tile/rendering coordinate system, usually EPSG:3857.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;So documentation that says &amp;ldquo;4326&amp;rdquo; may be correct for input, while documentation that says &amp;ldquo;3857&amp;rdquo; may be correct for tiles or rendering.&lt;/p&gt;
&lt;h2 id=&#34;does-any-tool-require-epsg3857-as-input&#34;&gt;Does Any Tool Require EPSG:3857 as Input?
&lt;/h2&gt;&lt;p&gt;Almost none, if by &amp;ldquo;input&amp;rdquo; we mean ordinary user data such as GeoJSON. The main exception is vector tile generation. When data is being prepared as map tiles, then EPSG:3857 becomes relevant.&lt;/p&gt;
&lt;p&gt;Do not confuse ordinary web map upload data with GIS servers or OGC services such as WMS and WMTS. Those systems can support many projections and have different design goals.&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Method&lt;/th&gt;
          &lt;th&gt;Role&lt;/th&gt;
          &lt;th&gt;Projection&lt;/th&gt;
          &lt;th&gt;Feature&lt;/th&gt;
          &lt;th&gt;Typical use&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Map tiles / XYZ tiles&lt;/td&gt;
          &lt;td&gt;De facto web map tile delivery&lt;/td&gt;
          &lt;td&gt;Usually EPSG:3857&lt;/td&gt;
          &lt;td&gt;Fast, cacheable, compatible with Google Maps and OSM&lt;/td&gt;
          &lt;td&gt;Web maps, apps, MapLibre, Mapbox, Kepler&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;GIS server&lt;/td&gt;
          &lt;td&gt;GIS-oriented map delivery&lt;/td&gt;
          &lt;td&gt;Flexible&lt;/td&gt;
          &lt;td&gt;Supports WMS, WMTS, tiles, analysis workflows&lt;/td&gt;
          &lt;td&gt;Government GIS, surveying, business systems&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;WMS / WMTS&lt;/td&gt;
          &lt;td&gt;OGC standard services&lt;/td&gt;
          &lt;td&gt;Flexible&lt;/td&gt;
          &lt;td&gt;More projection flexibility than web tiles&lt;/td&gt;
          &lt;td&gt;Public GIS and precision-oriented systems&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Misunderstanding&lt;/th&gt;
          &lt;th&gt;Cause&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;&amp;ldquo;I do not know which EPSG to upload.&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;Input coordinates and rendering coordinates are mixed up.&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&amp;ldquo;Google Maps mentions both 4326 and 3857.&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;One refers to input data; the other to tiles.&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&amp;ldquo;MapLibre renders in 3857, so should input be 3857?&amp;rdquo;&lt;/td&gt;
          &lt;td&gt;GeoJSON input is still based on 4326.&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;For ordinary web map data, prepare longitude and latitude in EPSG:4326. Let the map engine project it for display.&lt;/p&gt;
&lt;h2 id=&#34;references&#34;&gt;References
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.rfc-editor.org/rfc/rfc7946&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;RFC 7946 GeoJSON Specification&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://developers.google.com/maps/documentation/javascript/coordinates&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Google Maps JavaScript API - Coordinates&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://wiki.openstreetmap.org/wiki/Web_Mercator&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;OpenStreetMap Wiki - Web Mercator&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/mapbox/vector-tile-spec&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Mapbox Vector Tile Spec&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://cesium.com/docs/tutorials/geometry-and-appearance/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Cesium Documentation - Geometry and Appearance&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        </item>
        <item>
        <title>3D Choropleth Map</title>
        <link>https://visualizing.jp/en/3d-choropleth-map/</link>
        <pubDate>Sat, 11 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/3d-choropleth-map/</guid>
        <description>&lt;img src="https://visualizing.jp/3d-choropleth-map/images/thumb_ph_vizjp.png" alt="Featured image of post 3D Choropleth Map" /&gt;&lt;p&gt;A 3D choropleth map extends a choropleth map by using both color and height to represent values for geographic areas. Each region may be extruded into a prism whose height corresponds to a statistic such as population density or income.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;Choropleth maps date back to early nineteenth-century statistical cartography. Three-dimensional extrusion became common with modern GIS, WebGL, and tools such as ArcGIS, Mapbox, deck.gl, and Kepler.gl.&lt;/p&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Use with caution because perspective can mislead.&lt;/li&gt;
&lt;li&gt;Avoid hiding small or low regions behind tall ones.&lt;/li&gt;
&lt;li&gt;Provide interaction and 2D alternatives.&lt;/li&gt;
&lt;li&gt;Clarify whether height, color, or both encode the value.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;3D choropleth maps can be visually impactful, but they introduce occlusion and viewpoint dependency. They are best used when spatial extrusion supports exploration rather than replacing careful comparison.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Bivariate Choropleth Map</title>
        <link>https://visualizing.jp/en/bivariate-choropleth-map/</link>
        <pubDate>Sat, 11 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/bivariate-choropleth-map/</guid>
        <description>&lt;img src="https://visualizing.jp/bivariate-choropleth-map/images/cover.png" alt="Featured image of post Bivariate Choropleth Map" /&gt;&lt;p&gt;A bivariate choropleth map represents two variables on one map. Instead of using one color scale for one variable, it combines two color axes so each region&amp;rsquo;s color represents a paired value.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/bivariate-choropleth-map/images/mainvisual.png&#34;
	width=&#34;960&#34;
	height=&#34;601&#34;
	srcset=&#34;https://visualizing.jp/bivariate-choropleth-map/images/mainvisual_hu_617d1c14c2beb565.png 480w, https://visualizing.jp/bivariate-choropleth-map/images/mainvisual_hu_de5e16ce5dbc7eea.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;159&#34;
		data-flex-basis=&#34;383px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The purpose is to show the spatial relationship between two variables, such as income and education, or vulnerability and exposure.&lt;/p&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Use a simple 2x2 or 3x3 legend.&lt;/li&gt;
&lt;li&gt;Choose variables that have a meaningful relationship.&lt;/li&gt;
&lt;li&gt;Avoid too many color classes.&lt;/li&gt;
&lt;li&gt;Make sure readers understand the mixed-color legend.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Bivariate choropleth maps are powerful for showing two-variable spatial patterns, but they require careful legends and restrained color design.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Dot Density Map</title>
        <link>https://visualizing.jp/en/dot-density-map/</link>
        <pubDate>Sat, 11 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/dot-density-map/</guid>
        <description>&lt;img src="https://visualizing.jp/dot-density-map/images/cover.png" alt="Featured image of post Dot Density Map" /&gt;&lt;p&gt;A dot density map represents geographic distribution through the density of dots. Each dot stands for a fixed quantity, such as 100 people or one household, and dots are placed within areas to show regional patterns.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/dot-density-map/images/mainvisual.png&#34;
	width=&#34;2880&#34;
	height=&#34;1802&#34;
	srcset=&#34;https://visualizing.jp/dot-density-map/images/mainvisual_hu_7f88c99557012114.png 480w, https://visualizing.jp/dot-density-map/images/mainvisual_hu_a252ae088483c451.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;159&#34;
		data-flex-basis=&#34;383px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;purpose&#34;&gt;Purpose
&lt;/h2&gt;&lt;p&gt;The purpose is to show spatial concentration and spread while avoiding the area bias of choropleth maps. Dense dot clusters indicate high values or high concentration.&lt;/p&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;State what one dot represents.&lt;/li&gt;
&lt;li&gt;Avoid implying exact locations when dots are randomly placed within areas.&lt;/li&gt;
&lt;li&gt;Use small dots and appropriate transparency.&lt;/li&gt;
&lt;li&gt;Consider dasymetric placement when internal distribution is known.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Dot density maps are useful for showing population and other distributed quantities. They communicate density intuitively, but readers must understand that dots may represent quantities, not exact locations.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Dot Map</title>
        <link>https://visualizing.jp/en/dot-map/</link>
        <pubDate>Sat, 11 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/dot-map/</guid>
        <description>&lt;img src="https://visualizing.jp/dot-map/images/cover.png" alt="Featured image of post Dot Map" /&gt;&lt;p&gt;A dot map plots individual observations as dots at their geographic locations. One dot represents one event, object, or observation. It is also called a dot distribution map, and is useful for showing the geographic distribution of precise locations such as earthquakes, stores, or incidents.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;Dot maps have roots in nineteenth-century cartography. John Snow&amp;rsquo;s 1854 cholera map in London is a famous early example of plotting individual cases geographically.&lt;/p&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Use dot maps when locations themselves matter.&lt;/li&gt;
&lt;li&gt;Avoid overplotting by using transparency or clustering.&lt;/li&gt;
&lt;li&gt;Do not confuse dot maps with dot density maps, where one dot may represent many units.&lt;/li&gt;
&lt;li&gt;Provide enough basemap context for interpretation.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Dot maps are direct and powerful when the data consists of individual locations. They show where observations occur without aggregating them into regions.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Geography-Based Connection</title>
        <link>https://visualizing.jp/en/geography-based-connection/</link>
        <pubDate>Sat, 11 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/geography-based-connection/</guid>
        <description>&lt;img src="https://visualizing.jp/geography-based-connection/images/thumb_ph_vizjp.png" alt="Featured image of post Geography-Based Connection" /&gt;&lt;p&gt;A geography-based connection map visualizes network relationships on top of geographic space. Nodes such as cities or locations are placed on a map, and edges connect them to show movement, communication, logistics, or other relationships.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/geography-based-connection/images/mainvisual.png&#34;
	width=&#34;2647&#34;
	height=&#34;1740&#34;
	srcset=&#34;https://visualizing.jp/geography-based-connection/images/mainvisual_hu_f88ef0180f2487d7.png 480w, https://visualizing.jp/geography-based-connection/images/mainvisual_hu_583b1e78c41c4250.png 1024w&#34;
	loading=&#34;lazy&#34;
	
		alt=&#34;Global Internet Map Map 2021&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;152&#34;
		data-flex-basis=&#34;365px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;The form is related to nineteenth-century flow maps and later airline route maps, communication network maps, and logistics maps. Modern GIS and network tools make it easy to overlay network structure on digital maps.&lt;/p&gt;
&lt;h2 id=&#34;use-cases&#34;&gt;Use Cases
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Air routes&lt;/li&gt;
&lt;li&gt;Internet and communication cables&lt;/li&gt;
&lt;li&gt;Logistics and supply chains&lt;/li&gt;
&lt;li&gt;Migration or commuting connections&lt;/li&gt;
&lt;li&gt;Urban and regional networks&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Avoid too many overlapping edges.&lt;/li&gt;
&lt;li&gt;Use bundling or filtering for dense networks.&lt;/li&gt;
&lt;li&gt;Clarify whether line width represents volume.&lt;/li&gt;
&lt;li&gt;Preserve geographic context without overwhelming the network.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Geography-based connection maps are useful when the location of relationships matters. They combine network structure with geographic context.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Space-Time Cube</title>
        <link>https://visualizing.jp/en/space-time-cube/</link>
        <pubDate>Sat, 11 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/space-time-cube/</guid>
        <description>&lt;img src="https://visualizing.jp/space-time-cube/images/thumb_ph_vizjp.png" alt="Featured image of post Space-Time Cube" /&gt;&lt;p&gt;A space-time cube integrates time and geographic space in a three-dimensional visual form. The X and Y axes represent location, while the Z-axis represents time. This makes it possible to see spatial and temporal change together.&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;The concept is rooted in time geography, developed by Swedish geographer Torsten Hagerstrand in the 1960s. His ideas about space-time prisms showed how human activity is constrained by both space and time. Later GIS and 3D visualization tools made space-time cubes practical.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Role&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;X/Y location&lt;/td&gt;
          &lt;td&gt;Geographic position&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Time&lt;/td&gt;
          &lt;td&gt;Vertical axis&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Event or path&lt;/td&gt;
          &lt;td&gt;Point, line, or trajectory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Attribute&lt;/td&gt;
          &lt;td&gt;Color, size, or annotation&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Use interaction or multiple views for readability.&lt;/li&gt;
&lt;li&gt;Clarify the time direction.&lt;/li&gt;
&lt;li&gt;Avoid clutter from too many trajectories.&lt;/li&gt;
&lt;li&gt;Provide 2D map and timeline references when needed.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Space-time cubes are useful when spatial and temporal patterns must be understood together. They are powerful but often require interaction to read well.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Vector Field Map</title>
        <link>https://visualizing.jp/en/vector-field-map/</link>
        <pubDate>Sat, 11 Oct 2025 00:00:00 +0900</pubDate>
        
        <guid>https://visualizing.jp/en/vector-field-map/</guid>
        <description>&lt;img src="https://visualizing.jp/vector-field-map/images/cover.png" alt="Featured image of post Vector Field Map" /&gt;&lt;p&gt;A vector field map shows direction and magnitude at spatial locations using arrows or glyphs. It is used for data such as wind, ocean currents, electric fields, and magnetic fields. Arrow angle represents direction, while length or color represents strength.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://visualizing.jp/vector-field-map/images/mainvisual.png&#34;
	width=&#34;576&#34;
	height=&#34;576&#34;
	srcset=&#34;https://visualizing.jp/vector-field-map/images/mainvisual_hu_e0d09109beb69893.png 480w, https://visualizing.jp/vector-field-map/images/mainvisual_hu_f97f713bfbbc8e17.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;100&#34;
		data-flex-basis=&#34;240px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;historical-background&#34;&gt;Historical Background
&lt;/h2&gt;&lt;p&gt;Vector field visualization developed with physics and fluid dynamics. Michael Faraday&amp;rsquo;s field-line diagrams and James Clerk Maxwell&amp;rsquo;s mathematical work on fields helped establish visual and mathematical thinking about directional forces. Modern weather and ocean maps now routinely use vector field visualization.&lt;/p&gt;
&lt;h2 id=&#34;data-structure&#34;&gt;Data Structure
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Data&lt;/th&gt;
          &lt;th&gt;Role&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Location&lt;/td&gt;
          &lt;td&gt;Point where vector is measured&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Direction&lt;/td&gt;
          &lt;td&gt;Arrow angle&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Magnitude&lt;/td&gt;
          &lt;td&gt;Arrow length or color&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Optional time&lt;/td&gt;
          &lt;td&gt;Animation or temporal comparison&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;design-notes&#34;&gt;Design Notes
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Avoid drawing too many arrows.&lt;/li&gt;
&lt;li&gt;Use consistent scaling for magnitude.&lt;/li&gt;
&lt;li&gt;Consider streamlines for dense flow.&lt;/li&gt;
&lt;li&gt;Use animation carefully for time-varying fields.&lt;/li&gt;
&lt;li&gt;Include a legend for arrow length or color.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;Vector field maps are effective for directional spatial data. They help readers see flow, force, or movement patterns, but density and scaling must be managed carefully.&lt;/p&gt;</description>
        </item>
        
    </channel>
</rss>
