[{"content":"A bar chart race is an animated form of bar chart that shows data changing over time, turning changes in rank and value into something that reads like a race. The format became widely known in 2019 after Financial Times data visualizer John Burn-Murdoch published a series of influential examples.\nHow to Read It In a bar chart race, time advances along the animation while bars representing cities, brands, countries, or other entities grow, shrink, and change order. The viewer can immediately see which items rise, fall, overtake others, or disappear from the top ranks.\nThe appeal is not only that the chart moves. It is that the movement turns a long time series into a legible sequence of events. Pausing at a particular moment, slowing down the playback, or following one highlighted item can reveal the dynamics that a static table would hide.\nJohn Burn-Murdoch\u0026rsquo;s example showing the world\u0026rsquo;s largest cities since 1500 made this especially clear: the viewer can see the center of urban scale shift from Europe and North America toward Asian and other emerging megacities.\nBackground Animated ranked bars existed before the phrase became common, but Burn-Murdoch\u0026rsquo;s work spread widely on Twitter, now X, and helped establish the name \u0026ldquo;bar chart race.\u0026rdquo; Mike Bostock\u0026rsquo;s Observable notebook also contributed to the format\u0026rsquo;s diffusion by making the technique easier to inspect and reproduce.\nWhat Is a Line Chart Race? A line chart race, sometimes called a horserace chart, follows multiple series with animated lines. Instead of bars changing rank, the viewer watches lines rise, fall, cross, and compete over time. Flourish helped popularize this form around 2019 through an accessible template.\nHow to Read a Line Chart Race Each line represents a participant such as a player, brand, party, or country. The vertical position may show either the actual value or the rank, depending on the mode. Crossings and reversals make the competitive structure easy to see.\nFlourish templates typically let authors choose between score and rank modes, add images, attach captions, and focus attention on specific lines. The format works especially well for sports rankings, election polling, market share, and other time-based comparisons where the story is about momentum.\nHow to Make One Bar chart race: Flourish templates, the Python bar_chart_race library, and Observable notebooks are common options. Line chart race: Flourish\u0026rsquo;s line chart race template is a practical starting point. Upload a CSV, configure the columns, and customize the presentation. These formats are useful when the key point is not a single final value but the story of change over time.\nSummary Bar chart races and line chart races are powerful animation techniques for communicating change, competition, and rank dynamics. Thanks to the work of John Burn-Murdoch, Flourish, and the broader data visualization community, they have become familiar tools for journalism, analysis, presentations, and public storytelling.\nReferences Bar chart race: the most populous cities through time (FT) Bar chart race - the most populous cities in the world (Observable) Line chart race (Flourish) Line chart race template (Flourish) ","date":"2026-06-11T00:00:00+09:00","image":"https://visualizing.jp/chart-race/images/bar-chart-chart_hu_da11239c523d842c.png","permalink":"/en/chart-race/","title":"What Is a Bar Chart Race?"},{"content":"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.\nHistorical Background 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.\nIn 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.\nSimilar 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.\nData Structure The required data is simple compared with many other cartogram types.\nData Description Example Region identifier Code or name for each region State code, prefecture code Grid coordinate Row and column position (row, col) Statistical value Value encoded by color Population density, turnout, infection rate Category Optional value for color grouping Party, region group Label Text shown inside the cell CA, NY, Tokyo, Osaka 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.\nPurpose 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.\nUse Cases State-level election results in the United States Prefecture-level statistics in Japan Policy comparisons across EU member states Country-level indicators such as vaccination rates or education levels Small multiples showing regional change over time Sports league comparisons arranged by home location Characteristics Every region has equal visual weight. Geographic arrangement is approximate, not exact. Data cannot be encoded by area because all cells have the same size. The technique is easy to implement on the web with tables, CSS Grid, or SVG. Designing a readable layout can be time-consuming when there are many regions. How to Read It 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.\nThe 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.\nDesign Notes Design the layout so readers can infer approximate location. Add clear labels because shape no longer identifies the region. Use accessible color schemes, such as ColorBrewer palettes. Choose squares or hexagons according to the number of regions and layout constraints. Avoid overloading cells with too many small marks. Explain the layout logic when the arrangement may not be obvious. Alternatives Continuous cartogram: Distorts area in proportion to data while maintaining topology. Non-contiguous cartogram: Scales each region independently while preserving shape. Pseudo-continuous cartogram: Replaces regions with circles, squares, or other geometric marks sized by data. Choropleth map: Uses true geographic shapes and encodes values by color, but area bias remains. Summary 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.\nReferences 1 - [Cartogram - Wikipedia](https://en.wikipedia.org/wiki/Cartogram) ","date":"2026-03-31T00:00:00+09:00","image":"https://visualizing.jp/gridded-cartogram/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/gridded-cartogram/","title":"Gridded Cartogram"},{"content":"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.\nHistorical Background 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.\nIn 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.\nThe 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.\nData Structure Data Description Example Region identifier Code or name for each region ISO code, prefecture code Centroid Representative position used for initial placement Latitude and longitude Statistical value Numeric value that determines area Population, GDP, medal count Category Optional variable for color Party, region, group Boundary polygons are not strictly required. Centroids and values are enough to generate a basic version, although boundary information can improve layout quality.\nPurpose 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.\nThis is also useful when boundaries are visually complicated or when the exact outline is less important than relative magnitude.\nUse Cases Olympic medal counts by country Population or GDP comparisons by country Election results by state or district Infectious disease case counts by region Industrial output by prefecture Branch counts or sales by market area Characteristics Area can encode a quantitative value. Geographic position is approximate but recognizable. Original shapes and exact adjacencies are lost. Overlap avoidance and layout algorithms strongly affect readability. Circles support smooth comparison; squares can support tighter packing and labeling. How to Read It 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.\nThe 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.\nDesign Notes Scale mark area, not diameter, to the data value. Include a size legend with meaningful reference values. Keep labels readable and avoid excessive overlap. Use restrained color so size remains legible. Explain that the geography is schematic. Alternatives Continuous cartogram: Preserves topology but distorts the entire map. Non-contiguous cartogram: Preserves region shape while scaling each region independently. Gridded cartogram: Gives every region equal size and encodes values by color. Proportional symbol map: Places scaled symbols on a normal map rather than replacing regions. Summary 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.\n","date":"2026-03-30T00:00:00+09:00","image":"https://visualizing.jp/pseudo-continuous-cartogram/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/pseudo-continuous-cartogram/","title":"Pseudo-Continuous Cartogram"},{"content":"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.\nHistorical Background 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.\nThis approach made the trade-off explicit: lose topological continuity in exchange for shape fidelity and simpler interpretation.\nData Structure Data Role Region geometry Original polygon shape to be scaled Region identifier Key for joining geometry and data Statistical value Determines the scaled area Centroid or anchor point Center around which the region is scaled Optional category Used for color or grouping Purpose 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.\nUse Cases Population or GDP by country Election results by state or prefecture Regional production or resource comparisons Public health burden by administrative area Characteristics Region shapes are preserved. Areas encode values. Adjacency and shared borders are lost. Gaps between regions are part of the design. The method is easier to generate than many continuous cartograms. Design Notes Make clear which variable controls area. Use labels because regions move apart visually. Keep a reference outline or original map nearby if recognition is difficult. Avoid using the map for distance or adjacency interpretation. Summary 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.\n","date":"2026-03-29T00:00:00+09:00","image":"https://visualizing.jp/non-continuous-cartogram/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/non-continuous-cartogram/","title":"Non-Continuous Cartogram"},{"content":"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.\nHistorical Background 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.\nDifferent 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.\nData Structure Data Description Example Boundary geometry Polygon shapes for each region Country or prefecture boundaries Region identifier Key linking geometry and data ISO code, prefecture code Statistical value Variable used to determine area Population, GDP, emissions Optional attributes Values used for color or labeling Region group, rate, category Unlike gridded or Dorling cartograms, a continuous cartogram requires polygon geometry because the shape of the map itself is transformed.\nPurpose The main purpose is to make a map\u0026rsquo;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.\nUse Cases Population cartograms GDP or economic output by country Election maps weighted by population or electorate Disease burden by region Carbon emissions and energy consumption Trade or migration comparisons Characteristics Area can represent quantitative values directly. Topological relationships are preserved. Shapes can become distorted and unfamiliar. Small regions may still be hard to label. Algorithm choice affects both accuracy and readability. How to Read It 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.\nBecause 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.\nDesign Notes State clearly which variable controls area. Add labels or reference outlines when distortion makes regions hard to identify. Avoid mixing area distortion with a confusing color scale. Use color for a different but related variable only when the relationship is important. Consider whether the audience can still recognize the geography after distortion. Alternatives Pseudo-continuous cartogram: Uses circles or squares sized by value. Non-contiguous cartogram: Scales regions independently while preserving shape. Gridded cartogram: Gives regions equal size and uses color for data. Choropleth map: Preserves geographic shape but is affected by area bias. Summary 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.\n","date":"2026-03-28T00:00:00+09:00","image":"https://visualizing.jp/continuous-cartogram/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/continuous-cartogram/","title":"Continuous Cartogram"},{"content":"Natural Earth is a free, high-quality map dataset available at 1:10m, 1:50m, and 1:110m scales in vector and raster formats. Its cultural vector layers include political data such as country borders and administrative boundaries.\nBy default, Natural Earth displays boundaries based on de facto control: who actually controls a territory. Its POV, or Point of View, datasets provide alternative versions based on particular de jure claims or institutional perspectives.\nWhat POV Means In the Natural Earth context, POV means Point of View. It describes boundary data that reflects how a specific country or institution understands the world according to its laws, alliances, and official claims.\nThe default dataset uses a more neutral de facto view. But territorial disputes are often viewed differently by different states. POV variants make it possible to create maps from a Japanese, Chinese, American, or other official perspective. The number of countries and some boundary lines can change depending on the selected viewpoint.\nWhy It Matters Political boundaries are not only geometry. They encode diplomatic position. If a map is used in education, journalism, product interfaces, or government materials, the boundary dataset can imply a position on disputed territories.\nNatural Earth\u0026rsquo;s POV data makes this issue explicit by offering multiple boundary views rather than pretending that there is always a single universally accepted map.\nTypical Uses Internationalized map products Educational materials requiring a particular official view Comparative cartography Diplomatic or policy analysis Applications that must comply with local map display rules Design Notes State which POV dataset is used. Avoid mixing different viewpoints without explanation. Treat disputed boundaries as editorial and political decisions, not only technical data. Keep metadata with the map so the source and viewpoint remain traceable. Summary Natural Earth\u0026rsquo;s POV data is useful because it acknowledges that political geography can depend on perspective. Choosing a boundary dataset is a design and policy decision, especially when maps include disputed territories.\n","date":"2026-03-27T00:00:00+09:00","image":"https://visualizing.jp/natural-earth-pov/images/land_01_hu_c3056b50db72c938.png","permalink":"/en/natural-earth-pov/","title":"Natural Earth's POV (Point of View) Data"},{"content":"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\u0026rsquo;s 1869 map of Napoleon\u0026rsquo;s Russian campaign is one of the most famous examples.\nHistorical Background 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.\nHis map of Napoleon\u0026rsquo;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.\nData Structure Data Role Origin Starting location Destination Ending location Flow value Determines line width Route geometry Straight or curved path Category Optional color or grouping Purpose 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.\nUse Cases Migration between regions Trade flows between countries Freight and logistics routes Commuting patterns River or energy flows Historical movement narratives Design Notes Scale width carefully so large flows do not overwhelm the map. Use transparency or bundling when many flows overlap. Clarify whether width represents absolute value, rate, or volume. Avoid too many crossing lines. Use arrows only when direction is not otherwise clear. Summary 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.\n","date":"2026-03-26T00:00:00+09:00","image":"https://visualizing.jp/proportional-flow-map/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/proportional-flow-map/","title":"Proportional Flow Map"},{"content":"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.\nHistorical Background 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.\nAs GIS made it easier to draw hundreds or thousands of flows, graduated widths became a practical way to keep maps readable.\nData Structure Data Role Origin and destination Define the flow Flow value Assigned to a class Classification rule Equal interval, quantile, natural breaks, or manual Line style Width used for each class Category Optional color or line type Purpose 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.\nUse Cases Regional migration categories Transportation volume classes Trade intensity groups Commuting flows with broad bands Network flow maps for reports or print Design Notes Explain the class breaks. Keep the number of width classes small. Use a legend with representative values. Consider graduated flow when proportional width would create extreme line differences. Avoid class breaks that hide important thresholds. Summary 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.\n","date":"2026-03-25T00:00:00+09:00","image":"https://visualizing.jp/graduated-flow-map/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/graduated-flow-map/","title":"Graduated Flow Map"},{"content":"Spark words visualize quantitative data directly through the typography of inline words. Font weight, size, color, italic style, and other text attributes encode values associated with individual words. Whereas Edward Tufte\u0026rsquo;s sparklines place tiny charts inside text, spark words make the text itself carry the data. Richard Brath systematizes this form in Visualizing with Text (2020).\nHistorical Background Spark words sit at the intersection of two traditions. The first is Tufte\u0026rsquo;s sparklines, which embed compact data graphics into the flow of prose. The second is typographic visualization, where the visual properties of text are used as data encodings.\nBrath\u0026rsquo;s work extends the idea by treating words as marks. Instead of placing a separate mini-chart next to a word, the word\u0026rsquo;s own typographic appearance changes according to data.\nData Structure Data Role Word or phrase Text shown inline Numeric value Encoded by weight, size, color, or style Category Optional typographic or color grouping Context text Sentence or paragraph containing the word Purpose The purpose is to preserve reading flow while adding a quantitative layer. Readers can skim text and immediately notice stronger, larger, darker, or differently colored words.\nUse Cases Emphasizing frequency or importance in documents Showing sentiment or uncertainty in text Annotating reports without separate charts Compact dashboards or editorial graphics Design Notes Use only a small number of typographic variables. Keep text readable before adding data encoding. Avoid making ordinary prose look randomly styled. Provide a legend or explanation when the mapping is not obvious. Summary Spark words are useful when text is the main medium and data should be embedded without interrupting the reader. They work best with restrained typography and a clear mapping between visual style and data.\n","date":"2026-03-24T00:00:00+09:00","image":"https://visualizing.jp/spark-words/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/spark-words/","title":"Spark Words"},{"content":"Text skimming is a visualization technique that overlays data onto body text through systematic typographic attributes such as bold, italic, font size, color, and underline. It helps readers scan important information without reading every word. It is also called skim formatting, and is discussed by Richard Brath in Visualizing with Text (2020).\nHistorical Background Using visual emphasis to guide reading is as old as manuscript and print culture. Decorated initials, headings, bold text, italic emphasis, and color have long helped readers identify structure and importance.\nText skimming differs from ordinary editorial emphasis because the formatting is mapped systematically to data. The visual treatment is not just an author\u0026rsquo;s judgment; it can encode frequency, sentiment, uncertainty, topic, or another variable.\nData Structure Data Role Text span Word, phrase, sentence, or paragraph Data value Importance, score, frequency, category Typographic mapping Font weight, size, color, underline, style Legend or rule Explains the mapping Purpose The purpose is to combine reading and analysis. A reader can skim a long document and quickly see where important or unusual information is located.\nUse Cases Highlighting key phrases in long reports Showing sentiment or topic in transcripts Reviewing survey free-text responses Annotating legal or policy documents Educational reading aids Design Notes Preserve readability as the first priority. Use typographic encodings consistently. Avoid combining too many attributes at once. Provide a legend when the encoding is data-driven. Make sure emphasis does not imply importance unless that is the intended meaning. Summary Text skimming turns typography into a data layer. It is powerful for document-heavy analysis, but it requires careful restraint so the text remains readable and the visual emphasis remains meaningful.\n","date":"2026-03-23T00:00:00+09:00","image":"https://visualizing.jp/text-skimming/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/text-skimming/","title":"Text Skimming"},{"content":"A typographic stacked bar chart adds data-bearing typography to the labels inside a stacked bar chart. Font weight, size, case, italic style, color, and other text attributes encode dimensions that position and area alone cannot show. Based on ideas discussed in Richard Brath\u0026rsquo;s Visualizing with Text, the method treats text as a visual mark, not merely as annotation.\nHistorical Background Stacked bar charts grew from the broader history of bar charts after William Playfair\u0026rsquo;s work in the late eighteenth century. They became a common way to show both totals and composition.\nTypographic encoding adds another layer to this familiar structure. By mapping values to text attributes, the labels inside segments can communicate additional variables such as emphasis, confidence, growth, or category.\nData Structure Data Role Bar category Main grouping Segment category Parts within each bar Segment value Determines segment length Label text Displayed inside or near segment Typographic variables Encode additional data Purpose The purpose is to add information density while keeping the stacked bar structure. It is useful when labels are already necessary and can be designed to carry more meaning.\nDesign Notes Keep labels readable in small segments. Do not encode too many variables through typography. Use a clear legend for font-based encodings. Avoid making the chart look like arbitrary styling. Consider whether a separate chart would be clearer. Summary Typographic stacked bar charts can communicate composition and extra label-level variables in one view. They work best when the number of segments is limited and the typographic mapping is simple.\n","date":"2026-03-22T00:00:00+09:00","image":"https://visualizing.jp/typographic-stacked-bar-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/typographic-stacked-bar-chart/","title":"Typographic Stacked Bar Chart"},{"content":"A typographic Mekko chart extends the Mekko chart, or Marimekko chart, by using typographic attributes inside each cell to encode additional dimensions of data. Font size, weight, color, italic style, and other text properties become part of the visualization. In an ordinary Mekko chart, width and height encode two dimensions; in a typographic Mekko chart, the label itself carries more information. This is one form of typographic visualization discussed by Richard Brath in Visualizing with Text (2020).\nHistorical Background Mekko charts have long been used in business analysis to show both part-to-whole structure and category composition. The typographic version comes from a broader tradition of treating text not only as annotation but as visual data.\nRichard Brath\u0026rsquo;s work systematized many ways to use text attributes for visualization. The typographic Mekko chart applies that idea to a matrix-like area chart: a cell\u0026rsquo;s size communicates one relationship, while the appearance of the label communicates another.\nData Structure Data Role Row or segment category Determines one dimension of the Mekko layout Column or group category Determines another dimension of the layout Cell value Determines cell area Text value Label displayed inside the cell Typographic variables Font size, weight, color, style, or spacing The design requires both numerical values for the area layout and additional attributes that can be mapped to typography.\nPurpose The purpose is to increase the information density of a Mekko chart without adding separate legends, marks, or panels. It is useful when the text labels are already important and can safely carry more meaning.\nUse Cases Market share by segment with growth encoded in label weight Product portfolio analysis with category size and profitability Survey results where cell labels show both group names and sentiment Editorial or text-heavy dashboards where labels are part of the message Characteristics It can encode more variables than a standard Mekko chart. It relies heavily on legible typography. It can become visually noisy if too many text attributes are used at once. It works best when the number of cells is moderate. How to Read It First read the cell area as in a normal Mekko chart: width and height describe the share or magnitude. Then read the text style. Larger, bolder, darker, or differently colored labels may represent additional values such as growth, importance, risk, or category.\nThe legend must explain what each typographic attribute means. Without a clear mapping, readers may interpret style as decoration rather than data.\nDesign Notes Limit the number of typographic encodings. Keep labels large enough to read. Use font weight and color carefully; they attract attention strongly. Do not encode critical values only through subtle italic or spacing differences. Check that small cells do not produce unreadable labels. Alternatives Standard Mekko chart Treemap with labels Heatmap with text annotations Small multiples of bar charts Summary The typographic Mekko chart is a high-density technique that turns labels into data-bearing marks. It is useful when area, category, and text all matter, but it requires careful restraint so the typography remains readable and interpretable.\n","date":"2026-03-21T00:00:00+09:00","image":"https://visualizing.jp/typographic-mekko-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/typographic-mekko-chart/","title":"Typographic Mekko Chart"},{"content":"A typographic graph is a network visualization in which nodes are represented by text labels rather than circles or dots. Font size, weight, color, case, and other typographic attributes can encode node properties such as centrality, category, or importance. Edges connect the text labels to show network structure. Richard Brath presents this as a form of typographic visualization in Visualizing with Text (2020).\nHistorical Background Network visualization has roots in graph theory, including Euler\u0026rsquo;s bridges of Konigsberg problem. Modern network visualization expanded rapidly with the internet, social networks, and tools such as Pajek, Gephi, and D3.js.\nTraditional network diagrams usually draw nodes as circles and attach labels as secondary information. A typographic graph makes the label itself the node, bringing identity and data encoding into the same visual element.\nPurpose The purpose is to make node identity immediately visible while still representing network relationships. It is useful when names are more important than anonymous points.\nUse Cases Social networks where names or organizations matter Concept maps Citation or author networks Topic networks Entity relationship diagrams for reports Design Notes Prevent text overlap through layout constraints. Use typography sparingly; too many styles reduce readability. Keep edge contrast subtle so labels remain legible. Consider interaction for dense networks. Use font size carefully because it strongly affects perceived importance. Summary Typographic graphs turn labels into primary data marks. They are useful when readers need to identify entities directly, but they require careful layout to avoid clutter and overlapping text.\n","date":"2026-03-19T00:00:00+09:00","image":"https://visualizing.jp/typographic-graph/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/typographic-graph/","title":"Typographic Graph"},{"content":"Parallel coordinates with river labels place text directly along each polyline in a parallel coordinates plot. Standard parallel coordinates can become difficult to read when many lines overlap. By placing labels on the lines themselves, selected data items become easier to follow. Richard Brath discusses related microtext approaches in Visualizing with Text (2020).\nHistorical Background Parallel coordinates were developed by Alfred Inselberg and became a standard technique for exploring multidimensional data. Each variable is shown as a parallel axis, and each data record is drawn as a polyline crossing those axes.\nThe weakness is overplotting. When many records are drawn, individual lines are hard to identify. Color, brushing, and interaction help, but static charts still need clearer identification. River labels borrow from cartographic labeling by attaching text to the path.\nPurpose The purpose is to make important or selected lines traceable without requiring a separate legend or hover interaction.\nUse Cases Comparing named countries, products, or samples across many variables Highlighting outliers in multidimensional data Static reports based on parallel coordinates Educational examples where a few paths must be followed clearly Design Notes Use labels only for selected or important lines. Place text on relatively smooth line segments. Avoid dense crossings where labels become unreadable. Use interaction when many labels are needed. Keep the overall chart light enough for labels to stand out. Summary River labels can make parallel coordinates easier to follow by attaching identity directly to the line. The technique is most useful for highlighted records, not for labeling every line in a dense dataset.\n","date":"2026-03-18T00:00:00+09:00","image":"https://visualizing.jp/parallel-coordinates-with-river-label/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/parallel-coordinates-with-river-label/","title":"Parallel Coordinates with River Labels"},{"content":"A line chart with river labels places labels directly along the paths of lines. As river names on maps follow the direction and curvature of rivers, the text in this chart follows the line itself. This reduces the need to look back and forth between the chart and a separate legend. Richard Brath describes related techniques as \u0026ldquo;microtext lines\u0026rdquo; in Visualizing with Text (2020).\nHistorical Background Direct labeling has long been recommended as a way to make line charts easier to read. The river-label approach extends that principle by bending or positioning text along the line path, borrowing conventions from cartographic labeling.\nThe idea is especially useful when many lines appear in the same chart. Instead of relying on colors alone, the chart embeds names into the paths, making identification more immediate.\nData Structure Data Role Series identifier Name displayed as a label Time or ordered position X-axis value Numeric value Y-axis value Line geometry Path used for label placement Label placement rules Position, orientation, spacing, and collision handling The chart requires not only the underlying line data but also enough geometric processing to place labels without making them collide or become unreadable.\nPurpose The purpose is to reduce legend lookup and improve series identification. It is most effective when the viewer needs to follow individual lines across time or compare several trajectories.\nUse Cases Time-series charts with many named countries, companies, or products Sports ranking trends Polling or approval-rating lines Financial or economic indicators Educational graphics where each line should be read as a named path Characteristics Labels are close to the data they identify. The design reduces reliance on color. Curved labels can be visually elegant and map-like. Placement is technically harder than ordinary end labels. Dense or highly crossing lines can make labels difficult. How to Read It Follow the text label along the line to identify the series. Then read the line\u0026rsquo;s vertical position and slope as usual. The label\u0026rsquo;s orientation helps the eye stay attached to the correct path.\nWhen labels overlap or are placed only on part of a line, use color or hover interactions as secondary support.\nDesign Notes Place labels on relatively smooth segments. Avoid highly curved or jagged segments that distort letters. Preserve sufficient contrast between text and background. Use collision detection or manual adjustment for crowded charts. Keep a fallback legend or tooltip when the chart is interactive. Alternatives End labels at the right edge of a line chart Direct labels near each line Traditional legend with color keys Small multiples Summary River-labeled line charts make series identification immediate by putting names directly on the lines. They are strongest when the design has enough space and the lines are smooth enough for labels to remain legible.\n","date":"2026-03-17T00:00:00+09:00","image":"https://visualizing.jp/line-chart-with-river-label/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/line-chart-with-river-label/","title":"Line Chart with River Labels"},{"content":"A typographic scatterplot replaces ordinary point marks with text labels such as words, abbreviations, or names. Each text element directly identifies the data point, reducing the need for tooltips or legends. Font size, weight, italic style, color, and other attributes can also encode additional data dimensions. Richard Brath discusses this technique in Visualizing with Text (2020).\nHistorical Background Scatterplots became a basic statistical chart in the nineteenth century. In ordinary scatterplots, each data point is a dot, and identity is added through labels, legends, or interaction.\nTypographic scatterplots make the label itself the mark. This idea also resembles cartographic labeling, where place names are positioned as part of the visual structure rather than as afterthoughts.\nPurpose The purpose is to combine position-based comparison with direct identification. It is useful when each point represents an entity readers need to recognize.\nUse Cases Comparing countries, companies, people, or products Text analysis where words are positioned by two scores Brand or topic maps Educational diagrams where identity matters Design Notes Avoid too many labels. Use collision avoidance or selective labeling. Keep typography legible at the intended size. Use font attributes consistently and explain their meaning. Consider ordinary dots plus labels when the chart is dense. Summary Typographic scatterplots are useful when identity and position are both important. They can make a scatterplot more self-explanatory, but only if text density is controlled.\n","date":"2026-03-16T00:00:00+09:00","image":"https://visualizing.jp/typographic-scatterplots/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/typographic-scatterplots/","title":"Typographic Scatterplots"},{"content":"A 3D yield curve visualizes changes in bond yield curves over time as a three-dimensional surface. The X-axis represents maturity, the Y-axis represents time, and the Z-axis represents yield. By connecting yield curves from many dates, the chart shows how the term structure of interest rates has evolved.\nHistorical Background Yield curves are a standard tool in finance. A two-dimensional yield curve shows interest rates across maturities at one point in time. Analysts have long compared multiple curves to understand changes in monetary policy, inflation expectations, recession signals, and market stress.\nThe 3D yield curve adds time as an explicit dimension. Instead of comparing several selected lines, it creates a surface that reveals the history of the curve\u0026rsquo;s shape: steepening, flattening, inversion, and regime shifts.\nData Structure Data Description Date Observation date Maturity Term to maturity, such as 3 months, 2 years, or 10 years Yield Interest rate for that maturity and date Optional metadata Country, bond type, source, or policy regime The data is typically a date-by-maturity matrix. Missing maturities may require interpolation.\nPurpose The purpose is to show how an entire yield curve changes over time. A single curve can show one moment, and a line chart can show one maturity over time, but the 3D surface can show both dimensions together.\nUse Cases Treasury yield curve history Comparison of policy regimes Recession and inversion analysis Educational explanations of term structure Financial dashboards for interest-rate markets Characteristics It reveals the overall shape of the yield curve through time. It makes inversions and steepening visually salient. It can suffer from occlusion and perspective distortion. Exact values are harder to read than in 2D charts. Interactive rotation or slicing can improve usability. How to Read It Look along the maturity axis to understand the shape of the yield curve at one date. Look along the time axis to see how that shape changes. Ridges, valleys, and surface color can reveal periods of high or low rates.\nIf the short end is higher than the long end, the surface shows an inverted yield curve. If long maturities rise far above short maturities, the curve is steep.\nDesign Notes Use color carefully to support height, not replace it. Provide 2D slices or tooltips for exact reading. Avoid extreme perspective that hides important areas. Label maturity and date axes clearly. Consider small multiples when comparison is more important than surface form. Alternatives Multiple 2D yield curves Heatmap of yield by date and maturity Line chart of selected maturities Animated yield curve over time Summary The 3D yield curve is useful for seeing the evolution of interest-rate term structure as a shape over time. It is visually powerful, but exact analysis usually benefits from accompanying 2D views or interactive inspection.\n","date":"2026-03-15T00:00:00+09:00","image":"https://visualizing.jp/3d-yield-curve/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/3d-yield-curve/","title":"3D Yield Curve"},{"content":"A heatmap represents values in a matrix or grid by assigning colors to cells. Each cell, at the intersection of a row and column, contains a value, and color intensity or hue communicates its magnitude. Heatmaps are used for correlation matrices, web click analysis, geographic density, gene expression analysis, and many other fields.\nHistorical Background The idea of using color to encode quantity is much older than the term heatmap. Nineteenth-century statistical maps and matrix-style graphics already used color to reveal patterns.\nThe term \u0026ldquo;heat map\u0026rdquo; is often attributed to software designer Cormac Kinney, who used it in 1991 for a financial market visualization system that displayed real-time data as a two-dimensional color matrix.\nData Structure Data Role Row category Y-axis or vertical grouping Column category X-axis or horizontal grouping Cell value Determines color Color scale Maps values to colors Optional labels Show exact values or categories Purpose The purpose is to reveal patterns across many values at once. A heatmap helps readers see clusters, outliers, gradients, and block structures faster than a table of numbers.\nUse Cases Correlation matrices Website click and attention analysis Calendar activity charts Gene expression matrices Geographic density surfaces Business performance dashboards Design Notes Choose a color scale that matches the data type. Use a diverging scale only when there is a meaningful midpoint. Avoid rainbow scales for ordered values. Label axes clearly. Use clustering or sorting when row and column order affects interpretation. Summary Heatmaps are effective for scanning large matrices and finding patterns. Their success depends heavily on color scale choice, ordering, and clear legends.\n","date":"2026-03-14T00:00:00+09:00","image":"https://visualizing.jp/heatmap/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/heatmap/","title":"Heatmap"},{"content":"A Mekko chart encodes data in both the width and height of rectangular segments. It is also called a Marimekko chart, after the Finnish textile brand whose geometric patterns it resembles. Width often represents an overall category size, while the vertical divisions represent composition within that category.\nIn statistics, it is closely related to the mosaic plot, and it is useful for showing the relationship between categorical variables and segment scale at the same time.\nHistorical Background The academic origin of Mekko charts is linked to mosaic plots. Hartigan and Kleiner introduced mosaic plots in the early 1980s as a way to visualize cross-tabulated categorical data through rectangular areas.\nBusiness use later popularized the Mekko chart for market structure, portfolio analysis, and strategy presentations.\nData Structure Data Role Main category Determines bar width Subcategory Determines segments within each bar Value Determines area Optional color Encodes subcategory or grouping Purpose The purpose is to show both total size and composition in one chart. It answers questions such as: which category is largest, and what is each category made of?\nUse Cases Market share by segment Product portfolio composition Revenue by region and product line Cross-tabulated survey results Business strategy presentations Design Notes Use clear labels because both width and height matter. Avoid too many categories or small segments. Make the area encoding explicit. Consider a stacked bar chart if equal-width comparison is more important. Summary Mekko charts are useful when both total category size and internal composition matter. They are information-dense, but they require careful labeling and restraint to remain readable.\n","date":"2026-03-12T00:00:00+09:00","image":"https://visualizing.jp/mekko-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/mekko-chart/","title":"Mekko Chart"},{"content":"A diverging bar chart extends bars in two directions from a central baseline, usually zero. It is used to compare positive and negative values, or deviations from a reference point. It is especially useful for Likert-scale survey results, sentiment analysis, and year-over-year performance.\nThis article focuses on diverging bars where each bar represents a single value, not diverging stacked bar charts where each bar contains multiple segments.\nHistorical Background Diverging bar charts grew from the broader history of bar charts after William Playfair\u0026rsquo;s work in 1786. As statistical graphics developed, analysts needed ways to compare values on both sides of a reference point, especially gains and losses.\nData Structure Data Role Category One bar Value Positive or negative magnitude Baseline Usually zero or a meaningful reference Color Often indicates direction Purpose The purpose is to make direction and magnitude visible at the same time. A reader can quickly see which items are above or below the reference and by how much.\nUse Cases Profit and loss Sentiment scores Survey agreement and disagreement Population change Performance against target Design Notes Use a clear zero or reference line. Use color consistently for positive and negative values. Sort bars when ranking is important. Avoid truncating the axis around zero. Label the reference value clearly if it is not zero. Summary Diverging bar charts are ideal for data with a meaningful center. They make contrast and deviation easy to read, especially when color and ordering are handled carefully.\n","date":"2026-03-11T00:00:00+09:00","image":"https://visualizing.jp/diverging-bar-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/diverging-bar-chart/","title":"Diverging Bar Chart"},{"content":"A 100% stacked bar chart normalizes every bar to the same total length and compares the proportion of subgroups within each whole. Because each bar adds up to 100%, the chart focuses on composition rather than absolute amount.\nIt is useful when the question is about share: sales composition by year, energy source mix by region, or response distribution by group.\nHistorical Background The 100% stacked bar chart is a variation of the stacked bar chart. It emerged from the broader use of bar charts and statistical graphics as analysts needed to compare proportions rather than raw totals.\nData Structure Data Role Main category One normalized bar Subcategory Segment inside the bar Value Converted to a percentage of the bar total Color Identifies subcategories Purpose The purpose is to compare composition across groups while removing differences in total size. All bars have the same length, so the reader focuses on the internal proportions.\nUse Cases Market share by year Survey response distribution by group Energy mix by country Budget composition by department Device or platform share over time Design Notes Use this chart only when proportions are the main question. Do not use it when absolute totals matter. Keep the number of segments limited. Put the most important segment at a common baseline when possible. Use clear labels or tooltips for small segments. Summary 100% stacked bar charts are strong for comparing composition, but they hide total size. They should be used when share matters more than amount.\n","date":"2026-03-10T00:00:00+09:00","image":"https://visualizing.jp/100-percent-stacked-bar-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/100-percent-stacked-bar-chart/","title":"100% Stacked Bar Chart"},{"content":"A stacked bar chart divides each bar into multiple segments, allowing the viewer to see both the total value and the composition of that total. Each segment length represents an individual value, while the full bar length represents the sum.\nIt is widely used for part-to-whole comparisons where both total amount and internal breakdown matter.\nHistorical Background Stacked bar charts developed naturally from the bar chart tradition after William Playfair introduced bar charts in the late eighteenth century. As social statistics and business reporting expanded, charts needed to show both totals and components.\nData Structure Data Role Main category One bar Subcategory Segment within the bar Value Segment length Color Identifies subcategories Purpose The purpose is to compare totals while also showing composition. It answers: how large is each group, and what is it made of?\nUse Cases Revenue by business unit and product Population by region and age group Budget by department and expense category Survey responses by group Design Notes Segment comparisons are easiest at the shared baseline. Avoid too many segments. Use consistent segment order across bars. Consider a grouped bar chart when comparing subcategories is more important than totals. Consider a 100% stacked bar chart when proportions matter more than totals. Summary Stacked bar charts combine total comparison and composition in one view. They are useful, but segment-level comparison becomes difficult when many colors and categories are involved.\n","date":"2026-03-09T00:00:00+09:00","image":"https://visualizing.jp/stacked-bar-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/stacked-bar-chart/","title":"Stacked Bar Chart"},{"content":"Overview ADS-B, or Automatic Dependent Surveillance-Broadcast, is an aviation surveillance system in which aircraft automatically broadcast their position. It is defined in standards such as the RTCA DO-260 series and is incorporated into ICAO aviation frameworks.\nAircraft use satellite navigation systems such as GPS to determine position, speed, altitude, and other values, then broadcast that information to nearby aircraft and ground stations. The FAA describes ADS-B as a system that complements traditional radar with more accurate and timely tracking.\nHow ADS-B Works Aircraft commonly broadcast ADS-B messages on 1090 MHz using Mode S Extended Squitter. The messages include the aircraft\u0026rsquo;s 24-bit ICAO address and position encoded with Compact Position Reporting.\nThe broadcast is automatic. Ground receivers, other aircraft, and community receiver networks can capture the messages and reconstruct aircraft movement.\nData Contents ADS-B data may include:\nICAO aircraft address Latitude and longitude Barometric or geometric altitude Ground speed Track or heading Vertical rate Callsign Visualization Uses ADS-B is widely used to visualize air traffic. It supports live flight maps, route analysis, airport approach patterns, airspace congestion analysis, and historical movement studies.\nDesign Notes Coverage depends on receiver location and altitude. Some aircraft may block or limit public display. Position data can contain errors or gaps. Dense airspace benefits from filtering, aggregation, and time animation. Summary ADS-B is a key data source for aircraft tracking and air traffic visualization. It provides detailed movement data, but good analysis requires attention to coverage, message quality, and aviation context.\n","date":"2026-03-09T00:00:00+09:00","image":"https://visualizing.jp/ads-b/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/ads-b/","title":"What Is ADS-B?"},{"content":"Overview AIS, or Automatic Identification System, is a maritime surveillance system in which ships automatically broadcast their position and identifying information. It is based on performance standards from the International Maritime Organization and is required under amendments to the SOLAS convention for many vessels.\nShips transmit information such as position, speed, course, and identity from GPS and other navigation systems. Other ships and coastal stations receive the messages, supporting collision avoidance and traffic management.\nHow AIS Works AIS messages are broadcast over VHF radio. The ITU-R M.1371 standard defines message structures, including the vessel\u0026rsquo;s MMSI, position, speed, and navigational status. Transmission is automatic and can be received by nearby vessels, shore stations, and satellites.\nData Contents Typical AIS data includes:\nMMSI and vessel name Latitude and longitude Speed over ground Course over ground Heading Navigational status Vessel type and dimensions Destination and estimated time of arrival when available Visualization Uses AIS data is useful for visualizing maritime traffic. Dense vessel tracks can reveal shipping lanes, port activity, anchorage patterns, fishing behavior, and unusual movement.\nDesign Notes AIS data can be noisy or incomplete. Position frequency differs by vessel speed and equipment. Privacy, security, and commercial sensitivity should be considered. Use aggregation when showing dense traffic patterns. Summary AIS is a foundational data source for maritime tracking and visualization. It provides near-real-time ship movement data, but analysis requires attention to message quality, coverage, and operational context.\n","date":"2026-03-09T00:00:00+09:00","image":"https://visualizing.jp/ais/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/ais/","title":"What Is AIS?"},{"content":"A grouped bar chart places multiple data series side by side within each category. It is also called a clustered bar chart. By arranging subgroups next to one another, it allows comparison both across categories and within each category.\nExamples include population by gender across regions, or sales by department across years.\nHistorical Background Grouped bar charts evolved from the basic bar chart, which William Playfair introduced in the eighteenth century. As comparative statistics expanded, placing multiple bars within a category became a natural way to compare series directly.\nData Structure Data Role Main category Group on the axis Series or subgroup Bars within each group Value Bar length Color Identifies series Purpose The purpose is to compare several series across shared categories. Unlike stacked bars, grouped bars make individual series values easier to compare because each bar has its own baseline.\nUse Cases Sales by year and department Population by gender and region Survey scores by group Product metrics by market Design Notes Limit the number of series per group. Use clear spacing between groups. Keep series order consistent. Consider direct labels when legends become burdensome. Use stacked bars if the total is more important than individual comparison. Summary Grouped bar charts are a reliable choice for comparing multiple series within common categories. They become difficult when too many subgroups are added, so restraint is important.\n","date":"2026-03-08T00:00:00+09:00","image":"https://visualizing.jp/grouped-bar-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/grouped-bar-chart/","title":"Grouped Bar Chart"},{"content":"Tableau is one of the world\u0026rsquo;s most widely used data visualization tools, and its color schemes are central to how users read data. Color is not decoration: it conveys meaning, guides attention, and affects accessibility. This article traces the evolution of Tableau\u0026rsquo;s color design from the early 2000s, through the Tableau 10 release in 2016, to more recent changes around dynamic color ranges.\nThese changes reflect progress in visual perception research and user experience. The influence of color scientist Maureen Stone is especially important, and accessibility, color-vision diversity, and perceptual precision have remained consistent themes.\nEarly Tableau: Practical but Limited Palettes Early Tableau palettes were designed to make charts attractive and immediately usable. They helped users create dashboards quickly, but the defaults were not yet as carefully tuned for perceptual uniformity or accessibility as later palettes.\nAs Tableau became a mainstream analytical tool, color had to support a wider range of use cases: categorical comparison, sequential magnitude, diverging values, highlighting, and dashboards viewed by many different audiences.\nTableau 10 and the Palette Redesign The 2016 release of Tableau 10 marked a major redesign of the default palettes. The new colors were less saturated, more balanced, and better suited to repeated dashboard use. Tableau\u0026rsquo;s design team emphasized that the palettes were not simply aesthetic updates; they were built to improve legibility and reduce accidental emphasis.\nThe Tableau 10 categorical palette became widely recognized because it offered distinct colors without the harshness common in older default palettes. Sequential and diverging palettes also became more carefully aligned with perceptual principles.\nDynamic Color Ranges More recent Tableau releases introduced more flexible handling of color ranges. Dynamic color ranges make it easier to preserve meaningful starts, ends, and midpoints even when filters change the visible data.\nThis matters because filtering can otherwise change the meaning of a color scale. If the same red no longer means the same value after a filter, readers can be misled. Dynamic control helps designers keep color semantics stable while still supporting exploration.\nWhy This Matters Color schemes affect both accuracy and trust. Poor palettes can exaggerate small differences, hide important changes, or exclude readers with color-vision differences. Well-designed palettes support comparison, emphasis, and interpretation without drawing attention to themselves.\nDesign Lessons Use categorical palettes for categories, not ordered values. Use sequential palettes for values that increase in one direction. Use diverging palettes only when there is a meaningful midpoint. Preserve scale meaning across filters when possible. Check whether the palette remains readable for color-vision-diverse users. Summary Tableau\u0026rsquo;s color schemes have evolved from practical early defaults toward more carefully designed, accessible, and semantically stable palettes. The story reflects a broader shift in data visualization: color is now treated as part of the analytical interface, not merely as visual styling.\nReferences Color Palettes and Effects - Tableau How we designed the new color palettes in Tableau 10 Create Custom Color Palettes - Tableau Dynamic Color Ranges in Tableau: Clearer Visual Analysis Choosing Colors for Data Visualization The Visual Display of Quantitative Information ","date":"2026-02-16T00:00:00+09:00","image":"https://visualizing.jp/tableau-color-scheme/images/colortool3_hu_4f15fbc55af19f79.png","permalink":"/en/tableau-color-scheme/","title":"The Evolution of Tableau Color Schemes"},{"content":"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 encoding: \u0026quot;mlt\u0026quot; in a style JSON source.\nThis article first reviews what vector tiles are, then summarizes the differences between MLT and MVT and how MLT is used in MapLibre.\nWhat Are Vector Tiles? Vector tiles divide a map into zoom levels and tile coordinates (z, x, y), but instead of serving each tile as an image, they serve geometric features: points, lines, polygons, and their attributes.\nRaster tiles contain images such as PNG or JPEG. They are fast to draw, but their style is hard to change after delivery. 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. MVT has been the representative vector tile specification used by many renderers, including MapLibre.\nWhat to Look For Lines and labels remain crisp while zooming\nVector tiles can change what features and labels are shown at different zoom levels while preserving crisp rendering.\nThe same data can have different visual styles\nBecause data and style are separated, a map can be redesigned by changing style rules rather than regenerating all data.\nRendering cost moves to the client\nDownload size, decoding, filtering, and polygon tessellation can become bottlenecks. MLT is designed to reduce this preprocessing cost.\nComplex attributes are increasingly important\nModern geospatial data often has nested attributes, lists, 3D coordinates, and measured values. MLT is designed with these future requirements in view.\nMVT Basics 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.\nWhat MLT Tries to Improve MLT is designed around several ideas:\nColumn-oriented layout: improves compression and filtering by organizing data by columns rather than only by features. Separation of storage and in-memory formats: supports efficient transfer while allowing faster runtime processing. GPU-friendly design: supports moving expensive work such as polygon tessellation earlier in the pipeline. Richer types: anticipates complex attributes, 3D coordinates, and measured values. MVT and MLT Compared Aspect MVT MLT Basic idea Established vector tile format Redesigned for next-generation rendering Storage model Feature-oriented More column-oriented Decoding and processing Mature ecosystem, but heavy data can be costly Designed for faster compression, decoding, and filtering Polygon preparation Runtime tessellation can be a bottleneck Supports pre-tessellated storage concepts Attribute types Mostly simple types Designed with complex and future types in mind MapLibre Support MapLibre documents MLT as a supported vector source encoding. A style can specify encoding: \u0026quot;mlt\u0026quot; in a vector source.\n1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 { \u0026#34;version\u0026#34;: 8, \u0026#34;sources\u0026#34;: { \u0026#34;basemap\u0026#34;: { \u0026#34;type\u0026#34;: \u0026#34;vector\u0026#34;, \u0026#34;url\u0026#34;: \u0026#34;https://example.com/tiles/style-or-tileset.json\u0026#34;, \u0026#34;encoding\u0026#34;: \u0026#34;mlt\u0026#34; } }, \u0026#34;layers\u0026#34;: [ { \u0026#34;id\u0026#34;: \u0026#34;roads\u0026#34;, \u0026#34;type\u0026#34;: \u0026#34;line\u0026#34;, \u0026#34;source\u0026#34;: \u0026#34;basemap\u0026#34;, \u0026#34;source-layer\u0026#34;: \u0026#34;transportation\u0026#34; } ] } 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.\nWhy MLT Now? 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.\nSummary Vector tiles serve map features instead of images, allowing dynamic styling. MVT made this approach mainstream. MLT is MapLibre\u0026rsquo;s attempt to modernize the format for larger data, faster decoding, better filtering, and GPU-friendly rendering. Its use through encoding: \u0026quot;mlt\u0026quot; positions it as a concrete evolution of the MapLibre ecosystem.\nReferences Announcing MapLibre Tile: a modern and efficient vector tile format Sources - MapLibre Style Spec Releases - maplibre/maplibre-gl-js Display a map with MLT - MapLibre GL JS MapLibre Tile Specification Mapbox Vector Tile specification Mapbox Vector Tile Specification ","date":"2026-01-28T00:00:00+09:00","image":"https://visualizing.jp/maplibre-tile/images/cover_hu_6d2e7697aab213fd.png","permalink":"/en/maplibre-tile/","title":"What Is MapLibre Tile (MLT)?"},{"content":"Polaris is a system and formal language for exploratory analysis of multidimensional databases. Developed at Stanford University in the early 2000s by Chris Stolte, Pat Hanrahan, and collaborators, it later became a core intellectual foundation of Tableau.\nIts key idea is that visualization itself can be defined as a declarative query against data. Polaris is therefore not just a graph-drawing tool; it integrates analysis, aggregation, and visual representation into one framework.\nThe 2008 CACM Paper The most accessible introduction is the 2008 Communications of the ACM paper, \u0026ldquo;Polaris: A System for Query, Analysis, and Visualization of Multidimensional Databases.\u0026rdquo; It builds on earlier academic work published in IEEE TVCG and explains the design motivation, practical significance, and connection to Tableau.\nWhy Polaris Matters Polaris showed that visual exploration could be built on a formal grammar. Users could compose views by arranging fields, and the system could translate those visual arrangements into database queries. This made interaction, analysis, and visualization parts of the same process.\nDesign Lessons Visualization can be treated as a query language. Multidimensional data analysis benefits from a visual grammar. A good interface should connect field placement, aggregation, and rendering. The path from Polaris to Tableau shows how research can become production software. Summary Polaris is important because it reframed visualization as a structured analytical language. That idea directly influenced Tableau and remains central to how modern visual analytics tools connect data, queries, and interactive views.\n","date":"2026-01-20T00:00:00+09:00","image":"https://visualizing.jp/polaris/images/30f39bc6-8e1b-42b4-93ca-1603bb3d852b_img-0_hu_5051f984f5b5575c.jpeg","permalink":"/en/polaris/","title":"What Is Polaris?"},{"content":"Show Me is a Tableau feature and research contribution that helps users choose appropriate visualizations. It addresses a common problem in visual analysis: users often know which fields they want to inspect, but not which chart type is suitable.\nShow Me is not just a recommendation engine. It is implemented as a set of UI commands and defaults connected to VizQL, Tableau\u0026rsquo;s visualization language.\nBackground Traditional visualization tools often present users with a list of chart types and expect them to choose. This creates friction because chart choice depends on data type, number of fields, aggregation, and analytical intent.\nShow Me changes the workflow. After the user selects fields, Tableau can recommend compatible views and generate them with appropriate defaults.\nHow It Works Show Me considers the selected fields and their roles, such as dimensions and measures. It then enables or disables chart options according to whether the selected data can support that view. When a chart is chosen, Tableau constructs a VizQL specification and creates the view.\nWhy It Matters The feature helps bridge the gap between data structure and visual encoding. It gives beginners a practical starting point while still letting advanced users refine the result.\nDesign Lessons Chart recommendation should be grounded in data types and visual grammar. A useful default is part of the interface, not an afterthought. Recommendation should support exploration without hiding the underlying structure. Good tools help users move from fields to views quickly. Summary Show Me demonstrates how visualization systems can guide chart selection through rules, defaults, and a formal visual language. It is important because it turns visualization choice into an interactive, data-aware workflow rather than a separate design decision.\n","date":"2026-01-20T00:00:00+09:00","image":"https://visualizing.jp/show-me/images/4-Tableau-Showme_img-0_hu_3a54cf4636f406ef.jpeg","permalink":"/en/show-me/","title":"What Is Show Me?"},{"content":"VizQL, or Visualization Query Language, is the declarative visualization language at the core of Tableau. It is based on the idea that visualization itself can be described as a query, rather than treating data retrieval, analysis, and visual rendering as separate manual steps.\nVizQL originated from the Stanford research system Polaris and was formalized as part of turning that research into a commercial visual analytics tool.\nBasic Idea In Tableau, users drag fields onto shelves such as rows, columns, color, and size. Those visual choices are translated into VizQL, which then generates database queries such as SQL or MDX and returns results for visual rendering.\nThis makes interaction with a chart equivalent to querying data. Changing the view is not simply changing graphics; it changes the analytical query.\nWhy It Matters VizQL lowers the barrier between data analysis and visual design. Users do not need to write SQL for every operation, but the system still preserves a structured model of the query behind the view.\nDesign Lessons Visual interfaces can be declarative, not only manual drawing tools. Analysis and visualization can share one grammar. Drag-and-drop interaction can still produce formal queries. A good visualization system must connect marks, data fields, aggregation, and database execution. Summary VizQL is one of Tableau\u0026rsquo;s foundational ideas: the chart is a query. This makes interactive visual analysis possible at scale because visual operations can be translated into structured data operations.\n","date":"2026-01-20T00:00:00+09:00","image":"https://visualizing.jp/vizql/images/whatisvizql1_hu_c3248c49b21bdc52.png","permalink":"/en/vizql/","title":"What Is VizQL?"},{"content":"GeoPackage is an open, standardized file format for storing and exchanging geospatial information. It is an official Open Geospatial Consortium (OGC) standard designed to store geographic data inside a single SQLite database file.\nA GeoPackage can contain vector data, raster data, tiles, attributes, metadata, and extensions in one file. Because it is based on SQLite, it works well in constrained environments, mobile devices, and workflows where a single portable file is useful.\nInternal Structure GeoPackage is internally a SQLite database. The standard defines required tables and metadata, including:\ngpkg_contents: a table of contents for datasets in the package gpkg_spatial_ref_sys: coordinate reference system definitions tables for vector features or raster tiles optional extension metadata Why It Is Useful GeoPackage avoids the multi-file structure of formats such as Shapefile. It can store multiple layers and metadata together, making transfer, archiving, and mobile use easier.\nUse Cases Offline GIS data exchange Mobile mapping applications Packaging multiple vector layers Storing raster tiles with metadata Delivering public geospatial datasets Design Notes Keep coordinate reference systems explicit. Include metadata so layers remain understandable. Use GeoPackage when portability matters. Use a spatial database server when concurrent multi-user editing is required. Summary GeoPackage is a practical open standard for bundling geospatial data into one SQLite-based file. It is especially useful for portable, offline, and interoperable GIS workflows.\n","date":"2026-01-07T00:00:00+09:00","image":"https://visualizing.jp/geo-package/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/geo-package/","title":"What Is GeoPackage (.gpkg)?"},{"content":"How do people spend a day? We often see this question answered with statistics, but rarely feel it as lived daily rhythm. Nathan Yau of FlowingData used microdata from the American Time Use Survey (ATUS) to simulate a typical day for 1,000 Americans and visualize how activities change over time.\nThe result is not just a statistical chart. It lets viewers experience the rhythm of many different lives moving through the same day.\nYour browser doesn't support HTML5 video. Here is a link to the video instead. Data and Method The project is based on the 2014 American Time Use Survey from the U.S. Bureau of Labor Statistics. ATUS records how Americans aged 15 and older spend their day, classifying waking activities into categories.\nYau sampled individuals and animated their activity states over the course of a day, creating a simulated population whose daily behavior changes minute by minute.\nWhy It Matters The visualization turns aggregate time-use statistics into something closer to observation. Viewers can see morning routines, work hours, meals, leisure, and sleep as flows rather than isolated percentages.\nSummary This project shows how simulation and animation can make survey data feel human. It transforms time-use statistics into a visible rhythm of daily life.\n","date":"2026-01-04T00:00:00+09:00","image":"https://visualizing.jp/a-day-in-the-life-of-americans/images/a-day-of-life_hu_5f19cb2c15d4f841.png","permalink":"/en/a-day-in-the-life-of-americans/","title":"A Typical Day in the Life of Americans"},{"content":"D.dress (2010) is a computational fashion work by designer and researcher Mary Huang. Rather than presenting a single finished garment, it presents a process for generating dresses.\nUsers draw the shape of a dress on screen. An algorithm turns that input into a triangular mesh structure, previews it as a 3D model, and can unfold it into flat pattern pieces for cutting and sewing.\nWhy It Matters D.dress reframes fashion as a computational structure rather than a fixed object. The garment becomes the result of interaction, algorithm, body, and material constraints.\nDesign Lessons The interface can be part of the work, not only a tool. Generative design connects user input and manufacturable output. Digital form and physical fabrication must be considered together. Fashion can be treated as a variable system. Summary D.dress is an important example of computational fashion and data/material translation. It shows how algorithmic design can turn a drawn gesture into a wearable physical form.\n","date":"2026-01-04T00:00:00+09:00","image":"https://visualizing.jp/d-dress/images/cover_hu_45902714c5af4d70.png","permalink":"/en/d-dress/","title":"Mary Huang's D.dress (2010): UI, Implementation, and Generative Algorithm"},{"content":"Prime Numerics (2010) is a live data visualization work by Sosolimited, the studio of Eric Gunther, Justin Manor, and John Rothenberg. It analyzed and visualized politicians\u0026rsquo; speech during televised debates in the UK general election.\nRather than presenting a finished chart, the work reinserts real-time natural language processing results into the broadcast experience, letting viewers watch data emerge and transform live.\nBackground Prime Numerics belongs to a line of Sosolimited works that treat political broadcasts as data material. Speech, rhythm, repetition, and performance are analyzed as live signals.\nWhy It Matters The work highlights the performative structure of political communication. By transforming debate language in real time, it makes visible patterns that ordinary viewing may miss.\nSummary Prime Numerics is a live visualization of political speech. It demonstrates how visualization can be a performance process rather than only a static analytical artifact.\n","date":"2026-01-04T00:00:00+09:00","image":"https://visualizing.jp/prime-numerics-2010/images/da_sosolimited-4545260255_07e9441dcc_b_hu_1016d3c8be3517bc.jpg","permalink":"/en/prime-numerics-2010/","title":"Prime Numerics"},{"content":"Quotidian Record is a work by artist and researcher Brian House that transforms personal GPS location data into music, visual form, and a physical object: an analog record. It reorganizes everyday movement into relationships among time, space, and sound.\nThe work goes beyond data visualization. It turns data into something that can be heard, touched, and physically manipulated.\nBackground House created the work from location data collected from his own smartphone over an extended period. Ordinary movement through daily life became the basis for a rule-based translation into sound.\nWhy It Matters Quotidian Record asks how personal data relates to bodily experience. Instead of treating GPS logs as points on a map, it transforms them into a material artifact that can be played like a record.\nDesign Lessons Data can be materialized, not only visualized. Personal data can be made experiential through sound and touch. Translation rules are part of the artwork. Everyday traces can become a structured composition. Summary Quotidian Record is an important example of data physicalization and sonification. It turns mundane location data into an object that links movement, memory, sound, and material form.\n","date":"2026-01-04T00:00:00+09:00","image":"https://visualizing.jp/quotidian-record/images/quotidian_record_7@2x_hu_ecce130e28afea26.jpg","permalink":"/en/quotidian-record/","title":"Quotidian Record"},{"content":"ReConstitution 2008 is a live audiovisual performance by Sosolimited, a studio working across data visualization and media art. It used televised debates from the 2008 U.S. presidential election as source material, analyzing and reconstructing video and audio in real time.\nThe work is not primarily about communicating political positions. Instead, it treats the debate as a media event and translates language, voice, and bodily expression into abstract visual and sonic forms.\nContext The 2008 U.S. presidential election was intensely mediated. Debate language, gestures, and sound bites were replayed and consumed at scale. ReConstitution 2008 responded by turning the debate from something to watch into something to decompose, analyze, and reconstruct.\nData and Process The input included live debate video and audio. The performance extracted signals such as speech, timing, and visual patterns, then reinserted them into a live generative audiovisual system.\nWhy It Matters The work shows how data visualization can operate outside conventional charts. It makes media structure perceptible by transforming speech and broadcast performance into another sensory form.\nSummary ReConstitution 2008 is a representative example of live data performance. It demonstrates how political media can be analyzed and re-expressed in real time, not as a static chart but as an audiovisual experience.\n","date":"2026-01-04T00:00:00+09:00","image":"https://visualizing.jp/reconstitution-2008/images/3290547303_f249dace17_o_hu_371b431c461a99e4.jpg","permalink":"/en/reconstitution-2008/","title":"ReConstitution 2008"},{"content":"This participatory installation visualizes collective answers as bundles of physical string. Visitors answer questions by threading string through options. As responses accumulate, the installation forms a physical visualization of collective thought and facts, while each participant can compare their own path with the bigger picture.\nThe wall panel shown in the photographs begins with a question such as \u0026ldquo;SPOON VS. FORK\u0026rdquo; and continues through attributes such as place of origin, gender, age, employment status, height, handedness, and weight. Each piece of string becomes one respondent\u0026rsquo;s path.\nHow to Read It Read one string as one person\u0026rsquo;s response and the thickness or density of strings as the number of people choosing a path. The clearest insight often comes from finding the thick flows first, then following how they split across later questions.\nWhy It Matters Data Strings turns survey participation into both input and display. Participants do not merely fill out a form; they physically build the visualization.\nSummary Data Strings is a strong example of data physicalization and participatory visualization. It makes survey data tangible, social, and immediately visible.\n","date":"2026-01-02T00:00:00+09:00","image":"https://visualizing.jp/data-strings/images/Domesticstreamers_19_hu_43d664d3d368fee6.jpg","permalink":"/en/data-strings/","title":"Participatory Parallel Coordinates Visualized with String"},{"content":"\u0026ldquo;The Wind That Moves Us\u0026rdquo; is a data-driven sculpture created by the research and design studio Domestic Data Streamers for Mango\u0026rsquo;s 40th anniversary.\nThe work uses survey responses from Mango team members. Those responses are quantified and translated into the dimensions and form of a sculptural bar-chart-like object. Domestic Data Streamers frames the piece as a sculpture that traces the team\u0026rsquo;s values, connecting Mango\u0026rsquo;s five corporate values with the Mediterranean metaphor of wind.\nHow to Read It The work can be read both up close and from a distance.\nFirst, identify the divisions corresponding to the five values. Then look at how the lengths, heights, or groupings change. The sculpture is not merely decorative; its form is partly determined by data collected from participants.\nWhy It Matters The piece turns internal organizational values into a shared physical object. It is a data sculpture, but also a participatory ritual: employees\u0026rsquo; answers become part of a collective artifact.\nSummary The Wind That Moves Us shows how survey data can become a spatial and symbolic object. It connects corporate identity, participation, and data physicalization through a carefully staged sculpture.\n","date":"2026-01-02T00:00:00+09:00","image":"https://visualizing.jp/the-wind-that-moves-us/images/3xl-webp_DOMESTIC_DATA_STREAMERS_THE_WIND_THAT_MOVE_US_MANGO_1_1_65a9c71701_hu_d39b63db1a10cd1f.png","permalink":"/en/the-wind-that-moves-us/","title":"The Wind That Moves Us"},{"content":"Tokyo Dome City introduced a new visual identity as part of a large renewal carried out from 2023 to 2024. The project was not simply a logo refresh. It was designed as a brand system that can continue to generate and operate across typography, layout, motion, and daily communication.\nAt the center of the identity are an original variable font, a variable logo, and software-driven generation. The goal is to express the nature of Tokyo Dome City itself: an urban entertainment environment that changes constantly.\nBrand Context Tokyo Dome City combines a baseball stadium, amusement park, retail, hotel, spa, and many event spaces. Its audience and communication context change every day, so a fixed identity would not fully capture the site\u0026rsquo;s character.\nWhy It Matters The adaptive identity treats change as a brand asset. Variable typography and generative operation allow the identity to respond to different events, media, and moods without losing coherence.\nSummary Tokyo Dome City\u0026rsquo;s identity is a strong example of a contemporary adaptive brand system. It uses variable type and software logic to make the brand itself behave like the place it represents.\n","date":"2026-01-02T00:00:00+09:00","image":"https://visualizing.jp/tokyo-dome-city-adaptive-identity-system/images/cover-tdc_hu_2601d056549806e.png","permalink":"/en/tokyo-dome-city-adaptive-identity-system/","title":"Tokyo Dome City's Adaptive Identity System"},{"content":"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.\nHistorical Background 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.\nWith GIS, isolines can now be generated from observation points using interpolation methods such as kriging, inverse distance weighting, and splines.\nData Structure Data Role Observation points Locations with measured values Values Temperature, elevation, pressure, travel time, etc. Interpolation method Generates a continuous surface Contour interval Determines which values are drawn as lines Purpose 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.\nUse Cases Elevation contours Weather maps Sea-level or ocean temperature maps Air pressure and wind analysis Travel-time accessibility maps Design Notes Choose contour intervals carefully. Label lines when exact values matter. Avoid drawing too many lines. Combine with color only when it improves clarity. Note the interpolation method when values are estimated. Summary 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.\n","date":"2025-12-10T00:00:00+09:00","image":"https://visualizing.jp/isolines-map/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/isolines-map/","title":"Isoline Map"},{"content":"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.\nHistorical Background The term \u0026ldquo;isopleth\u0026rdquo; 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.\nFrom 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.\nData Structure Data element Description Example Observation coordinates Locations of measurement points Weather stations, air-quality monitors Observed value Numeric value at each point Temperature, PM2.5, population density Interpolation method Algorithm for estimating the surface Kriging, IDW, spline Classification method How value ranges are divided Equal interval, quantile, Jenks Color scheme Colors assigned to classes Sequential gradient, stepped palette Purpose 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.\nUse Cases Weather maps for temperature, humidity, and wind speed Air-pollution maps for PM2.5, ozone, or NO2 Urban heat-island analysis Ocean maps for sea surface temperature and salinity Noise or radiation exposure mapping Characteristics Aspect Description Target Spatially continuous quantities Input Discrete observation points plus interpolation Representation Colored areas bounded by equal-value lines Strength Makes broad distribution patterns easy to see Weakness Depends heavily on interpolation and classification Tools ArcGIS, QGIS, Python, R How to Read It 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.\nRemember 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.\nDesign Notes Use a sequential palette for one-directional values and a diverging palette when there is a meaningful midpoint. State the classification method and number of classes. Use color-vision-friendly palettes. Include units, interpolation method, data source, and uncertainty notes. Keep area boundaries subtle so color remains the main signal. Alternatives Method Feature Suitable when Isoline map Shows equal-value lines only You need to read gradients or structure precisely Heat map Colors pixels continuously A smoother surface is desired Choropleth map Colors administrative areas The purpose is administrative comparison Raster map Uses grid cells Resolution should be explicit Summary 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.\nReferences 1 2 - [Contour line - Wikipedia](https://en.wikipedia.org/wiki/Contour_line) - [Isarithmic map - Wikipedia](https://en.wikipedia.org/wiki/Isarithmic_map) ","date":"2025-12-10T00:00:00+09:00","image":"https://visualizing.jp/isopleths-map/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/isopleths-map/","title":"Isopleth Map"},{"content":"This work is part of the \u0026ldquo;Locals \u0026amp; Tourists\u0026rdquo; project by data artist Eric Fischer, created with support from Mapbox and the Twitter data provider Gnip.\nNote\nThe original online version at labs.mapbox.com/labs/twitter-gnip/locals/ currently fails to render the map. At the time, the interface allowed users to switch interactively among cities around the world. As of 2024-2025, the work is mainly accessible through archived images and screenshots.\nUsing a large volume of geotagged tweets from around 2011 to 2013, the project compared the behavior of locals and tourists in cities around the world. The image shown here is the view around Tokyo.\nOverview On the map, blue points represent locals and red points represent tourists. By looking at the density and distribution of the points, the viewer can see everyday activity zones and tourist zones within a city. The original interface allowed comparisons among Tokyo, New York, London, San Francisco, and many other cities.\nHow to Read It The visualization removes most basemap detail and draws only tweet locations on a pale map. The information comes from color and spatial distribution.\nBlue points (Locals)\nThese are tweets by users who tweeted continuously in the city for more than one month. In the Tokyo view, blue points often form linear patterns along railways and commuting corridors, revealing everyday movement patterns.\nRed points (Tourists)\nThese are tweets by users who were local to another city and stayed in the target city for less than one month. In Tokyo, red points cluster around places such as Asakusa, Shibuya, Shinjuku, Akihabara, Ginza, and Tokyo Disney Resort.\nDensity and pattern\nDense point clusters indicate active tweeting locations. Comparing blue and red reveals whether a place is used by both residents and visitors, or whether it is mainly a tourist hotspot.\nBackground According to Mapbox\u0026rsquo;s blog, the project used roughly three billion tweets, mainly geotagged tweets from September 2011 to May 2013. Fischer classified users using location and time: long-term presence indicated locals, while short-term presence by people local elsewhere indicated tourists.\nThis made it possible to create a global visualization of local and tourist spatial distributions. The Tokyo view is one example. Comparing it with other cities reveals differences in tourism concentration, business districts, transportation infrastructure, and urban form.\nRelated projects using the same interface included \u0026ldquo;Languages of Twitter\u0026rdquo; and maps of phone brands, making this series a representative example of urban visualization using social media data.\nColor and Category Color Category Classification idea Blue Locals Users tweeting continuously in the same metropolitan area for more than one month Red Tourists Users tweeting in the city for less than one month and local to another city White background Basemap Minimal geographic context so tweet distribution forms the city shape Summary \u0026ldquo;Locals \u0026amp; Tourists\u0026rdquo; visualizes how cities are used through social media traces. The Tokyo view contrasts local activity along rail and daily movement corridors with tourist activity around well-known destinations. Comparing multiple cities suggests uses in tourism policy, urban planning, and place branding.\nReferences Mapbox Labs - Locals \u0026amp; Tourists Mapbox Blog - Visualizing 3 Billion Tweets Wikimedia Commons - Locals and Tourists (Tokyo) ","date":"2025-11-20T00:00:00+09:00","image":"https://visualizing.jp/locals-and-tourists/images/tokyo_hu_2fe8ebc6040bdd4f.png","permalink":"/en/locals-and-tourists/","title":"Comparing the Behavior of Locals and Tourists Through Tweets"},{"content":"This visualization shows a large network built from exhibition histories at museums and galleries around the world. It quantitatively reveals which institutions occupy the center of the art world and which sit at the periphery.\nThe figure comes from the co-exhibition network published in the 2018 Science paper \u0026ldquo;Quantifying reputation and success in art\u0026rdquo; by Albert-Laszlo Barabasi and collaborators.\nBarabasi is known for work on scale-free networks and preferential attachment. This study was notable because it showed that artistic careers also follow measurable network structures.\nData Background The research assembled exhibition histories spanning decades, countries, institutions, and hundreds of thousands of artists. Institutions are connected when they exhibit the same artists, creating a network of shared reputation and mobility.\nWhy It Matters The visualization suggests that success in art is not only an individual matter. Institutional position and network access strongly affect career trajectories. Moving through central institutions can shape visibility and opportunity.\nHow to Read It Clusters indicate groups of institutions with shared exhibition patterns. Central nodes are more strongly connected to other influential institutions. Peripheral nodes are less connected to the core network.\nSummary This work demonstrates how network science can quantify reputation systems that often feel qualitative or opaque. It reveals the art world as a structured network of institutions and career pathways.\n","date":"2025-11-20T00:00:00+09:00","image":"https://visualizing.jp/quantifying-reputation-and-success-in-art/images/cover_quantifying-reputation-and-success-in-art_hu_ab988d3737a0e00.png","permalink":"/en/quantifying-reputation-and-success-in-art/","title":"The Structure of the Art World Revealed by Network Science"},{"content":"An EPSG code is an identifier assigned to coordinate reference systems, datums, projections, and related geospatial definitions. It tells software which coordinate system a geographic dataset uses.\nWeb mapping has a common source of confusion:\nShould data for a web map be EPSG:4326, or EPSG:3857?\nDocumentation 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.\nConclusion User-uploaded data should generally be in EPSG:4326.\nMap tiles and rendering often use EPSG:3857 internally.\nInput data layer -\u0026gt; EPSG:4326 Map tile and rendering layer -\u0026gt; EPSG:3857 Many people get confused because documentation may describe different layers of the system.\nGIS tools such as QGIS and ArcGIS can handle many projections, so they are outside the main scope of this simplified web-map explanation.\nGeoJSON Is Fixed to WGS84 Longitude/Latitude The GeoJSON specification, RFC 7946, states that coordinates must be in WGS84 longitude and latitude. In practice, this means EPSG:4326.\nTherefore, 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.\nMap Tiles Use EPSG:3857 Google Maps popularized Web Mercator, EPSG:3857, and the web tile system based on z/x/y coordinates. OpenStreetMap, Mapbox Vector Tile, and many other web map systems follow this convention.\nIn other words, map tiles are usually in 3857 even though the data you upload is 4326.\nNote on Cesium: 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.\nInternal Processing A typical web map pipeline looks like this:\nUser data in EPSG:4326 longitude and latitude. The map engine projects the data internally. The display is aligned to the tile/rendering coordinate system, usually EPSG:3857. So documentation that says \u0026ldquo;4326\u0026rdquo; may be correct for input, while documentation that says \u0026ldquo;3857\u0026rdquo; may be correct for tiles or rendering.\nDoes Any Tool Require EPSG:3857 as Input? Almost none, if by \u0026ldquo;input\u0026rdquo; 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.\nDo 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.\nMethod Role Projection Feature Typical use Map tiles / XYZ tiles De facto web map tile delivery Usually EPSG:3857 Fast, cacheable, compatible with Google Maps and OSM Web maps, apps, MapLibre, Mapbox, Kepler GIS server GIS-oriented map delivery Flexible Supports WMS, WMTS, tiles, analysis workflows Government GIS, surveying, business systems WMS / WMTS OGC standard services Flexible More projection flexibility than web tiles Public GIS and precision-oriented systems Summary Misunderstanding Cause \u0026ldquo;I do not know which EPSG to upload.\u0026rdquo; Input coordinates and rendering coordinates are mixed up. \u0026ldquo;Google Maps mentions both 4326 and 3857.\u0026rdquo; One refers to input data; the other to tiles. \u0026ldquo;MapLibre renders in 3857, so should input be 3857?\u0026rdquo; GeoJSON input is still based on 4326. For ordinary web map data, prepare longitude and latitude in EPSG:4326. Let the map engine project it for display.\nReferences RFC 7946 GeoJSON Specification Google Maps JavaScript API - Coordinates OpenStreetMap Wiki - Web Mercator Mapbox Vector Tile Spec Cesium Documentation - Geometry and Appearance ","date":"2025-11-16T00:00:00+09:00","image":"https://visualizing.jp/epsg-4326-3857/images/epsg_hu_c1f2ff59021c6f67.png","permalink":"/en/epsg-4326-3857/","title":"Why Web Map Data Sometimes Mentions EPSG:4326 and Sometimes EPSG:3857"},{"content":"A scatterplot matrix, or SPLOM, displays pairwise relationships among multiple variables in a grid of scatterplots. Each variable is combined with every other variable across rows and columns, allowing correlations, patterns, clusters, and outliers to be explored at once.\nHistorical Background Scatterplot matrices developed in the context of exploratory data analysis, especially the work of John W. Tukey. They became standard in statistical software such as S and later R, and are now available in Python libraries, Tableau, Power BI, and other tools.\nData Structure The data is a table with observations as rows and numeric variables as columns. A matrix is generated by plotting each variable against every other variable.\nPurpose The purpose is to examine many pairwise relationships quickly. It is especially useful at the beginning of analysis, before deciding which relationships deserve more detailed modeling.\nDesign Notes Use it for a moderate number of variables. Add color for categories when helpful. Consider histograms or density plots on the diagonal. Use brushing or interaction for dense datasets. Avoid overplotting through transparency or sampling. Summary Scatterplot matrices are a basic tool for multivariate exploration. They help analysts see relationships and outliers across many variables, but they become difficult to read when the number of variables or observations is too large.\n","date":"2025-11-12T00:00:00+09:00","image":"https://visualizing.jp/scatterplot-matrix/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/scatterplot-matrix/","title":"Scatterplot Matrix"},{"content":"A word bubble chart represents words from text data as circles. The size and color of each bubble can encode frequency, importance, category, or sentiment. It resembles a word cloud, but avoids overlapping words and can provide a clearer layout and stronger sense of relative structure. It is often used to communicate results from natural language processing and text mining.\nHistorical Background Word bubbles emerged as a more structured extension of word clouds. From the 2010s onward, implementations appeared in visualization tools and D3.js examples under names such as word bubble chart or bubble cloud. The method became useful in data journalism, education, marketing, and survey analysis because it combines visual appeal with clearer comparison.\nData Structure Field Example Description word \u0026ldquo;data\u0026rdquo; Word to display frequency 120 Count or score category \u0026ldquo;technology\u0026rdquo; Optional topic or group Bubble size is usually determined by frequency, while color often represents category or sentiment.\nPurpose The purpose is to make important or characteristic words in a text collection visible at a glance. Because relative frequency can be compared visually, the method is useful for presenting quantitative text analysis in an intuitive way.\nUse Cases Sentiment analysis of social media and reviews Summaries of free-text survey responses Keyword analysis of speeches and articles Brand and product language analysis Vocabulary exploration in education Characteristics More structured than a word cloud because overlaps are avoided. Size and color can encode multiple dimensions. Interactive tooltips and clicks can show details. It can balance visual appeal and readability when the word count is controlled. How to Read It Bubble size shows word frequency or score. Bubble color often shows sentiment or category. Placement may reflect frequency, semantic grouping, or clustering. Labels identify the words and make comparison possible. Design Notes Do not show too many words. Use appropriate scaling so smaller terms remain readable. Choose colors for category distinction and accessibility. Avoid random-looking layouts when semantic or frequency structure matters. Alternatives Method Feature Suitable when Word cloud Quick overall impression You want a broad textual impression Heatmap Precise value comparison Quantitative differences matter Network diagram Shows relationships Co-occurrence and context matter Circle packing Preserves hierarchy Words are grouped by categories Summary Word bubbles are a structured way to visualize important words in text data. Compared with word clouds, they provide better layout control and comparison, making them useful for journalism, education, marketing, and text analytics.\nReferences D3.js - Bubble Chart Example Visualization Universe - Word Bubble ","date":"2025-11-12T00:00:00+09:00","image":"https://visualizing.jp/word-bubble/images/BubbleChart-1_hu_2c26defa927b9c8.png","permalink":"/en/word-bubble/","title":"Word Bubble"},{"content":"A word cloud visualizes words from text data by changing font size, color, or placement according to frequency or importance. It is often used to give a quick impression of documents, social media posts, survey responses, and other text collections. Larger words usually indicate higher frequency or importance.\nHistorical Background Word clouds grew from tag clouds, which became common on blogs and web services in the early 2000s. Tag clouds displayed tags according to frequency. Later, natural language processing and visualization tools extended the idea to words extracted from arbitrary text.\nIBM\u0026rsquo;s Wordle, created by Jonathan Feinberg in 2008, helped popularize the modern word cloud.\nData Structure Data Role Word Text to display Frequency or score Determines size Category or sentiment Optional color grouping Purpose The purpose is to provide a quick visual summary of prominent terms. It is useful for exploratory or communicative contexts, but it is not ideal for precise comparison.\nDesign Notes Remove stop words and irrelevant terms. Avoid showing too many words. Use color with meaning, not only decoration. Do not overclaim precise quantitative findings from layout. Consider bar charts when exact ranking matters. Summary Word clouds are accessible and memorable, but they are approximate. They work best as an entry point into text data rather than as a precise analytical chart.\n","date":"2025-11-12T00:00:00+09:00","image":"https://visualizing.jp/word-clouds/images/State-of-the-Union-2_hu_776d3fb9fcfcb698.png","permalink":"/en/word-clouds/","title":"Word Cloud"},{"content":"For many years, Matplotlib\u0026rsquo;s default colormap was jet. Its perceptual unevenness and poor support for color-vision diversity were increasingly criticized, and the Matplotlib community eventually introduced a new set of perceptually uniform colormaps centered on Viridis. This article traces that change through primary sources and related discussions.\nThe MATLAB Legacy of jet Matplotlib was originally designed to feel familiar to researchers and engineers moving from MATLAB to Python. MATLAB had long used rainbow-like colormaps, especially jet, and Matplotlib followed that convention.\nThe problem is that rainbow colormaps have serious perceptual weaknesses. Their brightness changes are not uniform, so flat data can appear to contain false edges. Yellow and green regions can attract attention even when they do not correspond to meaningful extremes. They also degrade poorly in grayscale and for many color-vision-diverse readers.\nVisualization researchers had criticized these problems for years. Matplotlib\u0026rsquo;s own documentation now notes that rainbow colormaps are generally poor choices for quantitative scalar data.\nThe Turning Point: Issue #875 In 2012, the Matplotlib GitHub issue \u0026ldquo;Replace \u0026lsquo;jet\u0026rsquo; as the default colormap\u0026rdquo; made the problem explicit. The discussion argued that rainbow colormaps can confuse viewers, obscure data through uncontrolled luminance variation, and introduce gradients that are not present in the data.\nThis issue gave the community a concrete design question: if jet should no longer be the default, what should replace it?\nDesigning the New Colormaps In 2015, Nathaniel J. Smith and Stéfan van der Walt designed four candidate colormaps: Magma, Inferno, Plasma, and Viridis.\nThe candidates were designed around several principles: perceptual uniformity, monotonically increasing luminance, readability in grayscale, and better behavior for color-vision diversity. \u0026ldquo;Option D\u0026rdquo; became Viridis and was selected as the new default for Matplotlib 2.0.\nWhy Viridis Works Better Viridis is a sequential colormap with a controlled progression of lightness. This means equal steps in data are more likely to look like equal perceptual steps. It remains interpretable in grayscale and avoids the false boundaries that rainbow maps often create.\nThe change was not merely aesthetic. It was a shift from tradition-driven defaults to perception-driven design.\nDesign Lessons Default choices matter because many users never change them. Sequential quantitative data should use perceptually ordered colormaps. Luminance is as important as hue. Accessibility should be part of the default, not an optional refinement. Scientific visualization should avoid color schemes that create non-data artifacts. Summary Matplotlib\u0026rsquo;s move from jet to Viridis is one of the clearest examples of visualization practice absorbing findings from perception research. The new default made ordinary plots more accurate, accessible, and less misleading without requiring users to become color experts.\n","date":"2025-11-11T00:00:00+09:00","image":"https://visualizing.jp/matplotlib-colorscheme/images/option_d_hu_28337ea5774d025e.png","permalink":"/en/matplotlib-colorscheme/","title":"How Matplotlib Moved from jet to Viridis"},{"content":"Is a straight line on a map also straight on the Earth? Not necessarily.\nThe 1990 U.S.-USSR Maritime Boundary Agreement exposed exactly this problem. The United States and the Soviet Union read the same treaty text, but interpreted the line through different map projections. As a result, the boundary at sea could shift by tens of thousands of square kilometers depending on the projection used.\nThe Problem Maps flatten the Earth, and every projection distorts something: area, shape, distance, or direction. A line that looks straight in one projection may curve in another. In maritime boundary agreements, this is not a minor cartographic detail. It can determine which country controls fishing grounds, seabed resources, and strategic waters.\nProjection and Legal Interpretation The dispute centered on how to interpret a line drawn or described using a particular map framework. If the line is treated as a straight line on a Mercator map, it follows a rhumb line. If it is interpreted on the globe, it may follow a geodesic or another path.\nBoth interpretations can sound reasonable unless the treaty explicitly defines the coordinate reference system and geometric rule. This is why modern geospatial agreements must specify not only points but also how lines between them are to be understood.\nWhy It Matters The case demonstrates that map design is not only visual communication. It can have legal, political, and economic consequences. A projection is a mathematical model, and choosing one can change the apparent meaning of a boundary.\nHow to Read Such Maps When reading maps involving borders or maritime lines, check:\nWhich projection is used. Whether a line is a rhumb line, geodesic, or straight screen line. Whether coordinates are specified in a treaty or metadata. Whether the map is illustrative or legally authoritative. Summary The U.S.-USSR maritime boundary case shows that the geometry behind a map can change real-world interpretation. A line on a flat map is never neutral unless its projection and rules are specified. For data visualization and cartography, this is a reminder that visual form and mathematical definition cannot be separated.\n","date":"2025-11-09T00:00:00+09:00","image":"https://visualizing.jp/marine-border-dispute/images/cover_hu_50b784b977ab674c.png","permalink":"/en/marine-border-dispute/","title":"When a Map Projection Changed a Border: The 1990 U.S.-USSR Maritime Boundary Agreement"},{"content":"When a statistical map colors regions by value, it may be called a classified map or a choropleth map. Visually, the two can look almost identical: prefectures, municipalities, or other areas are shaded by color.\nBut conceptually, the terms point to different perspectives. Classification emphasizes how data values are grouped into classes. Choropleth mapping emphasizes the cartographic technique of coloring geographic areas.\nWhat Classification Means Classification is a data-processing step. Values are divided into ranges using methods such as equal interval, quantiles, natural breaks, or custom thresholds. The choice of classification can change the message of the map.\nWhat a Choropleth Map Means A choropleth map is a map representation technique. It colors areas such as administrative units according to values. The visual unit is the region, and the value is usually a rate, ratio, density, or other normalized measure.\nWhy the Distinction Matters A choropleth map often uses classification, but classification can also be used in non-map charts. Likewise, a choropleth can be continuous or classified depending on the color scale. Separating the two concepts helps clarify whether a problem comes from data processing or from map design.\nDesign Notes Use normalized values for choropleth maps when area sizes differ. State the classification method. Avoid class breaks that distort interpretation. Use color scales that match the data. Summary Classified maps and choropleth maps overlap in practice, but they are not the same concept. Classification is about grouping data; choropleth mapping is about coloring geographic areas.\n","date":"2025-11-08T00:00:00+09:00","image":"https://visualizing.jp/classification-and-coloplethmap/images/cover_hu_d0ff6b41c91d0df8.png","permalink":"/en/classification-and-coloplethmap/","title":"Classified Maps and Choropleth Maps: Data Processing and Map Representation"},{"content":"In August 2025, the African Union called on the international community to move away from the widely used Mercator projection and adopt the Equal Earth projection, which represents the true relative size of Africa more accurately. The statement aimed to reshape perceptions of Africa and address bias in education, media, and policy.\nWhy Mercator Is Controversial The Mercator projection was created for navigation. It preserves angles, which made it useful for plotting courses at sea. But it greatly exaggerates areas near the poles. Greenland, northern Europe, Russia, and Canada appear much larger relative to equatorial regions than they are on the globe.\nAfrica is especially affected by this distortion. It is far larger than many people intuitively imagine from standard classroom maps, but Mercator maps make it appear smaller relative to northern countries.\nEqual Earth as an Alternative Equal Earth is an equal-area projection. It preserves relative area, making continents and countries visually comparable by size. It does not preserve shape as Mercator does, but it better supports discussions about geographic scale, population, resources, and global inequality.\nWhy This Is a Visualization Issue Map projections are not neutral design choices. They shape mental models of the world. If a projection repeatedly exaggerates some regions and reduces others, it can affect how people imagine importance, distance, and power.\nThe call to change maps is therefore not only a technical cartographic recommendation. It is also a media, education, and representation issue.\nDesign Lessons Choose projections according to purpose. Do not use Mercator as a default world map when area comparison matters. Explain projection trade-offs when the map is used for education or policy. Consider equal-area projections for global thematic maps. Summary The African Union\u0026rsquo;s call highlights a fundamental point in cartography: every projection makes a choice. Mercator remains useful for certain navigation and web-map contexts, but it is poorly suited to showing the relative size of continents. Equal-area projections such as Equal Earth are better choices when the message depends on geographic scale.\n","date":"2025-11-08T00:00:00+09:00","image":"https://visualizing.jp/correct-the-map/images/cover_hu_17aa7de005ab4f06.png","permalink":"/en/correct-the-map/","title":"Why the African Union Called for Moving Beyond the Mercator Projection"},{"content":"This visualization compares the distance and access options between major airports around the world and their corresponding city centers. It was created by Peter Klumpenhouwer in 2022.\nTransportation routes, driving routes, and travel-time data were collected from Google Maps, Rome2Rio, and UrbanRail.net to support an international comparison of airport access.\nHow to Read It The diagram uses a radial map format with each city center as the reference point.\nDistances and transport modes are arranged so that readers can compare how far an airport sits from the urban core and what kind of access is available.\nWhy It Matters Airport convenience is not only about flight volume. Distance, transit connection, and travel time shape how travelers experience a city. This visualization makes those differences comparable across cities.\nSummary The airport-to-downtown distance map is a compact comparison of global airport access. It combines geography, transportation, and travel experience into a single visual framework.\n","date":"2025-10-24T00:00:00+09:00","image":"https://visualizing.jp/distance-to-downtown-from-airports/images/cover_hu_6092bf7e0514a051.png","permalink":"/en/distance-to-downtown-from-airports/","title":"Distances from Major Airports to City Centers"},{"content":"The United Nations flag shows the UN emblem in white on a pale blue background. At the center is a map of the Earth surrounded by olive branches. This article introduces the map projection used in that emblem and its symbolic meaning.\nHow to Read the Map The map on the flag uses an azimuthal equidistant projection centered on the North Pole. The projection shows the world as if viewed from above the pole, extending to 60 degrees south latitude and including concentric circles.\nThis arrangement places countries around the center without emphasizing one nation as the visual focus. The projection supports the UN\u0026rsquo;s image of universality and neutrality.\nWhat Is an Azimuthal Equidistant Projection? An azimuthal equidistant projection maps the Earth from a chosen center point so that distances and directions from that center are preserved. It has been used for aviation, communications, and other applications where distance or direction from a point matters.\nOn the UN flag, the North Pole center creates a symbolic overhead view of the world. No country is placed at the conventional center of a world map, and the design avoids privileging a single region.\nSummary The UN flag\u0026rsquo;s map projection is a design choice with symbolic force. The azimuthal equidistant projection supports an image of global inclusiveness and political neutrality.\n","date":"2025-10-22T00:00:00+09:00","image":"https://visualizing.jp/united-nations-flag/images/Flag_of_the_United_Nations_hu_59cc547a0f9807e7.png","permalink":"/en/united-nations-flag/","title":"The Map Projection on the United Nations Flag"},{"content":"Every map projection creates distortion because the spherical Earth must be represented on a flat plane. Tissot\u0026rsquo;s indicatrix is a method for showing that distortion quantitatively and visually.\nBasic Principle French cartographer Nicolas Auguste Tissot introduced the method in 1871. Imagine placing many tiny circles on the globe. When a projection transforms the globe onto a plane, those circles may become ellipses.\nIf a projection were perfectly accurate everywhere, all circles would remain circles. In reality, the size, shape, and orientation of the ellipses reveal how area, angle, and scale are distorted.\nHow to Read It A larger ellipse indicates area enlargement. A smaller ellipse indicates area reduction. An ellipse stretched in one direction indicates directional distortion. A circle suggests local shape preservation. Why It Matters Tissot\u0026rsquo;s indicatrix makes projection distortion visible. It helps readers understand that map projections do not merely change appearance; they change measurable properties of geography.\nSummary Tissot\u0026rsquo;s indicatrix is one of the clearest tools for teaching projection distortion. By turning abstract mathematical distortion into visible ellipses, it helps explain why no flat map can preserve everything.\n","date":"2025-10-22T00:00:00+09:00","image":"https://visualizing.jp/tissots-indicatrix/images/Tissot_mercator_hu_606f830f542f2bfc.png","permalink":"/en/tissots-indicatrix/","title":"Tissot's Indicatrix"},{"content":"A map projection transforms the three-dimensional Earth into a two-dimensional map. No projection can preserve distance, area, direction, and shape everywhere at once.\nProjection Face helps make this unavoidable distortion intuitive by showing how a familiar face changes under different projections. This article connects a classic 1921 cartography example with the modern interactive work \u0026ldquo;Projection Face.\u0026rdquo;\nFrom 3D to 2D The Earth\u0026rsquo;s surface is curved. A flat map is therefore always a transformation, not a perfect copy. Some projections preserve area, others preserve local shape, and others preserve distance or direction from certain points.\nWhy Faces Work Humans are extremely sensitive to facial distortion. A small change in proportion can feel immediately wrong. By projecting a face instead of only coastlines or graticules, distortion becomes easy to perceive.\nDesign Lesson Projection comparison is often taught with graticules, continents, or Tissot\u0026rsquo;s indicatrix. Faces add another layer: they make distortion emotionally and perceptually obvious.\nSummary Projection Face is effective because it uses a familiar visual object to explain a technical cartographic problem. It makes map distortion easier to understand by turning it into a change in human appearance.\n","date":"2025-10-22T00:00:00+09:00","image":"https://visualizing.jp/projection-face/images/cover_hu_1964ec4e60de168d.png","permalink":"/en/projection-face/","title":"Understanding Map Projection Distortion Through Faces: Projection Face"},{"content":"The Craig projection is a map projection devised in 1909 by the British cartographer James Ireland Craig. It belongs to a special category called retroazimuthal projections: from any point on the map, the direction toward a specified reference point is shown correctly.\nIn other words, if a reference point is chosen, the map is designed so that the bearing from any location on the map to that point corresponds to the real bearing on the Earth.\nHistorical Background The Craig projection is often discussed in relation to the practical need to know the direction of Mecca. A retroazimuthal projection can show the direction toward a chosen point from everywhere on the map, which gives it a distinctive purpose compared with more common world map projections.\nUnlike projections optimized primarily for area, shape, or navigation, the Craig projection is centered on directional information toward a target.\nHow It Works Most map projections choose a balance among distortions in area, shape, distance, and direction. The Craig projection makes a different promise: preserve the direction to one reference point from all other points.\nThis does not mean all directions are correct. It means the direction to the chosen point is correct. That narrow but powerful constraint gives the projection its unique character.\nHow to Read It When looking at a Craig projection, first identify the reference point. The value of the map comes from reading bearings toward that point. The shapes of continents and oceans may look unfamiliar because shape preservation is not the main design goal.\nUse Cases Showing direction toward Mecca Teaching projection trade-offs Demonstrating retroazimuthal geometry Data visualization examples where a specific destination or center matters Design Notes Clearly mark the reference point. Explain that the projection preserves direction only toward that point. Avoid using it for area comparison. Use it as a focused explanatory projection rather than a general-purpose world map. Summary The Craig projection is not a minor variation of ordinary world maps. It is a projection built around a specific question: from anywhere on Earth, which way is a chosen point? Its religious and navigational practicality, combined with its mathematical elegance, makes it a useful example for understanding how map projections encode purpose.\nReferences Craig retroazimuthal projection - Wikipedia Retroazimuthal projection - Wikipedia File:Craig projection SW.jpg - Wikimedia Commons Craig projection - Jason Davies Flattening the Earth: Two Thousand Years of Map Projections - John P. Snyder ","date":"2025-10-22T00:00:00+09:00","image":"https://visualizing.jp/craig-projectionh/images/craig-projection_hu_1a7db9b22c670bb4.png","permalink":"/en/craig-projectionh/","title":"What Is the Craig Projection?"},{"content":"Color contrast is essential in data visualization and web design. It is not only a matter of visual beauty; it directly affects readability and communication.\nFor many years, designers have relied on the WCAG 2.x contrast ratio. Recent work, however, has shown that the WCAG 2.x formula does not fully match human perception. APCA has emerged as a proposed direction for more perceptually grounded contrast evaluation.\nWhat Is WCAG 2.x? WCAG, the Web Content Accessibility Guidelines, is an international set of recommendations for making web content accessible. The 2.x series includes criteria for visual, auditory, motor, and cognitive accessibility.\nThe well-known \u0026ldquo;1.4.3 Contrast (Minimum)\u0026rdquo; criterion evaluates readability by calculating the luminance contrast ratio between text and background.\nThe Problem The WCAG 2.x ratio is simple and widely implemented, but it can produce results that do not match perceived readability. Text size, weight, polarity, and human contrast sensitivity are not fully captured by one symmetric ratio.\nWhat APCA Tries to Improve APCA, the Accessible Perceptual Contrast Algorithm, aims to evaluate contrast in a way that better reflects human perception. It treats light-on-dark and dark-on-light differently and considers the practical visibility of text more directly.\nWhy It Matters for Visualization Charts often use small labels, thin lines, subtle annotations, and colored backgrounds. A technically passing contrast ratio may still be hard to read, while some failing combinations may be perceptually acceptable depending on context. Designers need to evaluate contrast as part of real viewing conditions.\nDesign Notes Check contrast, but also inspect actual readability. Treat small text and thin marks conservatively. Consider light/dark polarity. Do not rely on color contrast alone for meaning. Follow current accessibility requirements for production work while tracking APCA\u0026rsquo;s development. Summary WCAG 2.x contrast ratios remain important in accessibility practice, but they are not a complete model of perception. APCA points toward a more nuanced future for evaluating readability in web design and data visualization.\n","date":"2025-10-20T00:00:00+09:00","image":"https://visualizing.jp/color-contrast-wcag-apca/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/color-contrast-wcag-apca/","title":"Rethinking Color Contrast: From WCAG 2.x to APCA"},{"content":"\u0026ldquo;Style JSON\u0026rdquo; files that define map design developed around the Mapbox Style Specification. Today, related specifications include the open-source MapLibre Style Specification and the Geospatial Information Authority of Japan\u0026rsquo;s GSI Maps Vector style specification. This article compares them using Mapbox as the baseline.\nHistorical Background The modern style JSON format originated with Mapbox\u0026rsquo;s Mapbox Style Specification in the mid-2010s. It appeared alongside Mapbox GL JS and became a de facto standard for dynamic WebGL-based map rendering.\nAfter Mapbox GL JS v2 changed licensing, the MapLibre project forked Mapbox GL JS v1 and continued open-source development. In Japan, the Geospatial Information Authority of Japan (GSI) also created a related style format for GSI Maps Vector.\nMain Timeline Year Event 2013 Mapbox introduced vector tile technology in products such as Mapbox Streets. 2014 Mapbox announced Mapbox GL and style JSON-based rendering. 2019 GSI released a trial version of GSI Maps Vector. 2020 GSI began nationwide vector data provision. 2020 Mapbox GL JS v2 moved away from the previous open-source license. 2021 MapLibre was launched as an open-source fork of Mapbox GL JS v1. Mapbox Style and GSI Style Aspect Mapbox Style Specification GSI Maps Vector Style Notes Basic structure JSON with version, sources, layers, sprite, glyphs JSON-like hierarchy with group, directory, item, layer, draw GSI adds hierarchical grouping Layers Listed in a layers array Layers are grouped under UI-oriented structures GSI aligns with its map interface Layer types fill, line, symbol, circle, raster, background, etc. Similar basic draw types 3D support is more limited Paint properties paint and layout Properties under draw such as color and weight GSI simplifies many definitions Filters Mapbox expressions Similar but more limited Compatibility varies Draw order Array order zIndex GSI uses explicit numeric ordering Extensions None in the baseline additional-filter, blend, editZIndex, etc. Optimized for Japanese administrative map needs Mapbox Style and MapLibre Style Aspect Mapbox Style Specification MapLibre Style Specification Structure version, sources, layers, sprite, glyphs Same basic structure Purpose Mapbox commercial platform Open-source compatible implementation Compatibility Follows Mapbox\u0026rsquo;s platform direction Preserves compatibility from the v1 fork Governance Mapbox-led Community-led under MapLibre Expressions Advanced expression syntax Largely compatible expression syntax 3D features Includes features such as terrain, sky, and fog Support depends on implementation progress License context Mapbox commercial ecosystem BSD-style open-source ecosystem Summary GSI style extends the Mapbox-influenced structure for Japanese administrative and cartographic needs, including hatching and hierarchical UI grouping. MapLibre style preserves a Mapbox-compatible open-source path. All three are related, but they serve different institutional and technical goals.\nReferences Mapbox Style Specification Introducing Mapbox GL MapLibre Style Spec GSI Maps Vector style specification (PDF) GSI vector tile development Our Thoughts as MapboxGL JS v2 Goes Proprietary ","date":"2025-10-17T00:00:00+09:00","image":"https://visualizing.jp/vector-tile-style-specification/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/vector-tile-style-specification/","title":"Vector Tile Style Specifications: Comparing Mapbox, MapLibre, and GSI"},{"content":"Good charts are not only about looking clean. They are about making fair comparisons.\nWhen units and scales differ, comparing raw values can be misleading. Normalization and standardization transform values into a fairer form so that the underlying balance becomes easier to see.\nWhy It Matters A food may look high in protein, but that impression can change depending on whether you compare per package, per gram, per calorie, or relative to the distribution of alternatives. The same problem appears in business, education, public policy, and data visualization.\nNormalization Normalization usually rescales values into a common range, often from 0 to 1. It is useful when you want to compare indicators that have different units but should contribute to a combined score or visual comparison.\nStandardization Standardization transforms values based on the mean and standard deviation. A standardized value shows how far an observation is from the average in units of standard deviation. This is useful when comparing unusualness across different variables.\nDesign Notes Do not compare raw values when units or denominators differ. Explain which transformation was used. Keep original units available when readers need practical interpretation. Use normalization for range-based comparison and standardization for deviation from an average. Summary Normalization and standardization are basic but essential techniques for fair comparison. In visualization, they help prevent scale differences from becoming visual bias.\n","date":"2025-10-16T00:00:00+09:00","image":"https://visualizing.jp/normalize-standarize/images/yogurt_hu_ee656cc80228f26d.png","permalink":"/en/normalize-standarize/","title":"Understanding Normalization and Standardization with Google Sheets"},{"content":"For some time, it has been possible to use map tiles and styles created in Mapbox Studio inside tools such as Kepler.gl and Foursquare Studio. In recent years, however, users have reported cases where specifying a Mapbox Studio style no longer displays the map and instead produces errors such as \u0026ldquo;Failed to load map style.\u0026rdquo;\nThe cause is related to changes on the Mapbox Studio side. This article summarizes why compatibility problems occur when Mapbox styles are used in other visualization tools.\nWhat Changed Mapbox styles, access tokens, source definitions, and platform-specific requirements have evolved. A style that previously worked as a generic style URL may depend on newer Mapbox-specific behavior, authentication rules, or resources that another tool cannot load directly.\nWhy Kepler.gl and Foursquare Studio Are Affected These tools can consume external map styles, but they still need compatible sources, sprites, glyphs, and permissions. If the style references resources that require a Mapbox runtime, token scope, or newer style property support, the map may fail even though the style works inside Mapbox Studio.\nPractical Checks Confirm that the style URL is publicly accessible or token-authorized. Check whether sprites and glyphs resolve outside Mapbox. Confirm that the tool supports the style specification version and properties used. Consider exporting or recreating the style in a MapLibre-compatible form when needed. Summary The issue is not simply that a style URL is wrong. It reflects the growing difference between Mapbox\u0026rsquo;s platform-specific style environment and the broader ecosystem of MapLibre, Kepler.gl, Foursquare Studio, and other tools.\n","date":"2025-10-15T00:00:00+09:00","image":"https://visualizing.jp/mapbox-studio-issue/images/cover_hu_139f5fce519eab17.png","permalink":"/en/mapbox-studio-issue/","title":"Using Map Tiles Created in Mapbox Studio with Kepler.gl or Foursquare Studio"},{"content":"A 3D scatterplot places points in three-dimensional space using X, Y, and Z axes to represent three numeric variables. It extends the ordinary two-dimensional scatterplot by adding depth. Interactive rotation and zoom can help reveal clusters or structures that are hard to see from a single view.\nHistorical Background Scatterplots became standard with the development of statistics. Practical 3D scatterplots became common only after computer graphics and interactive statistical software matured in the late twentieth century. Today they are supported by tools such as Matplotlib, Plotly, R, Tableau, and WebGL-based libraries.\nData Structure Data Role X value Horizontal position Y value Vertical position Z value Depth or height Optional category Color or symbol Design Notes Use interaction when possible. Be careful with occlusion and perspective distortion. Provide 2D projections or slices for precise reading. Avoid using 3D when a 2D scatterplot or matrix is clearer. Summary 3D scatterplots can reveal multidimensional structure, but they are harder to read precisely than 2D views. They work best in interactive contexts.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/3d-scatterplot/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/3d-scatterplot/","title":"3D Scatterplot"},{"content":"A bar chart compares values across categories using the length of bars. One axis contains categories, and the other contains numeric values such as counts, amounts, or percentages. Bar charts are among the most basic and widely used visualization methods.\nHistorical Background The bar chart is usually traced to William Playfair\u0026rsquo;s The Commercial and Political Atlas (1786). Playfair used bars as a clear way to compare quantities visually, helping establish modern statistical graphics.\nData Structure Data Role Category One bar Value Bar length Optional group Color or grouped/stacked structure Purpose The purpose is direct comparison. Bar length is easier to compare than area, angle, or color intensity, making bar charts reliable for many audiences.\nDesign Notes Start the value axis at zero in most cases. Sort bars when ranking matters. Use horizontal bars for long labels. Avoid unnecessary 3D effects. Use color sparingly and meaningfully. Summary Bar charts are a default choice for comparing category values because they are simple, accurate, and easy to read.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/bar-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/bar-chart/","title":"Bar Chart"},{"content":"A bubble chart is an extension of the scatter plot that can represent relationships among three or more variables in one chart. The X- and Y-axes show two quantitative variables, while the area of each circle, or bubble, represents a third quantitative variable. Color, opacity, or shape can add further information.\nBubble charts are widely used for business analysis, economic comparison, marketing analysis, and other multivariate datasets.\nHistorical Background The bubble chart traces its roots to the scatter plot. By the 1960s and 1970s, statistical and graphics systems were using point size to add another quantitative dimension to scatterplots.\nThe format became widely known through Hans Rosling\u0026rsquo;s Gapminder project, which used animated bubble charts to show global health and economic data. This popularized the animated bubble chart, or motion chart, as a symbol of data storytelling.\nData Structure Category X value Y value Size value Color Country A 50000 75 1.2 Blue Country B 30000 65 0.8 Red X-axis and Y-axis: numeric variables, such as GDP and life expectancy. Size: a third variable, such as population. Color: an optional category such as region, industry, or gender. Purpose The purpose is to compress a multivariate relationship into a two-dimensional space while preserving a sense of magnitude. A scatter plot shows the relationship between two variables; a bubble chart adds weight or scale.\nUse Cases Economic analysis: GDP, life expectancy, and population by country Marketing: sales, profit margin, and market share Education data: test scores, investment, and population share Sustainability: CO2 emissions, renewable energy share, and population Gapminder\u0026rsquo;s world development data is the classic example: GDP on the X-axis, life expectancy on the Y-axis, and population as bubble size.\nCharacteristics Shows more information than a scatter plot. Can compare categories through color or shape. Overlapping bubbles can reduce readability. Size scaling must be handled carefully. How to Read It Position: Read the relationship between the X and Y variables. Bubble size: Larger bubbles indicate larger values, but area perception is imprecise. Color: Indicates group or region. Animation: If present, shows change over time. Design Notes Scale bubble area, not diameter, to the value. Use transparency or layout techniques to reduce overlap. Give color a clear meaning and include a legend. Avoid 3D bubbles and perspective effects. Add labels selectively to avoid clutter. Alternatives Purpose Alternative Correlation among many variables Scatterplot matrix Weighted distribution Heatmap Part-to-whole comparison Treemap Time-series comparison Line chart or sparklines Summary Bubble charts are powerful for showing multivariate relationships, especially when size itself is meaningful. They require careful scaling and design because area perception and overlap can easily mislead readers.\nReferences Gapminder: Tools \u0026amp; Data Wikipedia: Bubble chart Bubble Chart - The Data Visualisation Catalogue A Complete Guide to Bubble Charts - Atlassian Motion chart - Wikipedia Trendalyzer - Wikipedia ","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/bubble-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/bubble-chart/","title":"Bubble Chart"},{"content":"Bar charts are familiar, but choosing the wrong bar chart variant can weaken the message. This article organizes four basic bar-chart forms using the ideas of dimensions and measures.\nDimensions and Measures A dimension is a categorical field such as region, product, or year. A measure is a numeric value such as sales, population, or percentage. Bar charts compare measures across dimensions.\nFour Common Forms Simple bar chart: compares one measure across one dimension. Grouped bar chart: compares multiple series within each category. Stacked bar chart: shows totals and composition. 100% stacked bar chart: compares composition after normalizing totals to 100%. Choosing the Right One Use a simple bar chart when ranking or magnitude comparison is the goal. Use grouped bars when comparing subgroups directly. Use stacked bars when totals and parts both matter. Use 100% stacked bars when proportions matter more than absolute totals.\nSummary Bar charts are not one chart but a family of related forms. The right choice depends on whether you want to compare totals, subgroups, composition, or proportions.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/bar-chart-compare/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/bar-chart-compare/","title":"How to Choose Among Bar Chart Variants"},{"content":"A line chart connects points with lines to show numerical change. It is most often used for time series, with time or ordered sequence on the X-axis and quantity on the Y-axis. It makes trends, increases, decreases, cycles, and turning points easy to see.\nHistorical Background Line charts date back to the late eighteenth century. William Playfair used line charts in The Commercial and Political Atlas in 1786 to show trade data over time. Since then, line charts have become one of the most universal forms in science, government, journalism, and business.\nData Structure Data Role Time or sequence X-axis Numeric value Y-axis Series Optional multiple lines Purpose The purpose is to show change over ordered values, especially time. Line charts are strongest when the continuity or trajectory between points matters.\nDesign Notes Use line charts for ordered or continuous X-values. Do not connect unrelated categories. Label axes and units clearly. Use direct labels when multiple lines are present. Avoid too many overlapping series. Summary Line charts are the standard chart for showing change over time. Their strength is continuity: they let readers see direction, slope, and pattern at a glance.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/line-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/line-chart/","title":"Line Chart"},{"content":"A pie chart represents parts of a whole as slices of a circle. The whole is treated as 100% or 1, and each category\u0026rsquo;s share is shown by the angle and area of its slice. Pie charts are intuitive for simple composition, but they are not very precise for comparison.\nHistorical Background The pie chart was introduced by Scottish political economist William Playfair in 1801 in Statistical Breviary. Florence Nightingale and other reformers later helped popularize circular statistical graphics.\nData Structure Data Role Category One slice Value Slice angle and area Total Sum of all slices Purpose The purpose is to show a simple part-to-whole relationship. It works best when there are only a few categories and one or two slices are clearly dominant.\nDesign Notes Avoid too many slices. Do not use pie charts for precise ranking. Label values directly when possible. Avoid 3D or exploded effects. Consider a bar chart when comparison matters. Summary Pie charts are familiar and useful for simple composition, but they should be used carefully. They communicate \u0026ldquo;share of whole\u0026rdquo; well, but they are weak for precise comparison among similar values.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/pie-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/pie-chart/","title":"Pie Chart"},{"content":"A range plot connects two values for each item with a line, making the range between them visible. It is used when each category has a lower and upper value, a start and end, or two comparable values such as last year and this year. It is closely related to the dumbbell chart and gap chart.\nHistorical Background Range plots developed from dot plots. William Cleveland formalized dot plots in the context of statistical graphics, and connecting two points with a line became a natural way to show gaps and intervals.\nPurpose The purpose is to make differences between two values easy to compare across categories. The length of the line shows the size of the gap, while the positions of the endpoints show the actual values.\nUse Cases Minimum and maximum values Before-and-after comparison Gender gaps Year-over-year change Start and end dates or values Design Notes Label endpoints clearly. Sort categories by gap or endpoint when helpful. Use color to distinguish the two endpoint types. Avoid too many categories if labels become crowded. Summary Range plots are effective when the story is about the interval between two values. They are more precise than grouped bars for showing gaps and often more compact.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/range-plot/images/cover_hu_5286fe9adce6f5e6.png","permalink":"/en/range-plot/","title":"Range Plot"},{"content":"A scatter plot is a fundamental statistical chart for showing the relationship between two numeric variables. One variable is assigned to the X-axis and the other to the Y-axis, and each observation is plotted as a point. The distribution of points reveals correlation, trends, clusters, and outliers.\nHistorical Background Scatter plots became important in the nineteenth century through the work of statisticians and scientists such as John Herschel and Francis Galton. Galton\u0026rsquo;s studies of height, correlation, and regression helped establish the analytical value of point-based comparison.\nData Structure Data Role X value Horizontal position Y value Vertical position Observation One plotted point Optional category Color or shape Optional size Additional quantitative variable Purpose The purpose is to understand how two variables move together. A scatter plot can show positive correlation, negative correlation, nonlinear structure, clusters, or unusual observations.\nDesign Notes Start axes at meaningful ranges rather than automatically forcing zero. Use transparency when points overlap. Add trend lines only when they support the analysis. Use color for categories, not decoration. Consider a scatterplot matrix for many variables. Summary Scatter plots are one of the most important tools in exploratory data analysis. They are simple, flexible, and effective for revealing relationships between numeric variables.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/scatterplot/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/scatterplot/","title":"Scatter Plot"},{"content":"The \u0026ldquo;crocodile-mouth chart\u0026rdquo; is a distinctive line-chart metaphor used in Japan to explain the country\u0026rsquo;s fiscal situation. It shows government expenditure and tax revenue as two lines. As the gap between them widens, the shape resembles a crocodile opening its mouth.\nThis expression is specific to Japanese media and policy discourse. It is not a standard chart type commonly known in English as a \u0026ldquo;crocodile chart.\u0026rdquo;\nHow to Read It The upper line typically represents expenditure, and the lower line represents tax revenue. The widening gap visualizes the fiscal deficit. The metaphor makes the structural imbalance immediately memorable.\nWhy It Matters The chart is a good example of metaphor in data visualization. The underlying graphic is simple, but the metaphor gives the shape political and cultural meaning.\nDesign Notes Make clear which line is expenditure and which is revenue. Avoid letting the metaphor replace numerical explanation. Use consistent scales so the gap is not exaggerated. Explain the fiscal context behind the visual gap. Summary The crocodile-mouth chart shows how a familiar shape can become a public metaphor for data. It is a line chart, but its communicative force comes from the visual analogy.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/crocodile-chart/images/cover_hu_ddd86582344ffb39.png","permalink":"/en/crocodile-chart/","title":"The Crocodile-Mouth Chart: A Japanese Metaphor for Fiscal Imbalance"},{"content":"This chart appeared in William Playfair\u0026rsquo;s 1801 book The Statistical Breviary. Its full title describes a statistical chart showing the extent, population, and revenues of the principal nations of Europe in order of magnitude.\nThe chart attempted to compare three different quantities at once: territory, population, and national revenue. It is one of the earliest examples of multivariate visualization.\nWhy It Matters Playfair\u0026rsquo;s work shows that the pie chart did not emerge as a simple decorative form. It was part of a broader effort to make national statistics visible and comparable.\nReading the Chart The circular forms encode territorial size, while internal divisions and annotations provide additional comparisons. The result is not identical to the modern pie chart, but it demonstrates the early experimentation that led to circular proportional graphics.\nSummary The invention of the pie chart belongs to a wider history of trying to compare complex national statistics visually. Playfair\u0026rsquo;s circular diagrams remain important because they show statistical graphics taking shape before modern conventions were fixed.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/pie-chart-william-playfair-area/images/cover_hu_dce7c031ef65f220.png","permalink":"/en/pie-chart-william-playfair-area/","title":"The Invention of the Pie Chart"},{"content":"A three-dimensional cylindrical polar scatter graph uses cylindrical coordinates: angle, radius, and height. It visualizes three variables in a form related to a 3D extension of a polar plot. It is useful for multivariate data with directionality, periodicity, or radial structure.\nHow to Read It The angle represents direction or phase, the radius represents distance or magnitude from the center, and height represents a third variable. Together they create a spatial distribution that can reveal directional and periodic patterns.\nUse Cases Meteorological direction and intensity data Engineering measurements with angular components Earth science and oceanographic data Cyclical patterns with magnitude and height Design Notes Label angular units clearly. Provide interaction or multiple views. Avoid visual clutter from too many points. Use color or transparency carefully. Summary This chart is specialized but useful when the data naturally fits cylindrical coordinates. It should be used when angle and radius are meaningful, not merely to make a chart look three-dimensional.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/3d-cylindrical-polar-scatter-graph/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/3d-cylindrical-polar-scatter-graph/","title":"Three-Dimensional Cylindrical Polar Scatter Graph"},{"content":"William Playfair (1759-1823) is often credited with inventing the pie chart, one of the first charts to represent proportions within a circle. His goal was to make economic and geographic data visible and understandable.\nBut the circular diagrams he actually drew included two different forms. Both appeared in his 1801 book Statistical Breviary.\n1. The Sector-Based Type: The First Pie Chart This diagram shows the areas of U.S. states and newly acquired territories such as Louisiana and Florida in proportional form. The title explains that the method is intended to show the proportion among divisions of a territory.\nHere, the angles of the sectors correspond to the areas of the states. This is the principle of the modern pie chart.\n2. The Concentric-Circle Type: A Circle Area Chart This diagram uses area to compare territorial size. The circle is not divided primarily by angle; it compares quantities through circular area. In modern terms, it is closer to a circle area chart.\nOnly the Russian Empire and the Turkish, or Ottoman, Empire are broken down internally.\nFor the Russian Empire, Playfair used a concentric structure: the central circle represents the European territory, and the outer ring represents the Asian territory.\nFor the Turkish Empire, the territorial breakdown among Europe, Asia, and Africa is shown more like a modern pie chart, using angle as the proportional element.\nThe reason for using two forms may have been practical rather than theoretical. The charts were hand-colored, and the available space was limited. A large territory such as Russia could accommodate a concentric structure, while a smaller one such as the Ottoman Empire was easier to read when divided radially.\nSummary Modern name Principle Feature Pie chart Shows proportion by angle Divides a circle into sectors Circle area chart Shows quantity by area Compares circular areas or concentric regions Playfair\u0026rsquo;s circular diagrams therefore included both a true pie chart based on angle and a circle area chart based on area. Looking closely at these differences helps clarify the early history of statistical graphics.\nReferences Life of Pie: William Playfair and the Impact of the Visual Pie chart - Wikipedia William Playfair - Wikipedia Playfair\u0026rsquo;s Pie Chart - Lehigh University Exhibits Playfair\u0026rsquo;s Introduction of Bar and Pie Charts to Represent Data ","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/pie-chart-william-playfair/images/cover_hu_e443e296ba71e957.png","permalink":"/en/pie-chart-william-playfair/","title":"William Playfair Drew Two Different Kinds of Circular Charts"},{"content":"This figure is from William Playfair\u0026rsquo;s Statistical Representation of the United States of America, created around 1805. Playfair, known as an inventor of statistical graphics, represented the territorial extent of the United States through proportional circular areas. It is one of the early forms related to his invention of the pie chart.\nOverview The diagram shows the areas of U.S. states and newly acquired territories such as Louisiana and Florida. The title explains that the proportional method is intended to show the proportion among divisions of a territory.\nWhy It Matters Playfair was not simply drawing decorative diagrams. He was exploring how economic and geographic quantities could be made visible through graphical form. This work sits at the early boundary between statistical charting, cartography, and proportional area representation.\nSummary Playfair\u0026rsquo;s circular representation of U.S. territory is an important historical example because it shows how early statistical graphics experimented with area, proportion, and geography before chart conventions became standardized.\n","date":"2025-10-12T00:00:00+09:00","image":"https://visualizing.jp/pie-chart-william-playfair-part/images/cover_hu_5b4bd3d8b1337880.png","permalink":"/en/pie-chart-william-playfair-part/","title":"William Playfair's Statistical Representation of the United States of America"},{"content":"A 3D bar chart map places vertical bars on geographic locations to show the distribution and comparison of quantitative data. It is often used for city- or region-level statistics such as population, GDP, sales, tourist volume, or disaster risk.\nThe height of each bar represents magnitude, while the map provides spatial context. In that sense, the technique combines the geographic intuition of a heat map with the direct quantity comparison of a bar chart.\nHow to Read It Each bar on the map represents a specific place, such as a city, region, or grid cell.\nPosition: geographic coordinates, usually latitude and longitude Height: the numeric value, such as population, sales, or volume Color: an optional category, time period, or variable class The 3D form can make large local differences easier to notice than they would be in a flat choropleth or heat map. In interactive maps, users can rotate, zoom, and change viewpoint to examine dense areas from different angles.\nBackground and Uses 3D bar chart maps became more common as GIS and WebGL-based visualization tools matured. Libraries such as Mapbox GL JS, deck.gl, and Kepler.gl provide extruded layers or column layers that make it relatively easy to render geographic data as interactive 3D columns.\nTypical applications include:\ncomparing CO2 emissions by city analyzing regional differences in real estate prices showing GDP or trade volume by country emphasizing flood depth, damage estimates, or other disaster-risk values The form is also used in data art and editorial infographics because it can combine information density with a strong visual presence.\nSummary A 3D bar chart map is useful when readers need to understand both geographic distribution and quantitative contrast. Its visual impact is strong, and it works especially well in interactive exploration. At the same time, readability can suffer when the data is too dense, so bar scale, opacity, spacing, and camera angle must be tuned carefully. Used alongside a flat map, it can balance spatial context with numeric comparison.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/3d-bar-chart-map/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/3d-bar-chart-map/","title":"3D Bar Chart Map"},{"content":"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.\nHistorical Background 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.\nDesign Notes Use with caution because perspective can mislead. Avoid hiding small or low regions behind tall ones. Provide interaction and 2D alternatives. Clarify whether height, color, or both encode the value. Summary 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.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/3d-choropleth-map/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/3d-choropleth-map/","title":"3D Choropleth Map"},{"content":"3D treemaps extend ordinary treemaps into three-dimensional space. Rectangular areas represent hierarchical categories, while height encodes an additional quantitative variable. This extrusion-based form can show area and height together.\nHistorical Background Treemaps were introduced by Ben Shneiderman in 1990 for visualizing file system disk usage. Later research explored 3D extensions as computer graphics tools improved.\nDesign Notes Use 3D only when height adds meaningful information. Watch for occlusion and perspective distortion. Provide interaction or alternative 2D views. Avoid using height and color redundantly without explanation. Summary 3D treemaps can add another variable to hierarchical area charts, but they are harder to read precisely than 2D treemaps. They require careful camera and interaction design.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/3d-treemaps/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/3d-treemaps/","title":"3D Treemaps"},{"content":"This diagram appeared in geographer Allan Pred\u0026rsquo;s 1984 paper \u0026ldquo;Structuration, Biography Formation, and Knowledge: Observations on Port Growth during the Late Mercantile Period.\u0026rdquo; It shows how a late eighteenth-century Boston merchant spent a day across both time and space.\nIt is an important example of visualizing the relationship between human action and urban space in the context of structuration theory.\nHow to Read It The diagram treats a person\u0026rsquo;s daily movement as a path through time and space. Time is not separated from geography; instead, movement, duration, and location are combined into one visual structure.\nWhy It Matters The work demonstrates that daily life can be understood as a spatial-temporal pattern. It connects biography, social structure, and urban geography.\nSummary The space-time path diagram is a powerful way to show lived movement. It makes visible how people occupy cities not only as points on a map, but as sequences of actions through time.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/spacetime-path-diagram/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/spacetime-path-diagram/","title":"A Day in the Life of a Colonial Boston Merchant: Visualizing Time and Space"},{"content":"An adjacency matrix represents a network as a table. Nodes appear as both rows and columns, and each cell indicates whether a connection exists between the corresponding pair of nodes.\nPurpose The purpose is to show network structure without edge crossings. Matrices are especially useful for dense networks where node-link diagrams become unreadable.\nDesign Notes Node ordering is crucial. Use color intensity for edge weight. Cluster related nodes to reveal block structure. Provide labels or interaction for large matrices. Summary Adjacency matrices are precise and scalable network representations. They are less intuitive than node-link diagrams at first, but much clearer for dense graphs.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/adiacency-matrix/images/cover_hu_5f2cbbe1d29238bb.png","permalink":"/en/adiacency-matrix/","title":"Adjacency Matrix"},{"content":"An arc diagram places nodes along a straight line and draws relationships as arcs above or below that line. It is a network visualization technique that can reveal patterns, symmetry, repetition, and long-range connections.\nDesign Notes Node ordering strongly affects readability. Use for moderate-sized networks. Separate directions or categories with color or arc side when helpful. Avoid dense networks with too many overlapping arcs. Summary Arc diagrams are simple network views where ordering is central. They work well when the sequence of nodes has meaning or when connection patterns are the main story.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/arc-diagram/images/cover_hu_b0d272c38352e09b.png","permalink":"/en/arc-diagram/","title":"Arc Diagram"},{"content":"BioFabric is a network visualization method that represents nodes as horizontal lines and edges as short vertical marks crossing those lines. This differs from conventional node-link diagrams and can make large networks more orderly.\nPurpose The purpose is to avoid node overlap and tangled links in large networks. By turning nodes into lines, BioFabric gives every node a visible row and every edge a position.\nDesign Notes Ordering of nodes and edges is critical. Use interaction to inspect details. Explain the unfamiliar encoding to readers. Consider it for large networks where node-link diagrams become unreadable. Summary BioFabric is a distinctive alternative to node-link diagrams. It can reveal structure in large networks by trading familiar geometry for a more scalable tabular-like layout.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/bio-fabric/images/cover_hu_b7395a2a364b93e4.png","permalink":"/en/bio-fabric/","title":"BioFabric"},{"content":"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\u0026rsquo;s color represents a paired value.\nPurpose The purpose is to show the spatial relationship between two variables, such as income and education, or vulnerability and exposure.\nDesign Notes Use a simple 2x2 or 3x3 legend. Choose variables that have a meaningful relationship. Avoid too many color classes. Make sure readers understand the mixed-color legend. Summary Bivariate choropleth maps are powerful for showing two-variable spatial patterns, but they require careful legends and restrained color design.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/bivariate-choropleth-map/images/cover_hu_4eb87edda4c826ac.png","permalink":"/en/bivariate-choropleth-map/","title":"Bivariate Choropleth Map"},{"content":"A box-and-whisker plot summarizes a distribution using the minimum, first quartile, median, third quartile, and maximum, often with outliers shown as individual points. The box represents the interquartile range, or IQR.\nPurpose The purpose is to compare distributions compactly across groups. Box plots show center, spread, skew, and outliers without plotting every observation.\nDesign Notes Explain the whisker rule when necessary. Use alongside raw points for small datasets. Do not hide important distribution shape when multimodality matters. Consider violin plots when density shape is important. Summary Box plots are compact and robust distribution summaries. They are especially useful for comparing many groups.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/box-andwhisker-plot/images/cover_hu_4451a8b37c61b68a.png","permalink":"/en/box-andwhisker-plot/","title":"Box-and-Whisker Plot"},{"content":"A bullet graph is a compact chart for showing performance against a target. It extends a bar chart by combining an actual value, qualitative ranges such as poor, satisfactory, and good, and a target marker.\nHistorical Background Bullet graphs were developed by Stephen Few as a more space-efficient and informative alternative to dashboard gauges.\nDesign Notes Use a clear target marker. Keep qualitative ranges subtle. Avoid decorative gauge-like styling. Use consistent scales when comparing multiple bullet graphs. Summary Bullet graphs are strong dashboard components because they show actual value, target, and performance context in a compact form.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/bullet-graph/images/cover_hu_60c1234f26f80fea.png","permalink":"/en/bullet-graph/","title":"Bullet Graph"},{"content":"A calendar heatmap visualizes date-based data using the structure of a calendar. Each day is represented by a cell, and color intensity shows the value for that day. It is useful for seeing daily activity, frequency, seasonality, and weekly patterns.\nUse Cases Contribution or activity logs Daily sales or traffic Habit tracking Weather or environmental daily values Design Notes Make the calendar orientation clear. Use a color scale suited to the data. Label months and weekdays. Consider missing days and holidays. Summary Calendar heatmaps are effective when the calendar structure itself matters. They reveal daily and seasonal patterns that ordinary line charts may hide.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/calendar-heat-map/images/cover_hu_b05864230bef153f.png","permalink":"/en/calendar-heat-map/","title":"Calendar Heatmap"},{"content":"A candlestick chart visualizes open, high, low, and close prices over time. Each candlestick represents one period, such as a day or an hour. The body shows the difference between open and close, while the wicks show the high and low.\nPurpose Candlestick charts are widely used in financial markets because they summarize price movement within each time period compactly.\nHow to Read It A rising period is often shown in white or green, and a falling period in black or red. Long bodies indicate large open-to-close movement; long wicks indicate wide intraperiod fluctuation.\nDesign Notes Keep time intervals consistent. Avoid overinterpreting individual shapes without context. Use volume or moving averages only when they add analytical value. Summary Candlestick charts are standard for financial time series because they show four price values in one compact mark.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/candlestick-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/candlestick-chart/","title":"Candlestick Chart"},{"content":"A chord diagram visualizes relationships or flows among categories arranged around a circle. Curved bands, or chords, connect categories, and their thickness or color represents strength or direction.\nUse Cases Migration flows Trade between countries Network relationships among categories Genomic and biological relationships Design Notes Limit the number of categories. Use ordering to reduce crossings. Make direction clear if flows are directional. Provide interaction for dense diagrams. Summary Chord diagrams are visually striking and useful for showing many-to-many relationships. They can become difficult to read when too many categories or chords are included.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/chord-diagram/images/cover_hu_874285350dac895e.png","permalink":"/en/chord-diagram/","title":"Chord Diagram"},{"content":"Circle Voronoi treemaps visualize hierarchical data by partitioning an area into irregular polygons using Voronoi diagrams. Unlike rectangular treemaps, they use organic polygonal regions within a circular boundary, often producing a more natural-looking layout.\nHistorical Background Voronoi treemaps were proposed in the early 2000s, especially through work by Michael Balzer and Oliver Deussen. They addressed limitations of rectangular treemaps, such as extreme aspect ratios and reduced readability.\nPurpose The purpose is to show hierarchical part-to-whole structure while allowing a more organic layout than rectangular subdivision.\nDesign Notes Use labels carefully because polygon shapes vary. Keep hierarchy depth manageable. Use color to reinforce grouping. Consider ordinary treemaps when precise area comparison is more important. Summary Circle Voronoi treemaps are visually distinctive hierarchical visualizations. They are useful when organic form and grouping matter, but they can be harder to compare precisely than rectangular treemaps.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/voronoi-treemaps/images/cover_hu_8cedc3155e6b602b.png","permalink":"/en/voronoi-treemaps/","title":"Circle Voronoi Treemaps"},{"content":"Circular chart is a broad term for visualizations arranged around a circular layout. Examples include pie charts, donut charts, radar charts, polar plots, radial bar charts, and circular time charts.\nPurpose Circular charts are often used for part-to-whole relationships, cyclical time, radial comparison, or emphasizing periodic patterns such as hours, months, seasons, and daily rhythms.\nDesign Notes Use circular form when angle or cycle has meaning. Avoid circular charts for ordinary ranking when bars would be clearer. Label carefully because circular layouts can be hard to scan. Be cautious with area and angle comparisons. Summary Circular charts can make cyclical structure visible, but they are not automatically better than rectangular charts. The circular layout should match the logic of the data.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/circular-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/circular-chart/","title":"Circular Chart"},{"content":"A circular layout places network nodes at equal intervals around a circle. It is useful when node position has no inherent spatial meaning and the goal is to show the overall structure simply.\nUse Cases Small network overviews Comparing connection patterns around a fixed ordering Teaching graph structure Layouts supported by tools such as NetworkX Design Notes Choose node order carefully; it strongly affects edge crossings. Avoid very dense networks. Use color or grouping to support interpretation. Consider chord diagrams when edge volume matters. Summary Circular layouts are simple and orderly. They work best when the circular arrangement itself supports reading the network.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/circular-layout/images/cover_hu_d6a80f6e4f7b03c6.png","permalink":"/en/circular-layout/","title":"Circular Layout"},{"content":"A correlogram visualizes correlations among multiple variables in matrix form. Variables appear on both axes, and each cell encodes the correlation coefficient through color, size, shape, or numeric labels.\nPurpose The purpose is to give an overview of correlation structure: strong positive relationships, strong negative relationships, and weak or absent relationships.\nDesign Notes Use a diverging color scale centered on zero. Keep the variable order meaningful. Show values when precision matters. Remember that correlation does not imply causation. Summary Correlograms are compact summaries of relationships among many variables. They focus on strength and direction, while scatterplot matrices show the actual shape of relationships.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/correlogram/images/cover_hu_17e7fad35c40846b.png","permalink":"/en/correlogram/","title":"Correlogram"},{"content":"A density plot shows the distribution of a continuous variable as a smooth curve. Instead of using histogram bins, it estimates a probability density function, often with kernel density estimation.\nPurpose Density plots are useful for comparing distribution shapes, including peaks, spread, skewness, and overlap between groups.\nDesign Notes Choose bandwidth carefully. Explain that the curve is an estimate. Use transparency when comparing multiple groups. Consider histograms when raw counts are important. Summary Density plots provide a smooth view of distribution. They are useful for comparison, but their appearance depends on the estimation method and bandwidth.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/density-plot/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/density-plot/","title":"Density Plot"},{"content":"A diverging stacked bar chart compares opposing response categories around a central baseline. It is commonly used for Likert-scale survey results, where agreement and disagreement are placed on opposite sides of zero.\nPurpose The purpose is to show the balance between positive and negative responses while preserving category composition.\nDesign Notes Place neutral responses carefully, either centered or separated. Use consistent colors for negative and positive categories. Sort items by net agreement or another meaningful metric. Avoid too many response levels. Summary Diverging stacked bar charts are strong for survey and sentiment data because they make polarity visible. They require careful treatment of neutral categories and color order.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/diverging-stacked-bar-chart/images/cover_hu_59e998cdbb62ba1b.png","permalink":"/en/diverging-stacked-bar-chart/","title":"Diverging Stacked Bar Chart"},{"content":"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.\nPurpose 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.\nDesign Notes State what one dot represents. Avoid implying exact locations when dots are randomly placed within areas. Use small dots and appropriate transparency. Consider dasymetric placement when internal distribution is known. Summary 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.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/dot-density-map/images/cover_hu_2554fa9510bffb77.png","permalink":"/en/dot-density-map/","title":"Dot Density Map"},{"content":"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.\nHistorical Background Dot maps have roots in nineteenth-century cartography. John Snow\u0026rsquo;s 1854 cholera map in London is a famous early example of plotting individual cases geographically.\nDesign Notes Use dot maps when locations themselves matter. Avoid overplotting by using transparency or clustering. Do not confuse dot maps with dot density maps, where one dot may represent many units. Provide enough basemap context for interpretation. Summary Dot maps are direct and powerful when the data consists of individual locations. They show where observations occur without aggregating them into regions.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/dot-map/images/cover_hu_2122fd7b009ae8b6.png","permalink":"/en/dot-map/","title":"Dot Map"},{"content":"A dot plot represents each data point as a dot. Dots are placed along an axis, and repeated values can be stacked to show frequency. It is useful for small to medium datasets where the individual observations should remain visible.\nPurpose Dot plots show distribution without hiding individual values. They can reveal clusters, gaps, outliers, and repeated values more directly than summary-only charts.\nDesign Notes Use for small or moderate datasets. Stack or jitter dots to reduce overlap. Keep axes simple. Consider histograms or density plots for large datasets. Summary Dot plots are simple, transparent distribution charts. They are especially good when readers should see both individual values and overall pattern.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/dot-plot/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/dot-plot/","title":"Dot Plot"},{"content":"A force-directed diagram is a network layout method that positions nodes and edges through simulated physical forces. Nodes repel one another, while edges act like springs that pull connected nodes together. The layout settles into a balanced configuration that can reveal clusters and relationships.\nUse Cases Social networks Web link structures Biological interaction networks Knowledge graphs Organizational relationship maps Design Notes Use interaction for large networks. Avoid treating distance as exact unless the layout defines it. Label only important nodes in dense diagrams. Consider adjacency matrices or hive plots when comparison and structure matter more than organic layout. Summary Force-directed diagrams are intuitive for exploring network structure, especially clusters and connected groups. Their apparent geometry is generated by layout rules, so it should be interpreted carefully.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/force-directed-diagram/images/cover_hu_958585aceabdb8f4.png","permalink":"/en/force-directed-diagram/","title":"Force-Directed Diagram"},{"content":"A funnel chart visualizes the decrease in quantity across stages of a process. Its width narrows from top to bottom, resembling a funnel. It is common in marketing and sales analysis, such as website visits, product views, cart additions, and completed purchases.\nHistorical Background The funnel concept in marketing traces back to the AIDA model proposed by E. St. Elmo Lewis in 1898: Attention, Interest, Desire, and Action. It describes how people move through stages before purchase.\nHow to Read It Each stage shows the number or percentage remaining. The drop between stages indicates loss or conversion. The most important insight is often where the largest drop-off occurs.\nDesign Notes Use consistent stage definitions. Show both counts and conversion rates when useful. Avoid 3D funnel effects. Consider bar charts when exact comparison is more important than the funnel metaphor. Summary Funnel charts are useful for communicating staged drop-off in processes. They are most effective when the process truly narrows from one stage to the next.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/funnel-chart/images/cover_hu_8e47ad5e35582b57.png","permalink":"/en/funnel-chart/","title":"Funnel Chart"},{"content":"A Gantt chart visualizes project tasks, durations, order, and dependencies with horizontal bars on a time axis. Each bar shows the start and end of a task, making the overall schedule easy to understand.\nHistorical Background Gantt charts were developed in the 1910s by Henry Laurence Gantt, who was influenced by scientific management. They were used in production planning and later became standard tools for project management.\nData Structure Data Role Task One row Start date Bar beginning End date or duration Bar length Dependency Optional relationship Status Optional color or progress Design Notes Show dependencies when they affect schedule. Keep time scale readable. Use color for status or responsibility. Avoid overloading the chart with too many small tasks. Summary Gantt charts are practical tools for planning and communicating schedules. They are strongest when the key question is \u0026ldquo;what happens when?\u0026rdquo;\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/gantt-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/gantt-chart/","title":"Gantt Chart"},{"content":"\u0026ldquo;Gapminder World Map 2010\u0026rdquo; is a bubble chart showing the relationship between national income and life expectancy. Created by the Gapminder Foundation and popularized by Hans Rosling, it was designed to help people understand global health and wealth through data.\nHow to Read It Each bubble represents a country. The horizontal position usually indicates income, the vertical position indicates life expectancy, bubble size indicates population, and color often represents world region.\nWhy It Matters Gapminder helped make animated bubble charts a public storytelling tool. It showed that global development data could be explored visually and interactively rather than read only as tables.\nSummary Gapminder World Map 2010 is a representative example of public data visualization. It combines statistical data, animation, and accessible storytelling to challenge assumptions about global development.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/gapminder-world-map-2010/images/cover_hu_f681216abd9edc6f.png","permalink":"/en/gapminder-world-map-2010/","title":"Gapminder World Map 2010"},{"content":"A gauge chart shows a single value on a circular or semicircular scale, often with a needle like a speedometer. It is commonly used to show where a current value sits relative to a target, threshold, or acceptable range.\nUse Cases Dashboard KPIs Operational monitoring Performance against target Status displays Design Notes Use gauges for quick status, not detailed analysis. Show thresholds clearly. Avoid wasting too much dashboard space. Consider bullet charts or bar charts when comparison matters. Summary Gauge charts are familiar and easy to scan, but they are space-inefficient and limited to simple status messages. Use them when the metaphor of a meter helps the audience.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/gauge-chart/images/cover_hu_e54f2b9693aaaffe.png","permalink":"/en/gauge-chart/","title":"Gauge Chart"},{"content":"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.\nHistorical Background 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.\nUse Cases Air routes Internet and communication cables Logistics and supply chains Migration or commuting connections Urban and regional networks Design Notes Avoid too many overlapping edges. Use bundling or filtering for dense networks. Clarify whether line width represents volume. Preserve geographic context without overwhelming the network. Summary Geography-based connection maps are useful when the location of relationships matters. They combine network structure with geographic context.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/geography-based-connection/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/geography-based-connection/","title":"Geography-Based Connection"},{"content":"A histogram visualizes the distribution of numeric data. The value range is divided into continuous intervals, or bins, and each bar shows how many observations fall into that bin. Because histograms show continuous distributions, bars usually touch one another.\nHistorical Background Karl Pearson introduced the term \u0026ldquo;histogram\u0026rdquo; in 1895. The visual idea belongs to the broader history of statistical graphics, but Pearson helped establish the term and its theoretical role in statistics.\nHow to Read It Look at the shape of the bars: peaks, spread, skewness, gaps, and outliers. The bin width affects the appearance, so a histogram should be interpreted with that choice in mind.\nDesign Notes Choose bin width carefully. Do not use gaps between bars for continuous data. Label units and axes. Consider density plots for smoother distribution views. Summary Histograms are fundamental for understanding numeric distributions. They are simple, but binning choices strongly affect what readers see.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/histogram/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/histogram/","title":"Histogram"},{"content":"A hive plot visualizes network data by placing nodes on predefined axes according to explicit rules. Unlike force-directed diagrams, it avoids random-looking layouts and makes network structure more systematic and comparable.\nPurpose The purpose is to make complex networks more interpretable by controlling node placement. Nodes are assigned to axes by category, role, or metric, and edges show relationships among them.\nDesign Notes Define axis rules clearly. Use consistent node ordering along axes. Avoid too many edge crossings. Use color to reinforce categories. Summary Hive plots are useful when a network should be read through defined structural dimensions rather than through a force-directed layout. Their clarity depends on meaningful axis design.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/hive-plot/images/cover_hu_72ab6762e3bc1a38.png","permalink":"/en/hive-plot/","title":"Hive Plot"},{"content":"A hyperbolic tree visualizes hierarchical data in a circular hyperbolic space. Elements near the center are enlarged, while elements toward the edge are compressed. This makes it possible to see both a focus area and surrounding context, making it a classic focus-plus-context technique.\nPurpose The purpose is to navigate large hierarchies without losing the broader structure. Users can bring a node into focus while keeping related branches visible around it.\nUse Cases Large file systems Website maps Taxonomies Knowledge graphs with tree-like structure Design Notes Use interaction; static hyperbolic trees are harder to read. Keep labels legible near the focus. Provide orientation cues so users do not get lost. Summary Hyperbolic trees are powerful for interactive navigation of large hierarchies. Their strength is combining detail and context in one view.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/hyperbolic-trees/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/hyperbolic-trees/","title":"Hyperbolic Tree"},{"content":"An Isotype chart uses pictograms to compare quantities. Repeating icons of the same size allows readers to count or estimate differences intuitively. The system was developed in the 1920s by Otto Neurath and designer Gerd Arntz.\nHistorical Background ISOTYPE, the International System Of Typographic Picture Education, originated in Vienna. Neurath wanted a visual language for communicating social and economic data to the general public. Arntz\u0026rsquo;s pictograms gave the system a clear and consistent graphic form.\nDesign Notes Use repeated units rather than scaling pictogram area. Make the value represented by one icon clear. Keep pictograms simple and consistent. Avoid partial icons when they confuse counting. Summary Isotype charts are effective for public communication because they turn quantities into countable visual units. They are strongest when the goal is accessibility and memorability rather than exact precision.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/isotype-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/isotype-chart/","title":"Isotype Chart"},{"content":"A radar chart compares multiple variables by arranging axes radially and connecting values into a polygon. It is also called a spider chart or web chart. It is often used to compare attributes of products, people, organizations, or performance profiles.\nHistorical Background Early forms appeared in nineteenth-century statistical graphics and were later used in military, industrial, and educational assessment. Software such as Excel, Tableau, matplotlib, and Plotly made radar charts easy to create.\nDesign Notes Use a small number of variables. Keep axis scales consistent and meaningful. Avoid comparing too many polygons. Consider small multiples or bar charts for precise comparison. Summary Radar charts are useful for profile-like comparisons, but they can be hard to read precisely. They work best when the overall shape is more important than exact values.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/radar-chart/images/cover_hu_a97979df76e22bcd.png","permalink":"/en/radar-chart/","title":"Radar Chart"},{"content":"A radial bar chart places bars around a circle using polar coordinates. Each bar extends outward from the center, and its length represents a value. It is also called a circular bar chart or star chart.\nUse Cases Cyclical time data such as months, seasons, or hours Decorative summaries for dashboards or reports Comparing values in a circular ordering Design Notes Use with caution when precise comparison matters. Avoid too many bars. Label angles and categories clearly. Consider a normal bar chart when cyclic structure is not meaningful. Summary Radial bar charts can be effective for cyclical data, but they are less precise than ordinary bar charts. The circular form should serve the data, not only decoration.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/radial-bar-chart/images/cover_hu_47203a8f6f9e5f78.png","permalink":"/en/radial-bar-chart/","title":"Radial Bar Chart"},{"content":"A radial tree lays out a hierarchy in a circular form. The root node is placed at the center, and child nodes radiate outward by level. This makes hierarchical depth and parent-child relationships visible in a compact layout.\nHistorical Background Circular tree layouts appear in nineteenth-century classification and phylogenetic diagrams, but computational radial tree layouts developed in information visualization research in the late twentieth century.\nUse Cases Taxonomies Organization structures File systems Phylogenetic trees Information architecture maps Design Notes Use radial trees when compact overview matters. Keep labels legible around the circle. Avoid very deep hierarchies without interaction. Consider horizontal trees when labels are long. Summary Radial trees are compact hierarchy diagrams. They provide a strong overview, but label readability and dense branches require care.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/radial-trees/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/radial-trees/","title":"Radial Tree"},{"content":"A ridgeline plot stacks multiple distributions, usually smooth density curves, with slight vertical offsets. It is useful for comparing how distributions change across time or categories. The name comes from the appearance of mountain ridge lines.\nUse Cases Temperature distributions over months Income or demographic distributions by group Music waveform-like patterns Comparing many related density curves How to Read It Each ridge shows one distribution. Peaks indicate where values are concentrated. Comparing ridge positions and shapes reveals shifts, spread, and changes in modality.\nDesign Notes Avoid excessive overlap that hides lower ridges. Use consistent scales. Label categories clearly. Consider violin plots or small multiples when exact comparison matters. Summary Ridgeline plots are effective for comparing many distributions compactly. They emphasize shape and change more than exact values.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/ridgeline-plot/images/cover_hu_d98baa4d079cfeb5.png","permalink":"/en/ridgeline-plot/","title":"Ridgeline Plot"},{"content":"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.\nHistorical Background 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.\nData Structure Data Role X/Y location Geographic position Time Vertical axis Event or path Point, line, or trajectory Attribute Color, size, or annotation Design Notes Use interaction or multiple views for readability. Clarify the time direction. Avoid clutter from too many trajectories. Provide 2D map and timeline references when needed. Summary Space-time cubes are useful when spatial and temporal patterns must be understood together. They are powerful but often require interaction to read well.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/space-time-cube/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/space-time-cube/","title":"Space-Time Cube"},{"content":"A spiral chart represents time or cyclical change along a spiral path. Unlike a circular chart that completes in one loop, a spiral can wind continuously through multiple cycles, making seasonal and periodic patterns easier to compare across years or periods.\nHistorical Background Spiral forms in information graphics date back to nineteenth-century statistical diagrams. They are conceptually related to polar charts and cyclical time representations.\nUse Cases Seasonal time series Daily, weekly, or yearly cycles Long time series with repeated periods Periodic environmental or social data Design Notes Make the time direction clear. Avoid using spiral form when linear time comparison is simpler. Label cycles or reference periods. Use color carefully to avoid confusing position and value. Summary Spiral charts are useful when periodicity is central to the story. They make repeated cycles visible, but they can be harder to read precisely than linear time-series charts.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/spiral-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/spiral-chart/","title":"Spiral Chart"},{"content":"A stem-and-leaf plot splits numeric values into stems and leaves, preserving individual observations while showing the shape of the distribution. It resembles a histogram, but the original data values remain visible.\nHistorical Background Stem-and-leaf plots were popularized by John W. Tukey as part of exploratory data analysis in the 1970s. They were designed as a quick, hand-drawn way to inspect distributions before computers were widely available.\nHow to Read It The stem contains the leading digits, and each leaf contains the final digit or digits. The row length shows frequency, while the leaves preserve individual values.\nDesign Notes Use for small to medium datasets. Choose stem width carefully. Sort leaves for readability. Use histograms for larger datasets. Summary Stem-and-leaf plots are useful for teaching and exploratory analysis because they reveal distribution while keeping the raw values visible.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/stem-and-leaf-plot/images/cover_hu_7acfe715be6c74ac.png","permalink":"/en/stem-and-leaf-plot/","title":"Stem-and-Leaf Plot"},{"content":"A strip chart records or displays data continuously over time, often as a line updated in real time. The term also refers to charts that show individual data points as a continuous strip across time or categories. The common idea is to make ongoing change visible.\nHistorical Background Strip charts originated in physical strip chart recorders used for industrial measurement, medical monitoring, and experiments. A moving paper strip recorded changing values as a continuous trace. The idea later carried over into digital monitoring displays and statistical plots.\nUse Cases Industrial sensor monitoring Medical and laboratory measurement Real-time system dashboards Time-series inspection Design Notes Keep time scale and sampling rate clear. Use alerts or bands for important thresholds. Avoid overplotting too many signals. Preserve enough history for context. Summary Strip charts are practical tools for monitoring change as it happens. Their value comes from continuity and immediacy.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/strip-chart/images/cover_hu_a07a2bd0986e7f34.png","permalink":"/en/strip-chart/","title":"Strip Chart"},{"content":"A symbol chart uses geometric symbols such as circles or squares, varying their size or color to represent quantities and categories. Symbols may be placed on ordinary axes or on maps. Bubble charts and proportional symbol maps are closely related forms.\nHistorical Background Symbol-based visualization has roots in nineteenth-century cartography. Proportional symbols appeared on railway and thematic maps, and Charles Joseph Minard developed influential uses of symbol size for flows and quantities. Later work on area perception, including James Flannery\u0026rsquo;s scaling research, improved how proportional symbols are designed.\nHow to Read It Read position first, then symbol size and color. Size usually represents magnitude; color may represent category or another quantitative value.\nDesign Notes Scale area, not diameter, when symbol size represents value. Provide a size legend. Avoid excessive overlap. Use color only when it adds meaning. Summary Symbol charts are flexible because they combine position, size, and color. They are useful for showing magnitude across locations or categories, but scaling and overlap require careful handling.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/symbol-chart/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/symbol-chart/","title":"Symbol Chart"},{"content":"A time-series linear dendrogram unfolds hierarchical relationships along a time axis. Whereas ordinary dendrograms mainly show spatial hierarchy, the linear time-series form shows when and how branches diverge or emerge.\nHistorical Background Dendrograms developed from biological classification and later became standard in hierarchical clustering. Time-aware linear dendrograms are especially important in phylogenetics, where mutations and lineages must be understood over time. Platforms such as Nextstrain made this form widely visible during the COVID-19 pandemic.\nData Structure Data Role Node Ancestor, group, or cluster Branch Relationship or divergence Time Position along the timeline Metadata Optional color or annotation Purpose The purpose is to show hierarchical branching together with temporal sequence. It answers not only what is related to what, but when divergence occurred.\nDesign Notes Make the time axis clear. Use color for meaningful lineage or category metadata. Avoid overloading the chart with too many labels. Provide interaction for dense trees. Summary Time-series linear dendrograms are useful when hierarchy and time are inseparable. They are especially powerful for evolution, lineage tracking, and historical branching processes.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/time-series-linear-dendrogram/images/mainvisual_hu_7a4273d9abed4df9.png","permalink":"/en/time-series-linear-dendrogram/","title":"Time-Series Linear Dendrogram"},{"content":"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.\nHistorical Background Vector field visualization developed with physics and fluid dynamics. Michael Faraday\u0026rsquo;s field-line diagrams and James Clerk Maxwell\u0026rsquo;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.\nData Structure Data Role Location Point where vector is measured Direction Arrow angle Magnitude Arrow length or color Optional time Animation or temporal comparison Design Notes Avoid drawing too many arrows. Use consistent scaling for magnitude. Consider streamlines for dense flow. Use animation carefully for time-varying fields. Include a legend for arrow length or color. Summary 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.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/vector-field-map/images/cover_hu_6c5a7205a2f76054.png","permalink":"/en/vector-field-map/","title":"Vector Field Map"},{"content":"Vertical and horizontal trees are basic layouts for visualizing hierarchical structures with nodes and branches. A vertical tree places the root at the top and expands downward. A horizontal tree expands from left to right or right to left. Both are used for organization charts, taxonomies, phylogenetic trees, file structures, and other hierarchies.\nHistorical Background Tree diagrams have roots in ancient classification diagrams, medieval genealogies, and scientific evolutionary trees. In computer science, trees became a fundamental data structure, and visualization libraries now generate many layout variants automatically.\nData Structure Data Role Node Entity in the hierarchy Parent-child relationship Branch structure Root Top or starting node Depth Level in the hierarchy Design Notes Use vertical trees for top-down hierarchy. Use horizontal trees when labels are long. Keep spacing consistent. Collapse or filter deep hierarchies. Consider radial trees for compact overviews. Summary Vertical and horizontal trees are simple, readable ways to show hierarchy. The best orientation depends on label length, reading direction, and available space.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/vertical-tree-horizontal-trees/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/vertical-tree-horizontal-trees/","title":"Vertical Trees and Horizontal Trees"},{"content":"A violin plot visualizes both the distribution shape and summary statistics of data. It builds on the box plot but adds a smooth density shape, usually based on kernel density estimation. The result often resembles a violin, giving the chart its name.\nPurpose The purpose is to show not only median and spread, but also the shape of the distribution: modes, skewness, and density.\nHow to Read It The width of the violin indicates density. Wider areas contain more observations. Internal marks may show the median, quartiles, or individual data points depending on the design.\nUse Cases Comparing distributions across categories Showing multimodal data Supplementing or replacing box plots Exploratory data analysis Design Notes Explain whether the plot shows KDE, raw points, or both. Be careful with small sample sizes. Use consistent bandwidth settings across groups. Consider box plots when summary statistics are enough. Summary Violin plots are useful when distribution shape matters. They reveal more than box plots, but their density estimates require careful interpretation.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/violin-plot/images/cover_hu_e44fa35fc96c1de1.png","permalink":"/en/violin-plot/","title":"Violin Plot"},{"content":"This infographic visualizes notable type designers by the number and categories of typefaces they created. Designed by Clara Prieto, it is structured into two main parts: the most prolific type designers on the left and the international style on the right.\nLeft-Side View The left section ranks or compares designers by output, using visual structure to make production volume and category differences easier to compare.\nWhy It Matters Typography history is often told through movements, specimens, and individual typefaces. This work shifts attention to designers\u0026rsquo; output as data, making the history of type design comparable as a quantitative field.\nSummary The infographic is a useful example of visualizing design history. It organizes cultural production through counts, categories, and layout while preserving a strong graphic identity.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/most-prolific-type-designers/images/cover_hu_f64823f99cd60e99.png","permalink":"/en/most-prolific-type-designers/","title":"Visualizing the Most Prolific Type Designers"},{"content":"A waterfall chart visualizes incremental increases and decreases from an initial value to a final value. It separates positive, negative, and total components so readers can understand what caused the overall change.\nThe name comes from the way bars appear to step up and down like a waterfall.\nPurpose Waterfall charts are especially common in finance, where they explain how revenue, costs, adjustments, and other components lead to profit or loss.\nHow to Read It Start with the initial value, then follow each bar in sequence. Upward bars add to the total, downward bars subtract from it, and the final bar shows the resulting value.\nDesign Notes Use color to distinguish increases, decreases, and totals. Keep the sequence logical. Label major components directly. Avoid too many small steps. Summary Waterfall charts are useful for explaining change as a sequence of contributions. They make bridge analysis easier to understand than a single before-and-after comparison.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/waterfall-chart/images/cover_hu_1e9dc07801f40026.png","permalink":"/en/waterfall-chart/","title":"Waterfall Chart"},{"content":"A yield curve connects the yields of bonds with different maturities. The X-axis usually shows maturity, and the Y-axis shows yield. It is an important financial chart for reading market expectations and the economic outlook.\nHistorical Background The concept developed with bond markets and theories of the term structure of interest rates. Economists and investors use yield curves to understand expectations about inflation, monetary policy, and future growth.\nHow to Read It A normal upward-sloping curve means longer maturities have higher yields. A flat curve suggests uncertainty or transition. An inverted curve, where short-term yields exceed long-term yields, is often watched as a recession signal.\nDesign Notes Label maturities clearly. Use consistent dates when comparing curves. Avoid too many curves in one chart. Consider animation or small multiples for historical change. Summary The yield curve is a compact view of interest-rate expectations across maturities. Its shape is often more important than any single point.\n","date":"2025-10-11T00:00:00+09:00","image":"https://visualizing.jp/yield-curve/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/yield-curve/","title":"Yield Curve"},{"content":"Atlases of world history is a data visualization about how historical atlases shape, and sometimes distort, our sense of history. It was created by Accurat, the Italian data design studio, for the Visual Data series in La Lettura.\nThe work compares three Italian world-history atlases from De Agostini, Garzanti, and Zanichelli. It asks a simple but powerful question: how much space does each atlas give to each period of history?\nHow to Read It The \u0026ldquo;How to read it?\u0026rdquo; panel defines the visual grammar of the piece.\nDistorted Timeline The upper timeline is distorted according to the amount of page space each atlas devotes to each period. Periods that receive more pages are stretched; periods that receive little attention are compressed.\nElement Meaning Actual timeline The real passage of time from 10000 BC to AD 2000 Upper timeline The atlas timeline, rescaled by page allocation Vertical lines Correspondences between actual time and the distorted timeline Red 2000 BC mark A reference point highlighting displacement 50-year period size Percentage of textbook pages assigned to that period The core idea is that \u0026ldquo;textbook pages\u0026rdquo; become a proxy for perceived historical length. Ancient Egypt, for example, may occupy a much larger cognitive space than its actual duration would suggest, while prehistory or early medieval periods may be compressed into near invisibility.\nTopics and Continents The lower portion shows what each period is about and where it is geographically focused.\nBar height indicates how much a topic is discussed. Color identifies the topic, such as society, religion, politics, war, or economy. Dots indicate continental coverage. This layered structure shows history not as a neutral timeline, but as an editorial construction: what a book chooses to emphasize becomes what readers remember as important.\nComparing the Atlases Atlas Publisher Main tendency De Agostini / Atlas of world history De Agostini Relatively balanced, but still strongly Eurocentric Garzanti / Atlas of world history Garzanti Greater emphasis on the modern period, politics, and war Zanichelli / Atlas of world history Zanichelli Broad scholarly coverage, again with Europe and warfare prominent Across all three, modern Europe receives disproportionate attention.\nWhy It Matters The work is not merely a comparison of books. It is a critique of how educational media constructs collective memory. If the scale of a timeline is governed by page allocation, then the act of learning history also reshapes our intuitive sense of historical time.\nAccurat\u0026rsquo;s method turns editorial bias into a visible structure. It shows how data visualization can act not only as an explanatory tool, but also as a cultural critique.\nSummary \u0026ldquo;Atlases of world history\u0026rdquo; reveals the hidden geometry of historical education. By stretching and compressing time according to the space it receives in atlases, the piece shows how world history is remembered through emphasis, omission, and repetition.\nReferences Visual Data — Atlases of world history Comparing historical atlases — Flickr ","date":"2025-10-10T00:00:00+09:00","image":"https://visualizing.jp/atlases-of-world-history/images/cover_hu_23cd8a3b83e9e1df.png","permalink":"/en/atlases-of-world-history/","title":"Atlases of World History: How Historical Atlases Distort Historical Memory"},{"content":"This work visualizes the lives and creative careers of writers whose twentieth-century English-language novels were selected for the Modern Library\u0026rsquo;s 100 Best Novels. Created by Federica Fragapane, it appeared in the Visual Data series for La Lettura, the cultural supplement of the Italian newspaper Corriere della Sera.\nEach circular form represents a writer\u0026rsquo;s life. Within it, the visualization overlays the age at which the writer published a debut work and the ages at which the novels regarded as major masterpieces appeared. The result is a comparative portrait of creative timing: early success, slow maturation, and late recognition all become visible at once.\nHow to Read the Graphic The legend states that the authors are ordered \u0026ldquo;from the earliest success to the last one.\u0026rdquo; In practice, writers who reached a first masterpiece soon after debut appear toward the upper left, while those whose major work arrived later in life move toward the lower right.\nWhat is shown Visual encoding Author name Set in bold Hometown Small text next to the name Region or continent Text color: Asia, North America, Europe, South America Ranking position Number shown near the author name What is shown Visual encoding Birth and death age Positioned around the circle Lifespan Length of the outer circumference What is shown Visual encoding Age at debut publication First radial line inside the circle Time from debut to first masterpiece Distance from debut line to the first major-work mark First masterpiece Yellow radial sector Second masterpiece Orange sector Third masterpiece Pink sector Fourth masterpiece Purple sector What is shown Visual encoding First masterpiece coincides with debut Red dot inside the circle Debut position Black star on the circumference Living author Open outer circumference Posthumous publication Small black dot outside the circle Context and Intent The visualization turns a literary question into a temporal one: how long did it take a writer to arrive at the work that later defined them? Literary history often contrasts precocious genius with late mastery, but this piece makes that comparison legible as data.\nFor example, James Joyce appears as a writer who reached canonical work relatively early, while authors such as William Faulkner and Joseph Conrad show longer stretches between debut and the works most strongly associated with their reputations.\nData Sources The work cites:\nbiography.com britannica.com modernlibrary.com These sources provide birth and death dates, debut publication years, and ranking information from the Modern Library list.\nSummary \u0026ldquo;From first published to masterpieces\u0026rdquo; quantifies time and achievement in a literary domain that is usually described qualitatively. By placing lifespan, debut, and masterpiece publication into a shared visual grammar, it lets readers compare creative rhythm across writers and see literary history from a different angle.\nReferences Federica Fragapane — Official Portfolio La Lettura – Visual Data Series Biography.com Encyclopaedia Britannica Modern Library 100 Best Novels ","date":"2025-10-10T00:00:00+09:00","image":"https://visualizing.jp/from-first-published-to-masterpieces/images/cover_hu_457c3aec95bfb9b6.png","permalink":"/en/from-first-published-to-masterpieces/","title":"From First Publication to Masterpieces: Timelines of Literary Lives"},{"content":"This visualization depicts brain drain as the international movement of researchers. It was created by Giorgia Lupi of Accurat for the Visual Data series in La Lettura, the cultural supplement of Corriere della Sera.\nCountries are positioned according to quantitative indicators such as R\u0026amp;D expenditure as a share of GDP and the number of researchers per million people. Lines then connect countries through flows of scientific migration.\nRather than functioning as a simple statistical map, the work makes visible the circulation of knowledge and the asymmetry of scientific opportunity between nations.\nHow to Read It The \u0026ldquo;How to read it?\u0026rdquo; panel explains the graphic as a multivariate view of research environments and researcher mobility.\n1. Country Position X axis: R\u0026amp;D investment as a percentage of GDP Y axis: researchers per one million people Countries toward the upper right invest more in research and have a higher concentration of researchers.\n2. Color and Marks Visual element Meaning Main source Blue horizontal bar Share of foreign researchers Franzoni et al., 2012 Lower blue bar Share of foreign-born population World Bank Red vertical bar Share of researchers from that country working abroad Franzoni et al., 2012 Pale red elements Citizens abroad and returning researchers World Bank / Franzoni et al. Thin yellow line Unemployment rate World Bank Green small circles Female employment rate World Bank Gray band University ranking score Times Higher Education Beige circle GDP per capita World Bank 3. Connections Between Countries Dotted arcs behind the country marks indicate routes of researcher movement from origin to destination. They form a network of knowledge flows rather than a conventional geographic map.\n4. Reading Strategy First read the country position to understand research capacity. Then compare the blue and red bars to see whether a country gains or loses research talent. Finally, use the supporting variables to understand the social, economic, and educational context.\nBackground Brain drain refers to the migration of highly educated or skilled people, especially scientists, engineers, and researchers, toward countries with better economic or research conditions. The pattern has long been discussed as a structural problem for developing and emerging economies.\nThe visualization combines:\nWorld Bank indicators from 2005-2012 the Foreign Born Scientists Mobility dataset by Franzoni, Scellato, and Stephan Times Higher Education World University Rankings 2011-2012 Design Features The work shows Lupi\u0026rsquo;s characteristic information design: precise geometry combined with organic curves, a strong color grammar for inflow and outflow, and an abstract spatial composition that treats the world as a knowledge-economy coordinate system rather than a physical map.\nSummary \u0026ldquo;Brain drain\u0026rdquo; presents a global map of knowledge circulation. It shows not only where researchers go, but also which countries are structurally positioned to attract, retain, or lose scientific talent. In doing so, it turns migration statistics into a visual argument for education policy and research support.\nReferences Visual Data — Giorgia Lupi Visual Data — La Lettura Research and development expenditure (% of GDP) — World Bank Foreign Born Scientists: Mobility Patterns for Sixteen Countries — NBER Working Paper 18067 World University Rankings 2011-2012 — Times Higher Education ","date":"2025-10-10T00:00:00+09:00","image":"https://visualizing.jp/brain-drain/images/cover_hu_8898edfdcd5eb7f5.png","permalink":"/en/brain-drain/","title":"Visualizing Brain Drain"},{"content":"Circle packing visualizes whole-part and parent-child relationships by packing circles inside other circles. It is a hierarchical visualization technique: each node is drawn as a circle, and parent nodes contain their children.\nCompared with a treemap, which divides rectangular space, circle packing is less precise for area comparison but often more intuitive for showing containment and hierarchy depth.\nBackground The mathematical idea of packing circles is old and has been studied as the circle packing problem since the nineteenth century. In information visualization, circle packing became widely used in the late 1990s and 2000s, especially through tools such as Protovis and D3.js. D3 provides a standard implementation as d3.pack().\nData Structure Circle packing uses hierarchical data.\nField Meaning name Node label value Numeric size for the node children Child nodes Example:\n1 2 3 4 5 6 7 8 9 10 { \u0026#34;name\u0026#34;: \u0026#34;root\u0026#34;, \u0026#34;children\u0026#34;: [ {\u0026#34;name\u0026#34;: \u0026#34;A\u0026#34;, \u0026#34;value\u0026#34;: 10}, {\u0026#34;name\u0026#34;: \u0026#34;B\u0026#34;, \u0026#34;children\u0026#34;: [ {\u0026#34;name\u0026#34;: \u0026#34;B1\u0026#34;, \u0026#34;value\u0026#34;: 5}, {\u0026#34;name\u0026#34;: \u0026#34;B2\u0026#34;, \u0026#34;value\u0026#34;: 8} ]} ] } Purpose The main purpose is to show which elements belong to which groups, and roughly how large each group or leaf node is. It is visually softer than a treemap and often works well when structural hierarchy matters more than exact numeric comparison.\nUse Cases file-system structure biological taxonomy corporate or industry hierarchy regional population composition topic clusters and nested categories How to Read It Element Meaning Circle size Relative value or magnitude Parent and child circles Hierarchical containment Color Category, group, or level Position Layout optimized for readability; not usually a measured axis Design Notes Area comparison with circles is difficult, so labels and tooltips help. Deep hierarchies often need interactive zooming. Use color consistently by level or parent group. Leave enough padding between circles so boundaries remain legible. Alternatives Method Feature Best when Treemap Rectangular area optimization Accurate area comparison matters Sunburst chart Radial hierarchy Hierarchy depth matters Icicle chart Stacked hierarchy Labels need more room Summary Circle packing is a visually compelling way to show hierarchical structure. It is not the strongest option for exact value comparison, but it is effective when the goal is to reveal the shape of an information hierarchy.\nReferences D3.js API Reference: d3.pack Observable: Zoomable Circle Packing Wikipedia: Circle packing Protovis: Hierarchical Layouts Circle Packing Visualization — Mike Bostock ","date":"2025-10-09T00:00:00+09:00","image":"https://visualizing.jp/circle-packing/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/circle-packing/","title":"Circle Packing"},{"content":"In the late Edo period, the agricultural reformer and thinker Ninomiya Sontoku (1787-1856) conducted detailed land surveys and management reforms to revive struggling rural communities.\nAs part of this work, he created a diagram known as a land ratio graph, designed to visualize the proportions of rice fields, dry fields, cultivated land, and wasteland within an estate.\nThe graph was later included in volume 10 of The Complete Works of Ninomiya Sontoku and was reintroduced in the journal Surveying in 2005 as an early example of Japanese land-survey thinking.\nIt is notable as a statistical land-classification diagram from Japan before modern cadastral surveying.\nHow to Read the Diagram The upper part of the diagram is labeled public, while the lower part is labeled private. These categories broadly correspond to tax-assessed land and privately cultivated or hereditary land. Each section is further divided into rice fields, dry fields, currently cultivated land, and wasteland. Rectangular area represents proportion.\nCategory Meaning Position Notes Public Land subject to tax or lordly control Upper section Public or domain land Private Land used or inherited by villagers Lower section Privately cultivated land Rice field / dry field Agricultural land class Within each layer Classified by use Cultivated land Land currently under cultivation Light areas Productive land Wasteland Uncultivated or abandoned land Gray areas Target for reclamation The structure is close in spirit to modern land-use classification maps and land-category statistics.\nHistorical Significance Sontoku surveyed land conditions while carrying out rural reconstruction projects for domains and the shogunate. In the Sakuramachi estate, in present-day Tochigi Prefecture, he analyzed the balance of fields and wasteland and used those measurements to plan reclamation and stabilize tax revenue.\nBy calculating the ratios of land use, he practiced a statistical form of agricultural administration. The graph is therefore more than an illustration; it is an early expression of rational land management in Japan.\nTerminology Terms such as public, private, rice field, dry field, cultivated land, and wasteland were part of the practical vocabulary of Edo-period agricultural administration. Sontoku\u0026rsquo;s categories align with the land-management language used in contemporary texts and tax practice.\nSummary This graph is not related to ancient Chinese or ritsuryo land-allocation systems. It is the product of empirical land-use investigation in late Edo Japan. Sontoku connected moral and communal reform with quantitative understanding of land as a shared resource. In that sense, the diagram can be read as an early Japanese form of governance-oriented data visualization.\nReferences National Diet Library Search: The Complete Works of Ninomiya Sontoku, Vol. 10 Hotoku Museum Wikimedia Commons: Ninomiya Sontoku Graph in 1823.jpg CiNii Books: The Complete Works of Ninomiya Sontoku ","date":"2025-10-09T00:00:00+09:00","image":"https://visualizing.jp/ninomiya-sontoku-land-ratio-graph/images/cover_hu_d3d1af968a430752.png","permalink":"/en/ninomiya-sontoku-land-ratio-graph/","title":"Ninomiya Sontoku and the Idea of Land Classification"},{"content":"A time-distance diagram visualizes the operation of moving vehicles, such as trains or buses, by placing time on one axis and distance or station position on the other. Each train or vehicle is drawn as a slanted line, making schedules, passing points, stops, and service patterns easy to understand at a glance.\nThe method is widely used in railway planning and operations, where it is often called a train graph or timetable diagram.\nHistorical Background Time-distance diagrams emerged alongside the expansion of railway networks in the nineteenth century. Similar operating diagrams appeared in British railway practice in the 1870s, and in Japan the format became a standard tool for timetable design and dispatching during the Meiji period.\nEven today, train-control centers rely on this type of diagram to monitor services and manage disruptions.\nData Structure Data item Description Station or stop name Reference points along the distance axis Distance between stations Basis for the vertical scale Departure and arrival times Time values plotted on the horizontal axis Train number or service type Used for line style, color, and labels Each service is drawn as a line segment through time and space. Depending on local convention, inbound and outbound trains may slope in opposite directions.\nPurpose The main purpose is to optimize service planning and operations. A time-distance diagram helps planners see whether the whole timetable is coherent, where trains meet or overtake one another, how transfers work, and where congestion or delays may occur.\nUse Cases railway dispatching and timetable design bus, ferry, and public-transport scheduling recovery planning after service disruptions transport simulation in research and education logistics and autonomous-vehicle movement analysis How to Read It Horizontal axis: time\nTime progresses from left to right.\nVertical axis: distance or station sequence\nStations or locations are arranged by physical distance or by service order.\nSlanted lines: vehicle movement\nThe slope represents speed. A flatter line indicates faster movement; a steeper line indicates slower movement.\nIntersections: meets, passes, or transfer opportunities\nWhere lines cross, vehicles are at the same position at the same time.\nHorizontal segments: stops or waiting time\nLonger horizontal segments indicate longer dwell or waiting periods.\nDesign Notes Use a true distance scale when speed comparison matters. Use color or line style for service types such as local, express, or limited express. Keep the time grid regular so departure and arrival times can be read precisely. Use interaction or scrolling for dense digital timetables. Alternatives Gantt chart: useful for general schedules and tasks. Sparkline time series: useful for frequency or headway trends. Network diagram: useful when topology matters more than timing. Summary A time-distance diagram is a compact way to show movement through both time and space. Its structure is simple, but it can reveal speed, delay, connection, passing, and operational rhythm in a single view.\nReferences Wikipedia: Time-distance diagram Wikipedia Japan: Railway diagram Network Rail: Information for operators OpenTrack: Simulation of Railway Networks ","date":"2025-10-09T00:00:00+09:00","image":"https://visualizing.jp/time-distance-diagram/images/thumb_ph_vizjp_hu_226faecc4e6a3702.png","permalink":"/en/time-distance-diagram/","title":"Time-Distance Diagram"},{"content":"This figure summarizes dementia risk factors from the 2020 report of The Lancet Commission on Dementia Prevention, Intervention, and Care.\nThe report synthesizes evidence from medicine, social policy, education, and urban health to propose ways to delay or prevent dementia. The graphic presents modifiable risk factors across three stages of life: early life, midlife, and late life.\nIts central message is that as much as 45% of dementia cases may be preventable or delayable if these risk factors are reduced.\nContext The figure appears in the section on potentially modifiable risk factors for dementia across the life course. It visually supports an important policy message: dementia is not only an inevitable result of aging, and prevention can begin long before old age.\nHow to Read It The diagram is best understood as a life-course causal map rather than as a conventional statistical chart. It arranges risk factors along a continuous path from early life to late life and sizes them according to their population attributable fraction.\nLife stage Main risk factors Approximate contribution Color group Early life Less education around 5% Green Midlife Hearing loss, high LDL cholesterol, depression, head injury, physical inactivity, diabetes, smoking, hypertension, obesity, excessive alcohol consumption around 7% to 1% Yellow Late life Social isolation, air pollution, visual impairment around 5% to 2% Blue Circle size is proportional to estimated contribution. Connecting lines emphasize prevention across the whole life course. The \u0026ldquo;45% potentially modifiable\u0026rdquo; label summarizes the combined estimate. Significance The 2020 report expanded the earlier 2017 framework by adding factors such as environmental risk and social isolation. This broadened dementia prevention from a purely biomedical issue into a social, educational, and environmental one.\nHearing loss is especially important, with one of the largest estimated contributions. The figure therefore supports practical interventions such as hearing support and hearing-aid access, while also showing the role of education, air quality, and social connection.\nDesign Features Life-course timeline combined with risk magnitude Area encoding for contribution size Color groups for early-life, midlife, and late-life factors Curved flow that makes prevention feel continuous rather than isolated Summary This figure turns a complex body of public-health evidence into a shared visual language. It frames dementia not only as an individual medical condition, but also as a social and environmental challenge that can be addressed across the whole life course.\nReferences Dementia prevention, intervention, and care: 2020 report of the Lancet Commission Lancet Commission on dementia prevention World Health Organization: Risk reduction of cognitive decline and dementia ","date":"2025-10-09T00:00:00+09:00","image":"https://visualizing.jp/population-attributable-fraction/images/cover_hu_763dec5af5b43091.png","permalink":"/en/population-attributable-fraction/","title":"Up to 45% of Dementia Risk May Be Preventable: Visualizing Risk Factors Across the Life Course"},{"content":"Continents\u0026rsquo; Showdown, created by the Italian data visualization studio Accurat, compares the world\u0026rsquo;s continents through a shared visual scale. A conventional map preserves geographic position and projection rules; this work intentionally reorganizes the world around comparison.\nContinents\u0026rsquo; Showdown The piece was created for the Visual Data series in La Lettura, the cultural supplement of Corriere della Sera. It can also be read as an early example of Giorgia Lupi\u0026rsquo;s later idea of \u0026ldquo;Data Humanism\u0026rdquo;: data is treated not as a set of isolated numbers, but as a cultural material for understanding the world.\nHow to Read the Legend The \u0026ldquo;How to read it?\u0026rdquo; section at the bottom defines the common visual grammar used across all continents.\nBasic Continental Structure Vertical strokes indicate the number of states. Black dots indicate total population, with one dot representing 100 million inhabitants. Large dot indicates the most populated state. Black square indicates the highest population density. Area and Physical Geography The following geographic elements are compared on the same scale:\ntotal surface area country area water basins and lakes islands river length The legend also identifies the broadest state and the five broadest islands for each continent.\nMovement and Distance The number of time zones crossed gives a human-scale sense of a continent\u0026rsquo;s east-west span.\nNatural Features Mountain height is represented by triangular forms for the five highest mountains. River length is represented by wavy lines for the five longest rivers. Cities and Airports The lower portion compares human concentration and movement:\nthe five airports with the largest number of passengers the five most populous cities The graphic uses the same scale for city inhabitants and airport passengers, treating urban population and travel flow as related expressions of human movement.\nConcept Accurat prioritizes cognitive comparison over geographic literalness. The visualization is not a replacement for a map; it is a device for asking new questions. What does it mean for a continent to be \u0026ldquo;large\u0026rdquo;? Is scale measured by area, population, rivers, mountains, airports, or cities?\nSummary \u0026ldquo;Continents\u0026rsquo; Showdown\u0026rdquo; turns continents into comparable data portraits. By placing geography, population, nature, and mobility into a unified system, it helps readers feel the world through multiple scales at once.\nReferences Continents\u0026rsquo; Showdown (Flickr) Giorgia Lupi — Visual Data series on La Lettura ","date":"2025-10-09T00:00:00+09:00","image":"https://visualizing.jp/continents-showdown/images/cover_hu_2d319bbb2454ecb4.png","permalink":"/en/continents-showdown/","title":"What If the World's Continents Were Drawn on the Same Scale?"},{"content":"An Euler diagram visualizes inclusion and overlap among sets. Unlike a Venn diagram, which draws every logical combination, an Euler diagram shows only the relationships that actually exist. This makes it useful for explaining real categories, concepts, and classifications clearly.\nHistorical Background Euler diagrams are named after the eighteenth-century Swiss mathematician Leonhard Euler, who used circles to explain logical relationships and syllogisms. Later, John Venn extended this tradition into diagrams that include all logical possibilities, producing what we now call Venn diagrams.\nEuler diagrams remain more concise when the goal is to communicate actual relationships rather than theoretical completeness.\nThis image is an example of Eulerian circles associated with Euler\u0026rsquo;s Lettres a une princesse d\u0026rsquo;Allemagne. The circles visually express logical relationships: intersection means shared members, containment means \u0026ldquo;all A are B,\u0026rdquo; and separation means no overlap.\nData Structure Element Description Set A group represented by a circle or closed curve Element A data point belonging to a set Intersection Elements shared by two or more sets Complement Elements outside a given set An Euler diagram omits empty intersections when they do not exist in the data.\nPurpose The main purpose is to show real set relationships simply. By leaving out impossible or empty regions, Euler diagrams can be easier to read than Venn diagrams for practical classification and presentation.\nUse Cases explaining conceptual or category relationships showing overlap between tags or labels teaching set inclusion and subset relationships visualizing target groups in UX or marketing comparing product features or audience segments How to Read It Each circle or closed curve represents a set. Overlap indicates shared elements. Containment indicates a subset relationship, such as A ⊆ B. Missing intersections may simply mean that no such relationship exists. Design Notes Keep the number of sets small, ideally three or four. Use transparent colors if regions overlap. Place labels inside or near the relevant region. Avoid shapes that make containment or intersection ambiguous. Alternatives Method Feature Use case Venn diagram Shows all combinations Logic and education Network diagram Nodes and links Complex relationships Treemap Hierarchical area Category proportions Matrix Tabular intersections Many combinations Euler Diagram vs. Venn Diagram Venn diagram: shows all 2^n logical combinations, including empty regions. Euler diagram: shows only relationships that actually occur. This makes Euler diagrams especially useful for realistic classification, such as showing that cats are mammals and mammals are animals.\nSummary Euler diagrams are practical tools for showing real-world relationships among sets. They give up the theoretical completeness of Venn diagrams in exchange for clarity and economy.\nReferences Euler diagram — Wikipedia Venn diagram — Wikipedia Leonhard Euler — MacTutor History of Mathematics Lucidchart: Euler vs Venn diagrams ","date":"2025-10-08T00:00:00+09:00","image":"https://visualizing.jp/euler-diagram/images/cover_hu_a94c511e76f79a35.png","permalink":"/en/euler-diagram/","title":"Euler Diagram"},{"content":"This work by Italian infographic designer Federica Fragapane shows the relationship between education level and life expectancy through a multivariate visual system. It was created for La Lettura, the cultural supplement of Corriere della Sera, and explores how education, wealth, family structure, urbanization, and longevity move together across countries.\nThe data sources include The Economist and Pocket World in Figures. Each country can be compared across GDP, life expectancy, urban population share, family size, and secondary-school enrollment.\nHow to Read It The visualization arranges five variables within a square structure. Each country is represented by a line that passes through the axes, creating a compact profile of its social and demographic conditions.\nColor represents life-expectancy range across the whole graphic:\nBlue: below 70 years Green: 70-79 years Red: 80 years or older Overall Structure Axes 1-4 sit on the four sides of the square. Axis 5, urban population, wraps around the outer edge. This makes urbanization the broader context surrounding life expectancy, GDP, family size, and education.\n1. Life Expectancy The left axis shows life expectancy at birth. Countries with longer lives appear higher.\n2. GDP per Capita The lower axis shows economic output per person. Higher values move to the right and often align with education and longevity.\n3. Family Members This axis shows average household size. Smaller households are often associated with urbanized and highly educated societies.\n4. Secondary School Enrollment The right axis shows access to secondary education. Some countries can exceed 100% because of statistical coverage across age groups.\n5. Urban Population The outer axis shows the share of people living in urban areas, framing the other variables as part of a broader urban social system.\nInterpretation Lines extending upward and rightward tend to indicate higher education, higher GDP, longer life expectancy, smaller household size, and greater urbanization. Lines concentrated lower and leftward tend to indicate lower education, lower GDP, larger households, and shorter life expectancy.\nBackground The work visualizes a long-discussed relationship in public health and social science: education is correlated with health and longevity. Education can shape income, health literacy, social participation, and access to care. Fragapane\u0026rsquo;s design avoids reducing that relationship to a single scatterplot and instead lets readers experience several variables together.\nNote The visualization shows correlation, not direct causation. It does not claim that education alone causes longer life; rather, it shows how education, economy, family structure, urbanization, and health tend to appear together.\nReferences Visual Data — Giorgia Lupi ","date":"2025-10-08T00:00:00+09:00","image":"https://visualizing.jp/further-education-longer-life/images/cover_hu_f3e2ac0ff7bb6167.png","permalink":"/en/further-education-longer-life/","title":"Further Education, Longer Life: Visualizing Education and Social Structure"},{"content":"A Venn diagram visualizes relationships between sets. Circles or closed curves represent sets, and their overlaps represent shared elements. Venn diagrams are used in logic, probability, set theory, education, data analysis, and business communication to make inclusion and exclusion relationships easy to understand.\nHistorical Background The Venn diagram was formalized by the British logician John Venn (1834-1923) in 1880. His paper \u0026ldquo;On the Diagrammatic and Mechanical Representation of Propositions and Reasonings\u0026rdquo; presented a systematic way to show set relationships.\nEarlier diagrams by Leonhard Euler also represented set relationships, but Euler diagrams show only relationships that actually exist. Venn diagrams differ by including all logical possibilities, or 2^n regions for n sets.\nData Structure Element Meaning Set A group represented by a circle or closed curve Element An item belonging to one or more sets Intersection Elements shared by multiple sets Exclusive region Elements belonging only to one set Purpose The purpose of a Venn diagram is to show similarities, differences, intersections, and exclusions among a small number of sets. It is especially effective for two or three sets and is widely used as a thinking and teaching tool.\nUse Cases logic and set theory probability explanation customer or audience segmentation comparison of categories in data analysis classroom exercises for similarities and differences How to Read It Each circle is a set. Overlapping areas show shared elements. Non-overlapping areas show elements unique to one set. In a three-set Venn diagram, the central overlap contains elements shared by all three sets. Symbol Meaning Position A, B Sets Circles or closed regions A ∪ B Union All parts of both circles A ∩ B Intersection Overlapping area A - B Difference Area in A but not B A^c Complement Everything outside A Design Notes Use color and transparency so overlaps remain visible. Place labels carefully to avoid obscuring intersections. Avoid using Venn diagrams for precise quantitative area comparison unless the geometry is explicitly constructed for that purpose. For many sets, consider Euler diagrams or UpSet plots. Venn Diagram vs. Euler Diagram Item Venn diagram Euler diagram Main idea Shows all logical possibilities Shows only actual relationships Regions 2^n possible regions Only needed regions Best for Logic and theoretical explanation Real-world classification Shape Usually circles or closed curves Any clear closed curve Summary The Venn diagram is a foundational visual method for explaining relationships between sets and concepts. Its simple shape carries a rigorous idea: all possible logical combinations are represented, whether or not every region contains elements.\nReferences Wikipedia: Venn diagram MathWorld: Venn Diagram Venn Diagram — Encyclopaedia Britannica Investopedia: What Is a Venn Diagram? ","date":"2025-10-08T00:00:00+09:00","image":"https://visualizing.jp/venn-diagram/images/cover_hu_39eecd06c88912c9.png","permalink":"/en/venn-diagram/","title":"Venn Diagram"},{"content":"In 1869, the French engineer and visualization pioneer Charles Joseph Minard published Carte Figurative des pertes successives en hommes de l\u0026rsquo;Armee Francaise dans la campagne de Russie 1812-1813, a diagram of Napoleon\u0026rsquo;s disastrous Russian campaign.\nThe work is widely regarded as one of the great achievements of information graphics. Edward R. Tufte famously praised it as a masterpiece of statistical design.\nHow to Read It The diagram combines troop strength, movement route, temperature, time, and geography in one view.\nTan band: advance\nThe tan band shows the route of the French army as it advanced toward Moscow. The width of the band represents the number of soldiers, scaled by units of 10,000 men.\nBlack band: retreat\nThe black band shows the winter retreat. It becomes dramatically thinner as soldiers die from cold, hunger, battle, and exhaustion. The army began with roughly 422,000 men and returned with fewer than 10,000.\nTemperature chart\nThe line graph below the map shows temperature during the retreat. The values are in the Reaumur scale, used in France at the time. One degree Reaumur equals 1.25 degrees Celsius.\nPlace names and rivers\nCities such as Smolensk and Moscow, along with rivers such as the Niemen, anchor the diagram in geographic space.\nHistorical Context In 1812, Napoleon\u0026rsquo;s army invaded Russia with an enormous force. The campaign collapsed under the pressure of Russian scorched-earth tactics, long supply lines, extreme cold, hunger, and disease.\nMinard\u0026rsquo;s diagram compresses the tragedy into a single visual argument: as distance and time pass, the army disappears.\nMinard\u0026rsquo;s Contribution Minard produced many cartes figuratives, or diagrammatic maps, drawing on his background as a civil engineer. This Russian campaign map is particularly influential because it integrates:\nmultivariate data geography and time quantitative precision emotional force Its logic continues to influence modern data visualization, from editorial graphics to interactive tools built with Tableau, D3.js, and mapping libraries.\nSummary Minard\u0026rsquo;s map of Napoleon\u0026rsquo;s Russian campaign is not merely a map. It is a visual narrative of loss, combining space, time, number, temperature, and historical catastrophe into one coherent design.\nReferences Carte figurative of Napoleon\u0026rsquo;s Russian campaign — Wikipedia Edward Tufte — Napoleon\u0026rsquo;s March ","date":"2025-10-06T00:00:00+09:00","image":"https://visualizing.jp/minard-napoleon-march-to-moscow/images/cover_hu_7eeacc2524117309.png","permalink":"/en/minard-napoleon-march-to-moscow/","title":"Minard's Map of Napoleon's March to Moscow"},{"content":"Nobels, no degrees is a data visualization by Giorgia Lupi that examines the educational backgrounds and ages of Nobel Prize winners from 1901 to 2012.\nThe phrase \u0026ldquo;no degrees\u0026rdquo; points to the presence of Nobel laureates who did not hold formal academic degrees. The work asks readers to look beyond credentialism and consider the many paths through which knowledge and creativity emerge.\nHow to Read It The poster is dense, but it is organized into clear information layers.\n1. Age and Timeline The central dot-and-line structure plots:\nX axis: Nobel Prize year, from 1901 to 2012 Y axis: laureate age Dot: one laureate Double-ring dot: female laureate Color: prize category, such as Chemistry, Economics, Physics, Literature, Medicine, or Peace Average laureate ages are shown by category, making it possible to see the tendency for Nobel recognition to come later over time.\n2. Education The bar chart on the left compares highest degree by category:\nPhD Master\u0026rsquo;s Bachelor\u0026rsquo;s No degree Scientific fields are dominated by PhDs, while Literature and Peace include more laureates outside formal academic pathways.\n3. University Affiliation The flow diagram in the upper right shows links between laureates and major universities, including Harvard, MIT, Stanford, Caltech, Columbia, Cambridge, and Berkeley. The absence or thinness of flows for Literature and Peace suggests that those categories are less tied to elite university affiliation.\n4. Birthplace The lower chart groups laureates\u0026rsquo; birthplaces into 30-year periods. It shows the geographic center of Nobel recognition shifting from European cities such as London, Paris, and Berlin toward American research centers such as Chicago, Boston, and Stanford.\n5. Seven Notable Laureates The lower-right notes highlight seven cases, including Marie Curie, Lawrence Bragg, Leonid Hurwicz, Guglielmo Marconi, and Elinor Ostrom. These examples reinforce the theme that achievement follows many different life paths.\nSignificance The visualization questions the relationship between educational institutions and creativity. It does not deny the importance of formal education, but it places degree holders and non-degree holders in the same visual field, making the diversity of intellectual trajectories visible.\nSummary \u0026ldquo;Nobels, no degrees\u0026rdquo; treats the Nobel Prize not only as a record of achievement, but also as a human dataset of age, geography, gender, affiliation, and education. It is a data story about the nonlinear paths through which knowledge is produced.\nReferences Nobels, no degrees — Behance ","date":"2025-10-06T00:00:00+09:00","image":"https://visualizing.jp/nobels-no-degrees/images/cover_hu_4760b3425c8ed40a.png","permalink":"/en/nobels-no-degrees/","title":"Nobels, No Degrees: Visualizing Genius Beyond Credentials"},{"content":"Painters in the Making by Giorgia Lupi maps the lives and major works of painters across roughly 800 years. Covering 90 artists from the Middle Ages to the twentieth century, it brings together lifespan, the timing of major works, painting technique, color, and artwork size in a single visual system.\nThe piece was created for La Lettura, the cultural supplement of the Italian newspaper Corriere della Sera.\nHow to Read It The central vertical axis represents time, from the 1200s to the 1900s. Painters are arranged horizontally. Each artist\u0026rsquo;s life is shown as a line, and the moments when major works were created are inserted as small rectangles along that line.\n1. Life Stages and Works The gray line represents the full life of an artist. Darker segments indicate the age range in which key works were produced.\nLife is divided into three stages:\nyoung: up to age 35 adult: ages 36-60 mature: age 61 and above Because average lifespans varied greatly across centuries, the stages are normalized by the life expectancy of each period. This makes it possible to compare a \u0026ldquo;mature\u0026rdquo; painter in the 1300s with one in the 1900s without treating age as a fixed universal threshold.\n2. Attributes of the Works Each rectangle represents a painting and contains several attributes:\nthe four dominant colors extracted from the work the physical size of the work in square meters the painting technique, such as oil, tempera, or fresco The result is a compact portrait of not only when painters made their major works, but also what those works were like materially and visually.\nChanges Across Centuries The table titled \u0026ldquo;How does the way of painting change over the centuries?\u0026rdquo; summarizes historical shifts.\nCentury Main tendency Color tendency Technique Average size 1200s No old painters in the sample Brown and red tones Tempera about 8.9 sq m 1500s Landscape colors become common Green and blue tones Oil and tempera about 5.6 sq m, with major exceptions 1600s A darker century Black and deep green Mostly oil about 5.9 sq m 1800s Brightness returns Brown to pale blue Mostly oil about 2.4 sq m 1900s New techniques appear Vivid primary colors Oil, acrylic, tempera about 3 sq m Over time, works tend to become smaller, while color palettes shift and diversify. Oil painting appears as the dominant technique across much of the long period.\nChoosing the Two Works The visualization includes both a historically important work and a broadly recognized work for each painter. The former is based on the Italian Garzanti Art Encyclopedia, while the latter was selected from the first image returned by Google Images. This lets the graphic compare art-historical authority with popular memory.\nConcept The work is a representative example of Lupi\u0026rsquo;s Data Humanism. It treats artistic lives not as abstract records, but as human rhythms of growth, maturity, and recognition. Time, color, material, and biography are interwoven into a visual timeline.\nSummary \u0026ldquo;Painters in the Making\u0026rdquo; is a visual history of artistic maturation. Each line condenses a life, and each small rectangle marks a moment when that life produced something that entered cultural memory.\nReferences Painters in the Making — Behance Data Humanism, the Revolution will be Visualized — Medium ","date":"2025-10-06T00:00:00+09:00","image":"https://visualizing.jp/painters-in-the-making/images/cover_hu_97fb0a611767808d.png","permalink":"/en/painters-in-the-making/","title":"Painters in the Making: Lives and Masterpieces"},{"content":"This work compares noise pollution and hearing loss in major cities around the world. The data is based on a joint study by mimi.io, a company specializing in hearing data analysis, and the World Economic Forum.\nAcross 50 cities, it quantifies the relationship between urban noise environments and auditory health through the World Hearing Loss Index.\nAuthor and Context The visualization was created for Visual Data, the data visualization column in La Lettura, the cultural supplement of Corriere della Sera. Designer Federica Fragapane is known for turning complex social data into structured and poetic visual forms. Here, she connects the sound of cities with public health.\nHow to Read the Legend Each city is represented by a vertical line and a circle at its end:\nthe line represents hearing loss the circle represents noise pollution the number inside the circle represents the combined World Hearing Loss Index 1. Noise Pollution Noise pollution measures the average noise level of a city, including traffic, construction, nightlife, and other persistent urban sound. The score ranges from 0 to 1.\nIn the visualization, it is represented by circle size. Larger circles indicate louder cities.\n2. Hearing Loss Hearing loss measures the average reduction in residents\u0026rsquo; hearing ability, also on a 0 to 1 scale.\nIt is represented by the length of the vertical line. Longer lines indicate greater hearing loss.\n3. World Hearing Loss Index The index combines the noise pollution score and hearing-loss score. It is printed inside each circle. Higher values indicate cities where both noise and hearing loss are more severe.\n4. Color Color compares each city with the overall average:\nRed: worse than average Blue: better than average Reading the Relationship The important point is to compare circle size and line length together.\nLong line and large circle: serious noise and hearing loss Short line and small circle: quieter city with lower hearing impact Short line but large circle: noisy city where hearing impact may not yet be severe Long line but small circle: hearing loss may be shaped by factors beyond current noise levels Background Urban noise is increasingly treated as a public-health issue. Traffic, construction, entertainment districts, and dense urban activity can affect sleep, stress, cardiovascular health, and hearing. The World Health Organization has warned that environmental noise is an important form of pollution in cities.\nSummary \u0026ldquo;Noise pollution\u0026rdquo; shows that quietness is not merely an aesthetic quality of a city. It is part of public health, welfare, and urban policy. By pairing environmental noise with hearing outcomes, the visualization makes the hidden cost of noisy cities visible.\nReferences Noise pollution — Behance World Economic Forum: Cities with the worst noise pollution Mimi World Hearing Index ","date":"2025-10-05T00:00:00+09:00","image":"https://visualizing.jp/noise-pollution/images/cover_hu_738325d7a572d3f8.png","permalink":"/en/noise-pollution/","title":"Noise Pollution: Visualizing Urban Noise and Hearing Loss"},{"content":"This infographic visualizes every human-made object launched into space since Sputnik in 1957. It appeared in La Lettura, the cultural supplement of Corriere della Sera, as part of the annual \u0026ldquo;Orizzonti Visual Data\u0026rdquo; series.\nOverview The central wave-like form represents the cumulative number of objects launched into space from 1957 to 2022, including satellites, rockets, probes, and stations.\nThick lines and alternating colors mark year boundaries. Layer width and line density indicate cumulative launches. One line corresponds to about 50 objects. Alternating pink and blue create a five-year rhythm across time. At the right edge, the graphic summarizes launches by country in 2022 and the current status of objects in orbit.\nHow to Read the Legend The left legend explains that each layer grows as more objects are launched. The expanding form becomes a visual history of human activity beyond Earth.\nThe right legend shows launches by country in 2022. Circle size represents count. The \u0026ldquo;Current state of the objects\u0026rdquo; section indicates the share that remains in orbit and the share that has decayed or left orbit.\nBackground and Data The work shows the acceleration of space activity over time. Since the 2010s, launches have increased sharply, driven in part by private companies such as SpaceX and by the growth of satellite constellations.\nThe data is based on statistics from Our World in Data. For 2022, the graphic highlights the scale of national launch activity, with the United States far ahead of other countries.\nSummary Federica Fragapane\u0026rsquo;s \u0026ldquo;Objects launched into space\u0026rdquo; sits at the intersection of scientific history and data aesthetics. It turns the accumulation of space activity into a physical-looking form, making time, quantity, and technological expansion visible at once.\nReferences Objects launched into space — Behance Cumulative number of objects launched into outer space — Our World in Data Annual number of objects launched into outer space — Our World in Data United Nations Register of Objects Launched into Outer Space — UNOOSA Online Index of Objects Launched into Outer Space — UNOOSA Space Exploration and Satellites — Our World in Data ","date":"2025-10-05T00:00:00+09:00","image":"https://visualizing.jp/objects-launched-into-space/images/cover_hu_88dc3f7837414f95.png","permalink":"/en/objects-launched-into-space/","title":"Objects Launched into Space"},{"content":"This work is part of the Visual Data series created by data visualization artist Giorgia Lupi for La Lettura, the cultural supplement of Corriere della Sera.\nIt compares 25 cities around the world and represents each city\u0026rsquo;s character through multiple dimensions. As the title \u0026ldquo;Lisbon is on a par with Honolulu\u0026rdquo; suggests, cities that are geographically and culturally distant can show surprising similarities when compared through data.\nHow to Read It At the center of the work, each city is represented by a polygon-like chart. The form condenses several urban indicators into a single visual profile.\nCity Name and Basic Information The city name is accompanied by the foundation year, shown in italic. The city\u0026rsquo;s age is represented by a solid line, giving a visual sense of historical depth.\nIndicators Top edge: height of the tallest building, in meters Bottom edge: average price of a 120 sq m property in central urban zones Left edge: number of visitors and tourists, in millions Right edge: number of inhabitants, in millions Inner diagonal marks: average annual temperature and precipitation Square size: city surface area, shown through a ten-step scale What the Work Reveals The piece is less about ranking cities than about showing unexpected similarities and differences. Lisbon and Honolulu, for instance, are far apart geographically, but their climate, scale, and urban profile can appear surprisingly close.\nThe polygon shapes let readers recognize each city as a kind of data portrait. Megacities such as Beijing or Shanghai stand out through population and visitor volume, while places such as Reykjavik or Dublin are distinguished by climate and scale.\nBackground The visualization integrates climate data from weatherbase.com, economic data from euromonitor.com, demographic data from city-data.com, and architectural data from skyscrapercenter.com.\nIn typical Accurat fashion, the piece does not present numbers as a table. It turns them into a visual language for urban identity.\nSummary \u0026ldquo;Urban story: Lisbon is on a par with Honolulu\u0026rdquo; is a geopolitical portrait of cities in data form. It shows how temperature, density, history, real estate, tourism, and architecture combine into the personality of a city.\nReferences Visual Data — Giorgia Lupi Skyscraper Center Weatherbase Euromonitor International City-data.com Wikipedia ","date":"2025-10-05T00:00:00+09:00","image":"https://visualizing.jp/urban-story/images/cover_hu_16d48aff4079b7da.png","permalink":"/en/urban-story/","title":"Urban Story: Lisbon Is on a Par with Honolulu"},{"content":"This visualization by Federica Fragapane appeared in the December 2024 issue of Scientific American. It shows regional progress toward the United Nations Sustainable Development Goal 5: Gender Equality.\nBased mainly on reports from UN Women and UN DESA, it compares progress by region and indicator using two dimensions: trend and level. The accompanying text was written by Clara Moskowitz.\nWhy the Visualization Matters Fragapane\u0026rsquo;s flowing lines and layered structure make uneven global progress visible. The work shows not only where gender equality is improving, but also where progress is too slow, stagnant, or reversing.\nThe design helps readers compare delays in Sub-Saharan Africa and Southern Asia, partial stagnation in Europe and Northern America, and the broader unevenness of global gender policy.\nHow to Read the Legend The graphic uses two assessment systems.\nTrend Assessment Trend marks show the direction and speed of change:\nOn track or target met Moderate progress but acceleration needed Marginal progress and significant acceleration needed Stagnation Regression World average Level Assessment The level marks show how close a region is to the target:\nTarget met or almost met Close to target Moderate distance to target Far from target Very far from target Insufficient data World average SDG Goal 5 Goal 5 covers a broad policy field: discrimination, violence, early and forced marriage, unpaid care work, political participation, reproductive rights, economic resources, technology access, and legal frameworks.\nSome indicators suffer from missing data, which is itself a major issue. The visualization calls attention to this through the \u0026ldquo;missing data\u0026rdquo; sections.\nRegional Classification The regions follow the United Nations geoscheme used in the SDG framework, including:\nSub-Saharan Africa Northern Africa and Western Asia Central and Southern Asia Eastern and Southeastern Asia Latin America and the Caribbean Oceania Europe and Northern America Summary This work makes clear that gender equality is not a single metric but a multidimensional policy challenge. By combining trend and level, it allows readers to see both current distance from targets and the speed at which regions are moving.\nReferences Tracking Gender Equality — Behance Scientific American: See How Close We Are to Gender Equality around the World SDGs Japan: Goal 5 Our World in Data: World regions in the SDG framework ","date":"2025-10-05T00:00:00+09:00","image":"https://visualizing.jp/progress-toward-gender-equality/images/cover_hu_33652d88fa31874d.png","permalink":"/en/progress-toward-gender-equality/","title":"Visualizing Progress Toward Gender Equality"},{"content":"This infographic by Federica Fragapane visualizes UNESCO\u0026rsquo;s Memory of the World Register, focusing on documentary heritage. It classifies registered materials by geographic region, country, and document type, showing how the world\u0026rsquo;s records are distributed across places and media.\nThe work was created for the Visual Data series in La Lettura.\nHow to Read the Legend The infographic organizes UNESCO-registered documentary heritage into three layers: geographic area -\u0026gt; country -\u0026gt; type of document.\nHierarchical Structure Geographic area\nMajor branches radiating from the center represent regions such as Europe, Asia, Africa, Latin America, the Middle East, North America, and Oceania.\nCountry\nCountry names appear at the ends of smaller branches.\nType of document\nSmall symbols next to country names indicate the types of registered documentary heritage.\nSymbol Meaning Symbol type English category Curved mark Audio and music Diamond Drawings, graphs, and maps Square Photographs, videos, and films Double slash Books and manuscripts Dot Various or other documents Circle Area The circle area represents the number of documents when more than one item is registered. The legend gives reference sizes for 2, 5, and 10 documents.\nOverall Reading The radial structure turns the register into a branching map of cultural memory. It lets readers see which regions hold which kinds of documentary heritage, and where particular types of material are concentrated.\nDesign Features Fragapane treats the data as a network of world knowledge rather than as a list. The branching structure suggests roots or growth, while the symbols and circle sizes allow document type and quantity to be compared at the same time.\nSummary \u0026ldquo;The Memory of the World Register\u0026rdquo; visualizes memory as a global, material, and institutional structure. Behind each mark is an effort to preserve documentary heritage considered to have world significance and outstanding universal value.\nReferences The Memory of the World Register — Behance UNESCO Memory of the World Register ","date":"2025-10-05T00:00:00+09:00","image":"https://visualizing.jp/the-memory-of-the-world-register/images/cover_hu_c1c6bcaaa8a88c32.png","permalink":"/en/the-memory-of-the-world-register/","title":"Visualizing The Memory of the World Register"},{"content":"Selling at Sundance is an infographic by the Italian data visualization studio Accurat. It visualizes independent films bought and sold at the Sundance Film Festival from 2011 to 2013, combining budget, sale price, box-office gross, running time, genre, awards, and keywords in one layered design.\nThe project turns what was originally spreadsheet-like market data into a three-dimensional visual object.\nHow to Read It The graphic is divided into two main layers. The upper half describes the nature and context of each film, while the lower half shows its economic structure.\nUpper Half: Film Type and Context Blue-to-gray gradient: genre position, from nonfiction to fiction. Arrow shape: time setting, such as past, present, fictional present, or future. Small vertical bar: running time. Green polygon: number and scale of awards. Tag cloud: the 25 most common IMDb keywords, giving an overview of themes and subject matter. Together, these elements show what kinds of films received attention and how their themes clustered.\nLower Half: Film Economics The lower area describes financial outcomes through stacked shapes.\nRed: production budget Gray: sale price Yellow number: box-office gross By layering cost, sale price, and revenue, the graphic makes it possible to see where a film created value: in festival acquisition, theatrical performance, or not at all.\nContext Sundance has long been one of the most important markets for American independent film. Small-budget films may sell for millions of dollars, but awards and critical attention do not always guarantee commercial success.\nThe visualization makes that uncertainty visible. It shows how acclaim, genre, sale price, and box office can diverge.\nSummary \u0026ldquo;Selling at Sundance\u0026rdquo; is a layered infographic about the business of independent cinema. By combining narrative attributes and financial data, it turns the film market into a readable visual story.\nReferences Selling at Sundance — Behance ","date":"2025-10-04T00:00:00+09:00","image":"https://visualizing.jp/selling-at-sundance/images/cover_hu_4cd9cc14fda143e7.png","permalink":"/en/selling-at-sundance/","title":"Selling at Sundance: An Infographic on the Economics of Film"},{"content":"A waffle chart represents a whole as a grid of small cells, often 100 cells in a 10 by 10 layout. Each cell is colored by category, making proportions easy to understand as countable blocks.\nLike pie charts and bar charts, waffle charts show part-to-whole relationships, but they have a more iconic and infographic-like appearance.\nBackground The idea is related to ISOTYPE, the visual language promoted by Otto Neurath. ISOTYPE emphasized showing quantity through repeated symbols rather than changing the size of symbols.\nWaffle charts became especially popular in data journalism and infographics after the 2010s as an alternative to pie charts. They are now supported or easily built in Python, R, Tableau, D3.js, and many presentation tools.\nData Structure Category Percentage A 40 B 35 C 25 These values are assigned to cells in a fixed grid. In a 100-cell chart, each cell usually represents 1%.\nPurpose The goal is to show how a whole is divided into parts. Because the viewer can mentally count blocks, waffle charts often feel more concrete than angle-based pie charts.\nUse Cases workforce composition gender ratio or demographic shares budget and expense composition survey responses recycling rate or renewable-energy share How to Read It The full grid represents 100%. Filled cells represent a category\u0026rsquo;s share. Color connects cells to categories through a legend. Small multiples allow fair comparison across groups. Filling direction should remain consistent. Design Notes Use clear color contrast. Choose an appropriate grid size, such as 10x10 or 20x5. Avoid high-precision claims when rounding is involved. Keep legends and labels clear. Alternatives Chart Comparison Pie chart Uses angle and area to show part-to-whole composition Bar chart Better for exact quantitative comparison Treemap Shows part-to-whole relationships and hierarchy by area Summary Waffle charts turn proportions into visible, countable units. They are useful for communicating approximate shares, progress, and composition, especially in educational and editorial contexts.\nReferences Python Graph Gallery: Waffle chart CDC: Waffle and Gauge Chart Esri: Mapping Coronavirus Waffles Datawrapper: Visualization Types Poster ","date":"2025-10-04T00:00:00+09:00","image":"https://visualizing.jp/waffle-chart/images/cover_hu_583e26a1e36bdffc.png","permalink":"/en/waffle-chart/","title":"Waffle Chart"},{"content":"Understanding Shakespeare is a BA thesis project by German designer Stephan Thiel, created in the Interface Design program at the University of Applied Sciences Potsdam. The project proposes a new way to rediscover Shakespeare\u0026rsquo;s plays through information visualization.\nRather than replacing reading, it uses visual patterns to reveal structure, vocabulary, character distribution, and recurring language.\nThe project uses text data from Northwestern University\u0026rsquo;s WordHoard project. Computational methods are applied to extract hidden structures from the plays and visualize what Thiel describes as narrative algorithms.\nHow to Read It The works were designed as large posters, around 90 cm by 220 cm, so the printed experience differs from viewing them on a screen.\nHorizontal direction: progression of the play, including acts and scenes Vertical direction: vocabulary and character distribution by scene Yellow bands: passages where specific words appear frequently Text size: frequency of word use Placement: distribution of speech and language across characters and scenes Words such as \u0026ldquo;time\u0026rdquo; or \u0026ldquo;man\u0026rdquo; appear large when they recur throughout a play, making themes visible across the whole structure.\nSome visualizations combine Shakespeare\u0026rsquo;s text with contemporary Google search results. Important quotations are searched, and the number of returned results influences the visual emphasis, creating a dialogue between classical literature and modern attention.\nMethods The project was built with Processing, toxiclibs, Classifier4J, and related natural-language processing tools. Intermediate PDF outputs were also turned into process videos, documenting the design experimentation.\nFive Approaches Thiel presents the work as a starting point for discussion rather than a complete substitute for reading. The approaches include:\nvocabulary distribution by character word repetition across scenes quotation visibility through Google search results character entrances and exits large-scale text patterns Summary \u0026ldquo;Understanding Shakespeare\u0026rdquo; turns reading into a visual design problem. It helps readers and viewers notice patterns that are difficult to perceive line by line, bringing literary studies, data analysis, and information design together.\nReferences Understanding Shakespeare / Approaches Understanding Shakespeare with visualization — FlowingData ","date":"2025-10-03T00:00:00+09:00","image":"https://visualizing.jp/understanding-shakespeare/images/cover_hu_6ce8f93b7ec3c5dd.png","permalink":"/en/understanding-shakespeare/","title":"A New Way to Read Shakespeare"},{"content":"Geniuses, visualized is an infographic based on the 100 \u0026ldquo;exemplary creative minds\u0026rdquo; discussed by literary critic Harold Bloom in his book Genius. Published in 2012 in La Lettura, the cultural magazine of Corriere della Sera, it later appeared on Behance.\nBloom\u0026rsquo;s literary figures, from Shakespeare to Lewis Carroll, are arranged through the symbolic structure of the Tree of Sephiroth from Kabbalistic thought. The result is not a list of names, but a map of cultural influence and literary imagination.\nHow to Read It Circle Size Blue circle size: Wikipedia page views as of 2012, representing public attention. Yellow circle size: number of pages devoted to the figure in Bloom\u0026rsquo;s Genius. Gray dotted number: related historical figures in Encyclopaedia Britannica. The sizes are normalized into a five-step scale.\nContinent Green: Europe Red: Asia Yellow: Africa Orange: Latin America Blue: North America Light gray: unknown Gender Women are marked with a small diamond beneath the circle. Men are represented by the circle alone.\nProfession Thick solid line: writer Medium solid line: poet Thin solid line: philosopher Dotted line: other Period of Birth Curve length indicates historical period, from contemporary times to ancient or pre-ancient periods.\nContext The Tree of Sephiroth is a diagram from Jewish mysticism that organizes divine attributes into a tree-like structure. This visualization borrows that symbolic system to classify literary genius as if it belonged to a cosmic order of knowledge.\nBy combining Bloom\u0026rsquo;s evaluation with Wikipedia and Britannica indicators, the work also contrasts historical prestige with contemporary visibility.\nSummary \u0026ldquo;Geniuses, visualized\u0026rdquo; transforms literary criticism into a navigable symbolic map. Color, size, line, and position encode fame, influence, geography, gender, occupation, and historical period, creating a visual universe of literary culture.\nReferences Geniuses, visualized — Behance Writing Without Words — Stefanie Posavec Geniuses, visualized — La Lettura ","date":"2025-10-03T00:00:00+09:00","image":"https://visualizing.jp/geniuses-visualized/images/cover_hu_5f309eee1f3b50a8.png","permalink":"/en/geniuses-visualized/","title":"Geniuses, Visualized: Harold Bloom and the Kabbalistic Tree"},{"content":"This work is part of Writing Without Words, a project by graphic designer Stefanie Posavec. Posavec sought to transform text from something only read into something also seen, treating style, rhythm, theme, and structure as data.\nThe piece introduced here, Literary Organism, visualizes Jack Kerouac\u0026rsquo;s On the Road as a literary body.\nAbout On the Road Author: Jack Kerouac (1922-1969) Original title: On the Road Subject: the travels of Sal Paradise and Dean Moriarty across the United States by car, bus, and hitchhiking The novel is closely associated with the Beat Generation, road narratives, jazz-like prose rhythm, and postwar counterculture.\nHow to Read It 1. Basic Structure The text is decomposed hierarchically:\nPart -\u0026gt; chapter -\u0026gt; paragraph -\u0026gt; sentence -\u0026gt; word\nThe form radiates outward from the center, and the story can be followed clockwise.\n2. Notation Sentences and paragraphs are indexed by chapter and paragraph number. For example, 3.5 means the fifth paragraph of chapter 3.\n3. Colors Colors indicate themes and content categories, including Dean Moriarty, bop and jazz music, social events, travel, regional life, parties, work and survival, Sal Paradise, relationships, illegal activity, and character sketches.\n4. Sentence Length Each sentence is represented by a wedge proportional to word count. The longest sentence has 151 words, and the legend marks the scale in 10-word increments.\nProcess and Intent Writing Without Words began as Posavec\u0026rsquo;s MA research. She collected and drew much of the data by hand, emphasizing the labor and human presence behind the visualization.\nThe project uses quantitative data, but its aim is not detached measurement. It creates an emotional and structural encounter with literature.\nSummary Posavec\u0026rsquo;s literary visualization opens another way to experience On the Road. The rhythm, themes, and movement of the novel become visible, turning reading into a form of looking.\nReferences Writing Without Words — Stefanie Posavec TextArc — W. Bradford Paley Writing Without Words — Archive of Digital Art ","date":"2025-10-03T00:00:00+09:00","image":"https://visualizing.jp/literary-organism/images/cover_hu_73bc8ca73b90af76.png","permalink":"/en/literary-organism/","title":"Stefanie Posavec's Visualization of On the Road"},{"content":"(En)tangled Word Bank visualizes how Charles Darwin\u0026rsquo;s On the Origin of Species changed from the first edition in 1859 to the sixth edition in 1872. It was created by designer Stefanie Posavec and researcher Greg McInerny, then at Microsoft Research.\nThe project was displayed as large banners at the University of Cambridge\u0026rsquo;s Darwin anniversary festival and was also included in MoMA\u0026rsquo;s exhibition Talk to Me.\nStructure as a Literary Organism The visualization treats the book as a literary organism. From the center outward, the text branches like a plant:\nCenter: chapter First layer: subchapter Second layer: paragraph Leaves: sentence The book\u0026rsquo;s textual hierarchy becomes a biological form of trunk, branch, and leaf.\nThe Basic Code Ring The outer ring is a fine-grained index that records each sentence\u0026rsquo;s position within the chapter, subchapter, paragraph, and sentence hierarchy. It connects the organic inner structure with the exact location of the sentence in the text.\nReading the Organism The diagram is read clockwise from the top. The outer ring acts like an index or growth ring, while the inner branches show the body of the text.\nColor and Textual Lifespan Color represents the life of each sentence across editions.\nTeal to Black: Surviving Text Light teal indicates newly added text. If the sentence survives through later editions, it becomes darker. Text that remains from the first through the sixth edition approaches black.\nOrange: Deleted Text Orange indicates text that was eventually removed. Pale orange marks a short-lived sentence; darker orange indicates text that survived for several editions before deletion.\nThe logic is simple: a sentence appears, survives, darkens, and may eventually disappear.\nEditions The six editions are arranged clockwise. The first edition is entirely new text; the sixth edition shows the final surviving form.\nDesign and Data The visual language evokes botanical plates, connecting Darwin\u0026rsquo;s theory of evolution with the evolution of his own text. Data came from the Darwin Online archive, and the work used C++, R, Processing, and Illustrator.\nSummary \u0026ldquo;(En)tangled Word Bank\u0026rdquo; turns editorial revision into a living system. Darwin\u0026rsquo;s book about evolution is itself shown as something that evolves, with sentences born, surviving, changing, and dying across editions.\nReferences Stefanie Posavec: (En)tangled Word Bank MoMA: Talk to Me — (En)tangled Word Bank ","date":"2025-10-02T00:00:00+09:00","image":"https://visualizing.jp/entangled-word-bank/images/cover-entangled-word-bank_hu_8123291e9a730343.jpeg","permalink":"/en/entangled-word-bank/","title":"(En)tangled Word Bank: Visualizing the Evolution of Darwin's Origin of Species"},{"content":"Graphic designer Paul Butt created the Digital Nostalgia series to look back at the rapid evolution of digital technology and the social effects left in its wake. The poster Life Online visualizes the development of the internet from its origins through the early 2000s.\nSeries Context The series covers four themes:\nthe internet audio and video formats computer storage media mobile communication Each is presented as a timeline poster. The goal is not merely to list technologies, but to show how quickly digital tools become obsolete and how each wave leaves cultural traces.\nLife Online Top: Major Web Services The upper section uses bar charts to show monthly unique visitors for services such as Google, Yahoo, Facebook, MSN, YouTube, eBay, and Twitter. It lets viewers see when each service appeared and how quickly it gained users.\nCenter: Culture, Abuse, and Technology The central timeline places events from the 1970s through the 2000s across categories:\nCulture: online culture, films, memes, and iconic internet moments Abuse: spam, viruses, attacks, and cybersecurity policy Technology: ARPANET, the Web, Flash, MP3, broadband, and related infrastructure This structure shows that innovation, culture, and risk developed together.\nBackground: Connected Computers The gray background bars show the number of computers connected to the internet. From a small ARPANET network, the count grows toward the scale of billions, making the physical expansion of the internet visible behind the foreground events.\nWhy Nostalgia? The title points to more than historical data. Early internet phenomena such as Dancing Baby, Napster, Flash, and the browser wars now carry a strong sense of cultural memory. Looking at the poster invites viewers to remember when and how they first experienced the internet.\nSummary The Digital Nostalgia series reconstructs digital history through memory as well as data. In Life Online, technical infrastructure, cultural events, abuses, and platform growth are layered into one view of the internet\u0026rsquo;s early social history.\n","date":"2025-10-02T00:00:00+09:00","image":"https://visualizing.jp/digital-nostalgia/images/cover-LifeOnline_hu_d04f5895dbf2a052.jpeg","permalink":"/en/digital-nostalgia/","title":"Digital Nostalgia: Visualizing Internet History in Life Online"},{"content":"Wikipedia is the world\u0026rsquo;s largest encyclopedia, but it is also a living document that anyone can edit. Behind its articles are collaboration, conflict, vandalism, repair, and negotiation.\nHistory Flow visualizes this hidden activity. Presented at CHI 2004 and later acquired by MoMA, it became an influential work in both visualization research and data art.\nBackground History Flow was developed by a research team led by Fernanda B. Viegas and Martin Wattenberg at MIT Media Lab and IBM Research. In 2003, Wikipedia was only two years old and still widely doubted. The project asked how high-quality articles could emerge from such a chaotic editing process.\nHow History Flow Works History Flow draws a document\u0026rsquo;s revision history as a flow.\nHorizontal axis: time or revision order Vertical axis: position in the text Color: author contribution If a colored band persists, that author\u0026rsquo;s text survived. If it breaks, text was deleted. Sharp zigzags often indicate edit wars.\nThe system used Java hash values to assign consistent colors to authors, while anonymous edits were shown in gray.\nCase Study 1: Chocolate The Wikipedia article on Chocolate is one of the best-known examples. In the right half of the History Flow image, a jagged pattern appears.\nThis pattern records an edit war over a paragraph about \u0026ldquo;coulage,\u0026rdquo; a chocolate sculpture technique. Two editors repeatedly inserted and removed the passage before it was ultimately deleted.\nCase Study 2: Abortion The Abortion article shows another pattern: sudden black gaps, or gutters, caused by mass deletion vandalism.\nWhen the timeline is scaled by real time rather than revision order, many of these gaps nearly vanish because vandalism was repaired within minutes. The study found that many major deletions were fixed extremely quickly.\nPatterns The research identified several recurring dynamics:\nvandalism and rapid repair edit wars and revert patterns differences between anonymous and registered editors article instability and first-mover advantage Later Development The team later explored Chromogram, a pixel-based visualization of editor and administrator activity. One striking discovery was bot activity appearing as rainbow-like patterns as bots edited pages alphabetically.\nSummary History Flow made the social process of knowledge production visible. It showed how conflict, repair, automation, and collaboration shape Wikipedia behind the surface of a finished article.\nReferences History Flow — Martin Wattenberg Studying Cooperation and Conflict between Authors with History Flow Visualizations Fernanda B. Viegas: Visualizing Wikipedia IBM History Flow tool — Wikipedia History Flow — MoMA Collection ","date":"2025-10-02T00:00:00+09:00","image":"https://visualizing.jp/history-flow/images/chocolate-1_hu_b7c06ec4012e0556.jpeg","permalink":"/en/history-flow/","title":"History Flow: Visualizing Wikipedia's Invisible Battles"},{"content":"Mars has long been one of humanity\u0026rsquo;s closest and most compelling planetary targets. Since the 1960s, space agencies have launched many missions to Mars, but the history is marked by repeated failure as well as progress.\nMission(s) to Mars, by Bryan Christie Design, condenses that history into one infographic. Originally published in IEEE Spectrum, it redesigns a mission list into an intuitive visual story.\nHow to Read It The graphic is organized around a central question: did each mission reach Mars?\nOverall structure: Mars sits at the center, while time runs from left to right. Bars: each band represents a mission\u0026rsquo;s result and level of arrival. If it stops early, the mission failed. If it reaches Mars, it succeeded. If it landed or operated a rover, the band extends farther. Color: identifies country or agency, such as the Soviet Union, the United States, Japan, ESA, or Russia. Symbols: indicate mission type, including flyby, orbiter, lander, and rover. The design layers time, nation, method, and outcome.\nReading the History 1960s: the Soviet Union and United States launched many attempts, most of them unsuccessful. 1965, Mariner 4: the first successful Mars flyby, returning 21 images. 1971, Mars 3: the first soft landing, though communication lasted only about 20 seconds. 1976, Viking 1 and 2: stable landings and long-term exploration marked a turning point. 2000s onward: NASA rovers and ESA missions expanded the scientific record. What the Graphic Communicates The image is not just a timeline. It shows Mars exploration as an accumulation of attempts. Broken bands show failure; bands reaching the planet show hard-won progress.\nSummary \u0026ldquo;Mission(s) to Mars\u0026rdquo; makes the history of planetary exploration legible through success, failure, agency, and mission type. It shows that today\u0026rsquo;s Mars science rests on decades of partial attempts and technical learning.\nReferences NASA: Mars Express mission overview ESA: Mars Express ESA / PDS: Mars Express data archive Wikipedia: Mars Express ","date":"2025-10-02T00:00:00+09:00","image":"https://visualizing.jp/mission-to-mars/images/cover_hu_cb76a7fd848c25c2.jpeg","permalink":"/en/mission-to-mars/","title":"Mission(s) to Mars: Visualizing Challenge and Progress in Mars Exploration"},{"content":"In 1904, the Imperial Statistical Office of Germany published a thematic statistical map of wheat yields. It shows both winter wheat and summer wheat, allowing yields per hectare to be compared across administrative districts of the empire.\nVisualizing Many Classes One striking feature is the large number of classes: up to 15 yield categories. The range runs from about 0.61 tons per hectare to roughly 3.4 tons per hectare, with the imperial average used as an important dividing point between below-average and above-average yields.\nBy modern standards, 15 classes is a lot. The map handles this by combining light-to-dark color with texture, including lines, waves, grids, and cross-hatching.\nLow yields: pale pinks and oranges with fine line patterns. Middle values: slightly darker colors with denser marks. High yields: very dark tones with strong hatching and cross patterns. The viewer can first read lightness as a broad low-to-high scale, then use texture to distinguish finer categories.\nDesign Under Printing Constraints In the early twentieth century, multicolor statistical printing was technically and economically constrained. Subtle color differences alone would not reliably separate 15 classes. Pattern therefore became a crucial encoding channel.\nThe map is a good example of a hybrid color-and-texture design that turns production constraints into a visual strength.\nModern Perspective Today, tools such as ColorBrewer help designers create legible and color-vision-aware schemes. A diverging color scale might be used for this kind of data. Still, the 1904 map succeeds in carefully layering information with limited means.\nSummary This wheat-yield map is an early and sophisticated example of multicolor choropleth design. It shows how cartographic clarity depends not only on color, but also on texture, print technology, and classification strategy.\n","date":"2025-10-02T00:00:00+09:00","image":"https://visualizing.jp/multi-color/images/cover-schematic-chropleth_hu_11372a2ac80e3f4e.jpeg","permalink":"/en/multi-color/","title":"Multicolor and Texture: A 1904 German Wheat-Yield Map"},{"content":"A sunburst chart visualizes hierarchical data in a circular layout. The root sits at the center, and each outer ring represents a deeper level in the hierarchy. It can be understood as a radial treemap or a multi-level pie chart.\nBackground Sunburst charts developed from the broader history of compact hierarchy visualization. Their lineage includes early concentric classification diagrams, financial diagrams, and information-visualization research.\nImportant historical threads include:\nLate nineteenth century: Lawrence W. Fike\u0026rsquo;s zoological concentric chart, which arranged biological taxonomy in rings. 1921: a \u0026ldquo;sunburst diagram\u0026rdquo; in Mechanical Engineering showing U.S. federal spending. Around 2000: John Stasko and Georgia Tech research introduced radial space-filling views for exploring file systems and other hierarchies. The form became widely used with web visualization, especially through D3.js and Mike Bostock\u0026rsquo;s partition layout.\nData Structure Sunburst charts require tree-structured data.\nElement Meaning Root node Top-level category Child node Subcategory Arc Visual representation of a node Angle or area Quantitative value Purpose The goal is to show how parts belong to a whole across multiple levels. Sunburst charts are useful for product categories, file systems, organizational structures, website navigation, and hierarchical budgets.\nStrengths Shows hierarchy depth through radius. Provides a compact overview. Makes parent-child relationships visually intuitive. Works well with interaction, such as click-to-zoom. Limitations Deep hierarchies make the outer rings crowded. Exact comparison is difficult because values are encoded by angles and arcs. Node ordering can affect interpretation. User studies do not always favor sunburst charts for precise tasks. How to Read It The center is the highest-level category. Moving outward means moving down the hierarchy. Arc length usually represents value, and color separates categories or branches.\nDesign Notes Use related colors for parent and child nodes. Use tooltips or hover labels for outer rings. Keep the hierarchy shallow when possible. Use interaction when detailed comparison matters. Alternatives Chart Feature Treemap Rectangular space-filling hierarchy Circle packing Nested circles for hierarchy Flare chart Radial node-link tree Summary The sunburst chart is a visually strong method for exploring hierarchical data. It is best used when the shape of the hierarchy matters more than exact value comparison.\nReferences Observable: Sunburst chart D3.js API Reference: Partition Layout Wikipedia: Sunburst chart Georgia Tech SunBurst Page ","date":"2025-10-02T00:00:00+09:00","image":"https://visualizing.jp/sunburst/images/cover-Sunburst_hu_8c321b2a9c73e87d.jpg","permalink":"/en/sunburst/","title":"Sunburst Chart"},{"content":"In the early 2000s, information designer W. Bradford Paley created TextArc, a visualization based on Lewis Carroll\u0026rsquo;s Alice\u0026rsquo;s Adventures in Wonderland. It is neither a conventional illustration nor a standard analytic chart. It treats the whole text as something to be looked at, turning the story into a map of language.\nHow It Works In TextArc, the full text is arranged in tiny type along a circular spiral. More frequent words emerge near the center in larger, brighter text.\nFrequent words appear prominently in the middle. Their positions in the source text are connected by lines. The viewer can see where and how often a word appears across the story. For example, \u0026ldquo;Alice\u0026rdquo; shines near the center and connects to many locations throughout the book. Words that appear only once sink toward the edge like small fragments.\nReception and Context TextArc won the Grand Prize in the Digital Art Non-Interactive category at the 6th Japan Media Arts Festival. It was praised for combining data analysis and artistic expression while preserving a sense of the whole literary work.\nIt is also included in SIGGRAPH-related archives and discussed in the Archive of Digital Art as a work that bridges literature and interface design.\nWhat It Shows TextArc changes the act of reading by making the text visible as a whole.\nIt gives an overview of the entire work. It reveals repeated words and their distribution. It creates an aesthetic experience in which text resembles a constellation. Summary TextArc: Alice\u0026rsquo;s Adventures in Wonderland is a rare work that connects literature, data visualization, art, and analysis. It maps the appearance and disappearance of words and reveals another form of the text.\nReferences TextArc print: Alice\u0026rsquo;s Adventure in Wonderland — Japan Media Arts Festival W. Bradford Paley: TextArc — ACM SIGGRAPH History Archives TextArc — Archive of Digital Art ","date":"2025-10-02T00:00:00+09:00","image":"https://visualizing.jp/textarc/images/367_text-arc_hu_5eebad13851ddd9.png","permalink":"/en/textarc/","title":"TextArc: A Map for Looking at Alice"},{"content":"A bump chart visualizes changes in rank over time. Each line represents a category, such as a team, product, brand, or country. The horizontal axis shows time, and the vertical axis shows rank.\nUnlike a line chart, which focuses on changes in value, a bump chart focuses on changes in relative position.\nHistorical Background The idea predates the modern name. One early example appears in the 1890 Statistical Atlas of the United States.\nThis chart, edited by geographer Henry Gannett and others, connects the population ranks of U.S. states and territories across censuses from 1790 to 1890. It lets readers see not only rankings at each census, but also how each place moved over time.\nModern use of the term \u0026ldquo;bump chart\u0026rdquo; spread through data visualization practice in the 2010s, including Tableau examples such as Matt Chambers\u0026rsquo;s Car Color Evolution.\nData Structure Category Time Rank A 2020 1 B 2020 2 A 2021 2 B 2021 1 Rank 1 is usually placed at the top.\nUse Cases sports league standings market-share rankings school, company, or city rankings election polls or popularity rankings How to Read It Each line is one entity. The vertical position shows rank. Crossings show rank reversals. A line moving upward means the entity gained rank. Design Notes Put rank 1 at the top. Limit the number of lines when possible. Label lines directly at the right edge. Use subtle grid lines for important ranks. Alternatives Slope chart for two time points Line chart for actual values rather than ranks Dot plot for static rank comparison Summary Bump charts are useful when the story is not the absolute value, but how relative position changes. They are especially effective for competition, ranking, and trend narratives.\nReferences Wikipedia: Bump chart Vintage Visualization Restoration — Bump Chart Edition Matt Chambers: Color Popularity for New Cars Datawrapper Academy: Bump charts Vega-Lite: Bump Chart ","date":"2025-09-30T00:00:00+09:00","image":"https://visualizing.jp/bump-chart/images/G-20-countries-ranked_hu_54e3018a1f0e49cc.png","permalink":"/en/bump-chart/","title":"Bump Chart"},{"content":"A connected scatterplot connects the points of a scatterplot in sequence, usually over time. A normal scatterplot shows the relationship between two variables as a cloud of points; a connected scatterplot emphasizes the path through those points.\nIt is especially useful for showing how the relationship between two variables changes over time.\nBackground The connected scatterplot builds on the scatterplot tradition and became especially visible in journalism and data storytelling after the 2010s. Media organizations such as The New York Times and The Economist used it to show the changing relationship between economic and social indicators.\nHaroz, Kosara, and Franconeri describe the form as a way to present paired time series.\nDriving Safety, in Fits and Starts — NYTimes.com\nData Structure Variable Type Description x numeric Horizontal variable y numeric Vertical variable t time or order Sequence variable Points are ordered by t and connected with lines.\nPurpose The chart shows direction, cycles, loops, and changing relationships rather than static correlation alone. It is often used for economic, environmental, health, and social indicators.\nStrengths Shows both relationship and movement. Creates a narrative path through data. Can reveal loops or lagged relationships. Works well when annotated with dates or arrows. How to Read It Each point is one time period. The line shows how the data moved from one period to the next. A line moving up and right means both variables increased; a line moving down and right means the x variable increased while the y variable decreased.\nDesign Notes Use arrows or year labels to make direction clear. Avoid too many series in one chart. Keep axes and units clear. Consider smoothing only when it does not distort the story. Alternatives Scatterplot for static correlation Line chart for one variable over time Animated scatterplot for time-based motion Vector plot when direction should be emphasized Summary Connected scatterplots turn a two-variable relationship into a path. They are powerful for storytelling, but need careful labeling because loops and crossings can be difficult to read.\nReferences Datawrapper Academy: Connected Scatterplots The Connected Scatterplot for Presenting Paired Time Series Data to Viz: Connected Scatterplot Nightingale: Connected Scatterplots Make Me Feel Dumb ","date":"2025-09-30T00:00:00+09:00","image":"https://visualizing.jp/connected-scatterplot/images/cover-connected-scatterplot_hu_d35132c3ade14fa.png","permalink":"/en/connected-scatterplot/","title":"Connected Scatterplot"},{"content":"A polar area chart represents values by the area of radial sectors. Each sector has the same central angle, while the radius or area changes according to the value.\nThe best-known historical example is Florence Nightingale\u0026rsquo;s coxcomb chart, which visualized causes of mortality among soldiers in the 1850s.\nHistorical Background In 1858, Florence Nightingale created A Diagram of the Causes of Mortality in the Army in the East. She used visual statistics to communicate military mortality data to the public and policymakers. The chart is often called the Nightingale Rose Diagram and is considered an important origin of the polar area chart.\nToday, polar area charts can be made with libraries such as Matplotlib and D3.js.\nData Structure Element Meaning Angle axis Category or time segment Value Radius or area Category Sector division The format is well suited to cyclical data such as months, hours, seasons, or directions.\nUse Cases monthly sales, temperature, or rainfall causes of death or accidents 24-hour traffic or energy use seasonal disease patterns weather and natural phenomena How to Read It Values grow outward from the center. Compare the size of each sector to understand relative magnitude. For area-proportional charts, the radius should be scaled by the square root of the value so that area, not radius, encodes the number.\nStrengths and Caveats Strengths:\nShows cyclic structure intuitively. Has strong visual impact. Works well with seasonal or periodic categories. Caveats:\nPrecise comparison is harder than in a bar chart. Too many sectors make labels crowded. Small differences can be hard to judge. Alternatives Chart Difference Pie chart Uses angle for part-to-whole proportion Bar chart Better for precise comparison Radar chart Connects values across radial axes Summary Polar area charts are useful when data has a circular or periodic structure. Their historical association with Nightingale also shows how visual design can support public argument and reform.\nReferences Wikipedia: Polar area diagram ","date":"2025-09-30T00:00:00+09:00","image":"https://visualizing.jp/polar-area-chart/images/Nightingale-mortality_hu_2131e9b3315c5193.jpg","permalink":"/en/polar-area-chart/","title":"Polar Area Chart"},{"content":"A mosaic plot visualizes relationships between categorical variables by representing cells as rectangles whose areas correspond to frequency or probability. The method was proposed by Hartigan and Kleiner in 1981 and later developed historically and theoretically by Michael Friendly.\nThe basic principle is:\nSplit the whole horizontally according to the first categorical variable. Split each section vertically according to the next variable. The resulting rectangle area represents the frequency or probability of that category combination. By recursively splitting the space, mosaic plots can visualize more than two categorical variables.\nStrengths Cross-tabulation made visual: category combinations become visible as areas. Conditional proportions: a plot can show both total group size and within-group shares. Model diagnostics: colors can encode residuals from expected values in a log-linear model. Exploratory analysis: variable order and category order can reveal or hide structure. Education: the chart helps explain the relationship between counts and proportions. Use Cases survey analysis marketing segmentation statistical education exploratory data analysis model checking for contingency tables Mosaic Plot and Marimekko Chart A Marimekko chart or Mekko chart is structurally similar. It can be understood as a variable-width stacked bar chart. In business dashboards, the Marimekko name is common, while mosaic plot is the statistical term.\nPerspective Mosaic plot Marimekko / Mekko chart Context Statistics Business intelligence Structure Recursive area split Variable-width stacked bars Purpose Cross-tabulation and model diagnostics Market share and segment composition Color Often residuals or analytical meaning Often presentation categories Tools R, JMP, S-PLUS Tableau, PowerPoint, BI tools Summary Mosaic plots are a foundational statistical visualization for categorical data. Marimekko charts use a similar geometry in a business context. In both cases, the key idea is that rectangle area represents the size of a category combination.\nReferences Mosaic plot — Wikipedia Mosaic Plot — JMP Marimekko Chart — Tableau Blog think-cell: Mekko Chart Michael Friendly: A Brief History of the Mosaic Display ","date":"2025-09-29T00:00:00+09:00","image":"https://visualizing.jp/mosaic-plot/images/image-27_hu_c246d68dbf4d517f.png","permalink":"/en/mosaic-plot/","title":"Mosaic Plot"},{"content":"A beeswarm plot shows a distribution by placing individual data points so that they do not overlap. It sits between a scatterplot and summary charts such as box plots or violin plots, preserving individual observations while revealing density.\nThe name comes from the way the points cluster like a swarm of bees.\nBackground Beeswarm plots became familiar through the R beeswarm package and are now available in many visualization libraries, including Python\u0026rsquo;s seaborn.swarmplot() and Plotly strip charts. They reflect a broader trend toward showing raw observations rather than only statistical summaries.\nData Structure Variable Meaning Type category Group to compare string value Numeric measurement number The plot can show one distribution or compare several groups.\nPurpose The goal is to show the detailed distribution of data while retaining individual points. This is especially useful for sample sizes from dozens to hundreds, where every observation can still be displayed.\nUse Cases experimental or medical measurements by group educational or survey score distributions supplementing a box plot with raw data SHAP beeswarm plots for machine-learning interpretation How to Read It One axis shows the numeric value, while the other axis separates categories. Points are moved sideways only to avoid overlap. The wider the swarm at a value range, the more observations are concentrated there.\nDesign Notes Use transparency or sampling for larger datasets. Adjust point size and spacing carefully. Limit the number of categories. Remember that horizontal spread is not a precise quantitative scale. Alternatives Chart Use case Box plot Large samples and summary statistics Violin plot Smoothed distribution shape Strip plot Simpler point display for small data Summary Beeswarm plots balance individuality and distribution. Used with an appropriate sample size, they reveal outliers, clusters, and spread more directly than summary-only charts.\nReferences Data Visualization Guide: Beeswarm Plots Data-to-Viz: Beeswarm plot Python Graph Gallery: Beeswarm Plot R beeswarm package Seaborn swarmplot SHAP beeswarm plot ","date":"2025-09-28T00:00:00+09:00","image":"https://visualizing.jp/beeswarm/images/cover-beeswarm_hu_e95668d9973df924.png","permalink":"/en/beeswarm/","title":"Beeswarm Plot"},{"content":"Parallel sets visualize multidimensional categorical data. Several categorical variables are arranged as parallel axes, and bands connect categories across adjacent axes. The band width represents frequency or proportion.\nThe method extends the idea of parallel coordinates from continuous variables to categorical combinations.\nBackground Parallel sets were developed in the 2000s by visualization researchers Robert Kosara and Jorg Hauser. Their paper \u0026ldquo;Parallel Sets: Interactive Exploration and Visual Analysis of Categorical Data\u0026rdquo; introduced the method as a way to explore contingency-table data across many dimensions.\nThe method supports interaction such as reordering axes, rearranging categories, and highlighting subsets.\nData Structure Element Meaning Axis Categorical variable Block Category on an axis Band Combination between adjacent variables Width Frequency or proportion Purpose Parallel sets are used to understand relationships among several categorical variables, such as gender, age group, education, occupation, and income. They make multivariate cross-tabulations easier to inspect visually.\nHow to Read It The vertical axes represent variables. Blocks on each axis are categories. Bands connect category combinations, and wider bands indicate more observations.\nA key feature is that band width can be read as both:\na share of the whole dataset a conditional share within a category Design Notes Axis order strongly affects readability. Reduce or group categories when there are too many. Use consistent color logic. Interaction is valuable for filtering and highlighting. Alternatives Method Data type Feature Parallel coordinates Continuous variables Numeric correlation patterns Sankey diagram Flows or categories Directional flow Mosaic plot Categorical variables Area-based cross-tabulation Treemap Hierarchy Nested category area Difference from Sankey Diagrams Sankey diagrams usually represent directional flows such as energy, money, or process movement. Parallel sets represent combinations of categories. They are not necessarily directional, and relationships can be read from either side.\nSummary Parallel sets are powerful for exploring categorical data across many variables. Their clarity depends on careful axis ordering, category reduction, color design, and often interaction.\nReferences Parallel Sets: Visual Analysis of Categorical Data Parallel Sets: Visual Analysis of Categorical Data — TVCG Robert Kosara — Parallel Sets Wikipedia: Parallel Sets D3.js Parallel Sets Example ","date":"2025-09-28T00:00:00+09:00","image":"https://visualizing.jp/parallel-sets/images/Parallel_Sets_hu_68f4db2eae6ba78e.png","permalink":"/en/parallel-sets/","title":"Parallel Sets"},{"content":"A radar chart, also called a spider chart, compares multiple variables by plotting values on axes radiating from a center point. Adjacent points are connected to form a polygon.\nRadar charts are often used for student scores, product comparison, ability evaluation, and other profiles where viewers are expected to read balance or imbalance as a shape.\nWeaknesses of Radar Charts Radar charts are popular, but they are often criticized.\nRadial comparison is hard: people are better at comparing lengths on a shared horizontal or vertical baseline. Shape and area bias: the polygon can exaggerate differences that are numerically small. Axis order is arbitrary: changing the order of variables changes the shape. Limited scalability: many variables or many series quickly become unreadable. Michael Correll\u0026rsquo;s essay \u0026ldquo;Bad Ideas in Visualization\u0026rdquo; argues that radar charts invite viewers to read shape even though that shape depends heavily on arbitrary axis ordering.\nParallel Coordinates as an Alternative A parallel coordinates plot arranges variables as parallel vertical axes and connects each observation with a line. Compared with radar charts, all variables share a more consistent visual frame, which can make comparison easier.\nThe basic argument is that radar charts scatter axes around a circle, while parallel coordinates align them in a common direction.\nResearch Context Research such as P-Lite: A study of parallel coordinate plot literacy compares how people read radar charts, parallel coordinates, scatterplots, and related views. The conclusion is not that one chart is always better. Rather, parallel coordinates can be more accurate for high-dimensional data in some tasks, while they also require more familiarity.\nPopularity vs. Expertise Despite criticism, radar charts remain far more widely recognized than parallel coordinates.\n1. The Power of Shape Radar charts turn multiple values into a memorable polygon. In presentations and education, that shape can be persuasive and intuitive.\n2. Cultural Familiarity Sports magazines, games, and school materials have made radar charts familiar as \u0026ldquo;ability charts.\u0026rdquo;\n3. Tool Availability Excel and Google Sheets include radar charts. Parallel coordinates usually require R, Python, or specialized visualization tools.\n4. Learning Cost Parallel coordinates can look tangled to non-specialists. Radar charts are easier to recognize at first glance.\nChoosing Between Them Radar charts can work when there are few variables and few items, and the goal is to show a rough balance profile. Parallel coordinates are better when there are more variables, more observations, and a need for more precise pattern exploration.\nSummary The question is not which chart is universally correct. The choice depends on audience, task, and data size. Radar charts communicate shape and balance; parallel coordinates support more systematic comparison and exploration.\nReferences Statistics Bureau of Japan: Radar chart Wikipedia: Radar chart Data-to-Viz: Spider / Radar Chart Dueling Data: Radar Chart vs Parallel Coordinate Chart Michael Correll: Bad Ideas in Visualization P-Lite: A study of parallel coordinate plot literacy ","date":"2025-09-28T00:00:00+09:00","image":"https://visualizing.jp/radar-parallel-coordinates/images/thumbnail_combined_hu_55c7268c32e2e58.jpg","permalink":"/en/radar-parallel-coordinates/","title":"Radar Charts and Parallel Coordinates: A Debate About Readability"},{"content":"A quantity-proportion graph uses rectangular area to represent both absolute quantity and proportion. One dimension represents the size of a category, while the other dimension divides that category by composition. Each small rectangle\u0026rsquo;s area corresponds to quantity multiplied by proportion.\nInternationally, similar methods are known as mosaic plots in statistics and Marimekko charts in business. The Japanese term \u0026ldquo;量率グラフ\u0026rdquo; emerged through education and popularization in Japan.\nExamples Total Amount Shown by Bar and Circle Area The Same Data as a Quantity-Proportion Graph Timeline of the Term Mid-1950s onward: Kiyonobu Itakura later recalled using this kind of graph for about 30 years. Late 1970s to early 1980s: Itakura introduced the graph in a study group on self-sufficiency rates. Hirotsugu Shiono proposed the name \u0026ldquo;quantity-proportion graph.\u0026rdquo; Around 1982-1983: Shigehiro Matsuzaki became interested in the method and introduced it in elementary-school lessons. June 1984: Matsuzaki published an article in Tanoshii Jugyo, where the term appeared clearly in print. January 1985: Matsuzaki\u0026rsquo;s book Shakai o Minaosu Megane was published with the term in the subtitle. Roles of the Three Figures Kiyonobu Itakura: long-time practitioner who introduced the method in study groups. Hirotsugu Shiono: proposed the Japanese name. Shigehiro Matsuzaki: brought the method into classrooms and spread it through articles and books. Mechanism Vertical dimension: proportional to total amount Horizontal dimension: proportional composition within the category Rectangle area: amount represented by the intersection cell This allows readers to see both volume and composition at once.\nNaming Mosaic plot: statistical name Marimekko / Mekko chart: business-dashboard name Quantity-proportion graph: Japanese educational name The Japanese explanation often says \u0026ldquo;vertical = quantity, horizontal = proportion.\u0026rdquo; More precisely, both dimensions are relative scales, and the area is what encodes the resulting quantity.\nSummary The term \u0026ldquo;quantity-proportion graph\u0026rdquo; arose from Japanese educational practice in the 1980s. Although the chart can be understood internationally as a kind of mosaic or Marimekko chart, its Japanese history is distinctive because it spread through classroom use and educational writing.\nReferences National Diet Library Search: Shigehiro Matsuzaki, Shakai o Minaosu Megane CiNii Books: BN04447666 Japanese Wikipedia: Quantity-proportion graph ","date":"2025-09-28T00:00:00+09:00","image":"https://visualizing.jp/quantity-proportion-chart/images/cover-quantity%E2%80%93proportion_hu_55fc2ba23a65c3b.jpeg","permalink":"/en/quantity-proportion-chart/","title":"The Origin of the Japanese Term \"Quantity-Proportion Graph\""}]