Visualizing.JP

What Is a Bar Chart Race?

Thu, 11 Jun 2026 00:00:00 +0900

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.

How 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.

The 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.

John Burn-Murdoch’s example showing the world’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.

Background

Animated ranked bars existed before the phrase became common, but Burn-Murdoch’s work spread widely on Twitter, now X, and helped establish the name “bar chart race.” Mike Bostock’s Observable notebook also contributed to the format’s diffusion by making the technique easier to inspect and reproduce.

What 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.

How 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.

Flourish 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.

How to Make One

Bar chart race: Flourish templates, the Python bar_chart_race library, and Observable notebooks are common options.
Line chart race: Flourish’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.

Summary

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.

References

Gridded Cartogram

Tue, 31 Mar 2026 00:00:00 +0900

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.

Historical 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.

In the United States, tile grid maps representing the 50 states as equal squares became common in election coverage by outlets such as FiveThirtyEight, NPR, and Bloomberg. They helped address a familiar problem: large states such as Alaska, Montana, and Texas dominate ordinary maps, while smaller but often politically important states on the East Coast can nearly disappear.

Similar designs have been used for EU member states, and in Japan for the 47 prefectures. Recent research has also explored algorithms that automatically optimize grid layouts while preserving geographic relationships as much as possible.

Data Structure

The required data is simple compared with many other cartogram types.

Data	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.

Purpose

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.

Use 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.

The layout usually preserves a rough north-south and east-west relationship, but adjacency in the grid does not necessarily mean actual geographic adjacency. Labels are therefore important for identifying each region.

Design 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.

References

`1`	`- [Cartogram - Wikipedia](https://en.wikipedia.org/wiki/Cartogram)`

Pseudo-Continuous Cartogram

Mon, 30 Mar 2026 00:00:00 +0900

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.

Historical 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.

In a Dorling cartogram, each region is represented by a circle whose area is proportional to the value. A force-directed layout adjusts positions so circles do not overlap while remaining as close as possible to their original geographic locations.

The Demers cartogram later introduced a square-based variant. Squares can produce a more orderly appearance and make labeling easier. Hexagonal variations have also appeared, expanding the range of possible geometric marks.

Data 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.

Purpose

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.

This is also useful when boundaries are visually complicated or when the exact outline is less important than relative magnitude.

Use 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.

The position of each mark indicates approximate location, not exact geography. If two marks are near one another, that suggests a geographic relationship, but the final layout may be shifted to avoid overlap.

Design 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.

Non-Continuous Cartogram

Sun, 29 Mar 2026 00:00:00 +0900

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.

Historical 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.

This approach made the trade-off explicit: lose topological continuity in exchange for shape fidelity and simpler interpretation.

Data 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.

Use 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.

Continuous Cartogram

Sat, 28 Mar 2026 00:00:00 +0900

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.

Historical 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.

Different algorithms have been proposed to solve this trade-off. Some simulate physical diffusion or rubber-sheet deformation; others optimize geometry to balance area accuracy and shape preservation. The result is always a compromise between statistical accuracy and geographic recognizability.

Data 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.

Purpose

The main purpose is to make a map’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.

Use 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.

Because the map remains connected, neighboring relationships are still meaningful. However, distances, angles, and shapes are no longer geographically accurate. Use the legend and title to confirm what variable controls the distortion.

Design 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.

Natural Earth's POV (Point of View) Data

Fri, 27 Mar 2026 00:00:00 +0900

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.

By 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.

What 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.

The 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.

Why 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.

Natural Earth’s POV data makes this issue explicit by offering multiple boundary views rather than pretending that there is always a single universally accepted map.

Typical 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’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.

Proportional Flow Map

Thu, 26 Mar 2026 00:00:00 +0900

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’s 1869 map of Napoleon’s Russian campaign is one of the most famous examples.

Historical 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.

His map of Napoleon’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.

Data 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.

Use 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.

Graduated Flow Map

Wed, 25 Mar 2026 00:00:00 +0900

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.

Historical 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.

As GIS made it easier to draw hundreds or thousands of flows, graduated widths became a practical way to keep maps readable.

Data 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.

Use 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.

Spark Words

Tue, 24 Mar 2026 00:00:00 +0900

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’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).

Historical Background

Spark words sit at the intersection of two traditions. The first is Tufte’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.

Brath’s work extends the idea by treating words as marks. Instead of placing a separate mini-chart next to a word, the word’s own typographic appearance changes according to data.

Data 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.

Use 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.

Text Skimming

Mon, 23 Mar 2026 00:00:00 +0900

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).

Historical 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.

Text skimming differs from ordinary editorial emphasis because the formatting is mapped systematically to data. The visual treatment is not just an author’s judgment; it can encode frequency, sentiment, uncertainty, topic, or another variable.

Data 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.

Use 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.

Typographic Stacked Bar Chart

Sun, 22 Mar 2026 00:00:00 +0900

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’s Visualizing with Text, the method treats text as a visual mark, not merely as annotation.

Historical Background

Stacked bar charts grew from the broader history of bar charts after William Playfair’s work in the late eighteenth century. They became a common way to show both totals and composition.

Typographic 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.

Data 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.

Design 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.

Typographic Mekko Chart

Sat, 21 Mar 2026 00:00:00 +0900

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).

Historical 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.

Richard Brath’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’s size communicates one relationship, while the appearance of the label communicates another.

Data 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.

Purpose

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.

Use 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.

The legend must explain what each typographic attribute means. Without a clear mapping, readers may interpret style as decoration rather than data.

Design 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.

Typographic Graph

Thu, 19 Mar 2026 00:00:00 +0900

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).

Historical Background

Network visualization has roots in graph theory, including Euler’s bridges of Konigsberg problem. Modern network visualization expanded rapidly with the internet, social networks, and tools such as Pajek, Gephi, and D3.js.

Traditional 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.

Purpose

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.

Use 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.

Parallel Coordinates with River Labels

Wed, 18 Mar 2026 00:00:00 +0900

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).

Historical 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.

The 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.

Purpose

The purpose is to make important or selected lines traceable without requiring a separate legend or hover interaction.

Use 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.

Line Chart with River Labels

Tue, 17 Mar 2026 00:00:00 +0900

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 “microtext lines” in Visualizing with Text (2020).

Historical 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.

The 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.

Data 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.

Purpose

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.

Use 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’s vertical position and slope as usual. The label’s orientation helps the eye stay attached to the correct path.

When labels overlap or are placed only on part of a line, use color or hover interactions as secondary support.

Design 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.

Typographic Scatterplots

Mon, 16 Mar 2026 00:00:00 +0900

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).

Historical 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.

Typographic 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.

Purpose

The purpose is to combine position-based comparison with direct identification. It is useful when each point represents an entity readers need to recognize.

Use 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.

3D Yield Curve

Sun, 15 Mar 2026 00:00:00 +0900

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.

Historical 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.

The 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’s shape: steepening, flattening, inversion, and regime shifts.

Data 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.

Purpose

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.

Use 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.

If 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.

Design 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.

Heatmap

Sat, 14 Mar 2026 00:00:00 +0900

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.

Historical 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.

The term “heat map” 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.

Data 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.

Use 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.

Mekko Chart

Thu, 12 Mar 2026 00:00:00 +0900

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.

In 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.

Historical 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.

Business use later popularized the Mekko chart for market structure, portfolio analysis, and strategy presentations.

Data 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?

Use 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.

Diverging Bar Chart

Wed, 11 Mar 2026 00:00:00 +0900

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.

This article focuses on diverging bars where each bar represents a single value, not diverging stacked bar charts where each bar contains multiple segments.

Historical Background

Diverging bar charts grew from the broader history of bar charts after William Playfair’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.

Data 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.

Use 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.

100% Stacked Bar Chart

Tue, 10 Mar 2026 00:00:00 +0900

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.

It is useful when the question is about share: sales composition by year, energy source mix by region, or response distribution by group.

Historical 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.

Data 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.

Use 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.

Stacked Bar Chart

Mon, 09 Mar 2026 00:00:00 +0900

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.

It is widely used for part-to-whole comparisons where both total amount and internal breakdown matter.

Historical 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.

Data 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?

Use 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.

What Is ADS-B?

Mon, 09 Mar 2026 00:00:00 +0900

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.

Aircraft 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.

How ADS-B Works

Aircraft commonly broadcast ADS-B messages on 1090 MHz using Mode S Extended Squitter. The messages include the aircraft’s 24-bit ICAO address and position encoded with Compact Position Reporting.

The broadcast is automatic. Ground receivers, other aircraft, and community receiver networks can capture the messages and reconstruct aircraft movement.

Data Contents

ADS-B data may include:

ICAO 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.

Design 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.

What Is AIS?

Mon, 09 Mar 2026 00:00:00 +0900

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.

Ships 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.

How AIS Works

AIS messages are broadcast over VHF radio. The ITU-R M.1371 standard defines message structures, including the vessel’s MMSI, position, speed, and navigational status. Transmission is automatic and can be received by nearby vessels, shore stations, and satellites.

Data Contents

Typical AIS data includes:

MMSI 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.

Design 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.

Grouped Bar Chart

Sun, 08 Mar 2026 00:00:00 +0900

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.

Examples include population by gender across regions, or sales by department across years.

Historical 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.

Data 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.

Use 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.

The Evolution of Tableau Color Schemes

Mon, 16 Feb 2026 00:00:00 +0900

Tableau is one of the world’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’s color design from the early 2000s, through the Tableau 10 release in 2016, to more recent changes around dynamic color ranges.

These 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.

Early 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.

As 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.

Tableau 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’s design team emphasized that the palettes were not simply aesthetic updates; they were built to improve legibility and reduce accidental emphasis.

The 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.

Dynamic 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.

This 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.

Why 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.

Design 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’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.

References

What Is MapLibre Tile (MLT)?

Wed, 28 Jan 2026 00:00:00 +0900

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: "mlt" in a style JSON source.

This article first reviews what vector tiles are, then summarizes the differences between MLT and MVT and how MLT is used in MapLibre.

What 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.

Raster 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.

What to Look For

Lines and labels remain crisp while zooming
Vector tiles can change what features and labels are shown at different zoom levels while preserving crisp rendering.
The same data can have different visual styles
Because data and style are separated, a map can be redesigned by changing style rules rather than regenerating all data.
Rendering cost moves to the client
Download size, decoding, filtering, and polygon tessellation can become bottlenecks. MLT is designed to reduce this preprocessing cost.
Complex attributes are increasingly important
Modern geospatial data often has nested attributes, lists, 3D coordinates, and measured values. MLT is designed with these future requirements in view.

MVT 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.

What MLT Tries to Improve

MLT is designed around several ideas:

Column-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: "mlt" in a vector source.

{
  "version": 8,
  "sources": {
    "basemap": {
      "type": "vector",
      "url": "https://example.com/tiles/style-or-tileset.json",
      "encoding": "mlt"
    }
  },
  "layers": [
    {
      "id": "roads",
      "type": "line",
      "source": "basemap",
      "source-layer": "transportation"
    }
  ]
}

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.

Why 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.

Summary

Vector tiles serve map features instead of images, allowing dynamic styling. MVT made this approach mainstream. MLT is MapLibre’s attempt to modernize the format for larger data, faster decoding, better filtering, and GPU-friendly rendering. Its use through encoding: "mlt" positions it as a concrete evolution of the MapLibre ecosystem.

References

What Is Polaris?

Tue, 20 Jan 2026 00:00:00 +0900

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.

Its 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.

The 2008 CACM Paper

The most accessible introduction is the 2008 Communications of the ACM paper, “Polaris: A System for Query, Analysis, and Visualization of Multidimensional Databases.” It builds on earlier academic work published in IEEE TVCG and explains the design motivation, practical significance, and connection to Tableau.

Why 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.

Design 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.

What Is Show Me?

Tue, 20 Jan 2026 00:00:00 +0900

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.

Show Me is not just a recommendation engine. It is implemented as a set of UI commands and defaults connected to VizQL, Tableau’s visualization language.

Background

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.

Show Me changes the workflow. After the user selects fields, Tableau can recommend compatible views and generate them with appropriate defaults.

How 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.

Why 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.

Design 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.

What Is VizQL?

Tue, 20 Jan 2026 00:00:00 +0900

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.

VizQL originated from the Stanford research system Polaris and was formalized as part of turning that research into a commercial visual analytics tool.

Basic 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.

This makes interaction with a chart equivalent to querying data. Changing the view is not simply changing graphics; it changes the analytical query.

Why 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.

Design 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’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.

What Is GeoPackage (.gpkg)?

Wed, 07 Jan 2026 00:00:00 +0900

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.

A 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.

Internal Structure

GeoPackage is internally a SQLite database. The standard defines required tables and metadata, including:

gpkg_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.

Use 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.

A Typical Day in the Life of Americans

Sun, 04 Jan 2026 00:00:00 +0900

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.

The result is not just a statistical chart. It lets viewers experience the rhythm of many different lives moving through the same day.

Your 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.

Yau sampled individuals and animated their activity states over the course of a day, creating a simulated population whose daily behavior changes minute by minute.

Why 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.

Summary

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.

Mary Huang's D.dress (2010): UI, Implementation, and Generative Algorithm

Sun, 04 Jan 2026 00:00:00 +0900

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.

Users 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.

Why 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.

Design 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.

Prime Numerics

Sun, 04 Jan 2026 00:00:00 +0900

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’ speech during televised debates in the UK general election.

Rather 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.

Background

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.

Why 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.

Summary

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.

Quotidian Record

Sun, 04 Jan 2026 00:00:00 +0900

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.

The work goes beyond data visualization. It turns data into something that can be heard, touched, and physically manipulated.

Background

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.

Why 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.

Design 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.

ReConstitution 2008

Sun, 04 Jan 2026 00:00:00 +0900

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.

The 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.

Context

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.

Data 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.

Why 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.

Summary

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.

Participatory Parallel Coordinates Visualized with String

Fri, 02 Jan 2026 00:00:00 +0900

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.

The wall panel shown in the photographs begins with a question such as “SPOON VS. FORK” and continues through attributes such as place of origin, gender, age, employment status, height, handedness, and weight. Each piece of string becomes one respondent’s path.

How to Read It

Read one string as one person’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.

Why 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.

Summary

Data Strings is a strong example of data physicalization and participatory visualization. It makes survey data tangible, social, and immediately visible.

The Wind That Moves Us

Fri, 02 Jan 2026 00:00:00 +0900

“The Wind That Moves Us” is a data-driven sculpture created by the research and design studio Domestic Data Streamers for Mango’s 40th anniversary.

The 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’s values, connecting Mango’s five corporate values with the Mediterranean metaphor of wind.

How to Read It

The work can be read both up close and from a distance.

First, 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.

Why It Matters

The piece turns internal organizational values into a shared physical object. It is a data sculpture, but also a participatory ritual: employees’ answers become part of a collective artifact.

Summary

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.

Tokyo Dome City's Adaptive Identity System

Fri, 02 Jan 2026 00:00:00 +0900

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.

At 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.

Brand 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’s character.

Why 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.

Summary

Tokyo Dome City’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.

Isoline Map

Wed, 10 Dec 2025 00:00:00 +0900

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.

Historical 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.

With GIS, isolines can now be generated from observation points using interpolation methods such as kriging, inverse distance weighting, and splines.

Data 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.

Use 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.

Isopleth Map

Wed, 10 Dec 2025 00:00:00 +0900

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.

Historical Background

The term “isopleth” 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.

From the 1960s onward, computer-based interpolation made it easier to extract isolines and fill the resulting areas. With the spread of GIS in the 1990s, isopleth maps became standard in meteorology, environmental monitoring, and spatial analysis.

Data 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.

Use 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.

Remember that the map may show estimated values, not direct observations, especially in areas far from measurement points. If possible, inspect the observation locations as well.

Design 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.

References

1
2

- [Contour line - Wikipedia](https://en.wikipedia.org/wiki/Contour_line)
- [Isarithmic map - Wikipedia](https://en.wikipedia.org/wiki/Isarithmic_map)

Comparing the Behavior of Locals and Tourists Through Tweets

Thu, 20 Nov 2025 00:00:00 +0900

This work is part of the “Locals & Tourists” project by data artist Eric Fischer, created with support from Mapbox and the Twitter data provider Gnip.

Note
The 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.

Using 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.

Overview

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.

How 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.

Blue points (Locals)
These 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.
Red points (Tourists)
These 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.
Density and pattern
Dense 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.

Background

According to Mapbox’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.

This 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.

Related projects using the same interface included “Languages of Twitter” and maps of phone brands, making this series a representative example of urban visualization using social media data.

Color 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

“Locals & Tourists” 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.

References

The Structure of the Art World Revealed by Network Science

Thu, 20 Nov 2025 00:00:00 +0900

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.

The figure comes from the co-exhibition network published in the 2018 Science paper “Quantifying reputation and success in art” by Albert-Laszlo Barabasi and collaborators.

Barabasi 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.

Data 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.

Why 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.

How 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.

Summary

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.

Why Web Map Data Sometimes Mentions EPSG:4326 and Sometimes EPSG:3857

Sun, 16 Nov 2025 00:00:00 +0900

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.

Web mapping has a common source of confusion:

Should data for a web map be EPSG:4326, or EPSG:3857?

Documentation for Foursquare, Google Maps, Mapbox, MapLibre, Kepler.gl, Cesium, QGIS, and ArcGIS can appear to say different things. The reason is that there are two different uses of coordinates: input data and map rendering or tiles.

Conclusion

User-uploaded data should generally be in EPSG:4326.
Map tiles and rendering often use EPSG:3857 internally.

Input data layer -> EPSG:4326
Map tile and rendering layer -> EPSG:3857

Many people get confused because documentation may describe different layers of the system.

GIS tools such as QGIS and ArcGIS can handle many projections, so they are outside the main scope of this simplified web-map explanation.

GeoJSON 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.

Therefore, web mapping tools that accept GeoJSON generally assume input data in EPSG:4326. This is true across MapLibre, Mapbox, Kepler.gl, Cesium, Google Maps, and OpenLayers.

Map 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.

In other words, map tiles are usually in 3857 even though the data you upload is 4326.

Note 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.

Internal Processing

A typical web map pipeline looks like this:

User 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 “4326” may be correct for input, while documentation that says “3857” may be correct for tiles or rendering.

Does Any Tool Require EPSG:3857 as Input?

Almost none, if by “input” 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.

Do not confuse ordinary web map upload data with GIS servers or OGC services such as WMS and WMTS. Those systems can support many projections and have different design goals.

Method	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
“I do not know which EPSG to upload.”	Input coordinates and rendering coordinates are mixed up.
“Google Maps mentions both 4326 and 3857.”	One refers to input data; the other to tiles.
“MapLibre renders in 3857, so should input be 3857?”	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.

References

Scatterplot Matrix

Wed, 12 Nov 2025 00:00:00 +0900

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.

Historical 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.

Data 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.

Purpose

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.

Design 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.

Word Bubble

Wed, 12 Nov 2025 00:00:00 +0900

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.

Historical 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.

Data Structure

Field	Example	Description
`word`	“data”	Word to display
`frequency`	120	Count or score
`category`	“technology”	Optional topic or group

Bubble size is usually determined by frequency, while color often represents category or sentiment.

Purpose

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.

Use 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.

References

Word Cloud

Wed, 12 Nov 2025 00:00:00 +0900

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.

Historical 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.

IBM’s Wordle, created by Jonathan Feinberg in 2008, helped popularize the modern word cloud.

Data 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.

Design 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.

How Matplotlib Moved from jet to Viridis

Tue, 11 Nov 2025 00:00:00 +0900

For many years, Matplotlib’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.

The 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.

The 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.

Visualization researchers had criticized these problems for years. Matplotlib’s own documentation now notes that rainbow colormaps are generally poor choices for quantitative scalar data.

The Turning Point: Issue #875

In 2012, the Matplotlib GitHub issue “Replace ‘jet’ as the default colormap” 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.

This issue gave the community a concrete design question: if jet should no longer be the default, what should replace it?

Designing the New Colormaps

In 2015, Nathaniel J. Smith and Stéfan van der Walt designed four candidate colormaps: Magma, Inferno, Plasma, and Viridis.

The candidates were designed around several principles: perceptual uniformity, monotonically increasing luminance, readability in grayscale, and better behavior for color-vision diversity. “Option D” became Viridis and was selected as the new default for Matplotlib 2.0.

Why 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.

The change was not merely aesthetic. It was a shift from tradition-driven defaults to perception-driven design.

Design 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’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.

When a Map Projection Changed a Border: The 1990 U.S.-USSR Maritime Boundary Agreement

Sun, 09 Nov 2025 00:00:00 +0900

Is a straight line on a map also straight on the Earth? Not necessarily.

The 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.

The 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.

Projection 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.

Both 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.

Why 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.

How to Read Such Maps

When reading maps involving borders or maritime lines, check:

Which 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.

Classified Maps and Choropleth Maps: Data Processing and Map Representation

Sat, 08 Nov 2025 00:00:00 +0900

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.

But 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.

What 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.

What 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.

Why 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.

Design 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.

Why the African Union Called for Moving Beyond the Mercator Projection

Sat, 08 Nov 2025 00:00:00 +0900

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.

Why 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.

Africa 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.

Equal 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.

Why 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.

The call to change maps is therefore not only a technical cartographic recommendation. It is also a media, education, and representation issue.

Design 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’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.

Distances from Major Airports to City Centers

Fri, 24 Oct 2025 00:00:00 +0900

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.

Transportation routes, driving routes, and travel-time data were collected from Google Maps, Rome2Rio, and UrbanRail.net to support an international comparison of airport access.

How to Read It

The diagram uses a radial map format with each city center as the reference point.

Distances 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.

Why 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.

Summary

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.

The Map Projection on the United Nations Flag

Wed, 22 Oct 2025 00:00:00 +0900

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.

How 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.

This arrangement places countries around the center without emphasizing one nation as the visual focus. The projection supports the UN’s image of universality and neutrality.

What 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.

On 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.

Summary

The UN flag’s map projection is a design choice with symbolic force. The azimuthal equidistant projection supports an image of global inclusiveness and political neutrality.

Tissot's Indicatrix

Wed, 22 Oct 2025 00:00:00 +0900

Every map projection creates distortion because the spherical Earth must be represented on a flat plane. Tissot’s indicatrix is a method for showing that distortion quantitatively and visually.

Basic 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.

If 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.

How 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’s indicatrix makes projection distortion visible. It helps readers understand that map projections do not merely change appearance; they change measurable properties of geography.

Summary

Tissot’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.

Understanding Map Projection Distortion Through Faces: Projection Face

Wed, 22 Oct 2025 00:00:00 +0900

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.

Projection 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 “Projection Face.”

From 3D to 2D

The Earth’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.

Why 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.

Design Lesson

Projection comparison is often taught with graticules, continents, or Tissot’s indicatrix. Faces add another layer: they make distortion emotionally and perceptually obvious.

Summary

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.

What Is the Craig Projection?

Wed, 22 Oct 2025 00:00:00 +0900

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.

In 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.

Historical 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.

Unlike projections optimized primarily for area, shape, or navigation, the Craig projection is centered on directional information toward a target.

How 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.

This 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.

How 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.

Use 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.

References

Rethinking Color Contrast: From WCAG 2.x to APCA

Mon, 20 Oct 2025 00:00:00 +0900

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.

For 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.

What 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.

The well-known “1.4.3 Contrast (Minimum)” criterion evaluates readability by calculating the luminance contrast ratio between text and background.

The 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.

What 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.

Why 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.

Design 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’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.

Vector Tile Style Specifications: Comparing Mapbox, MapLibre, and GSI

Fri, 17 Oct 2025 00:00:00 +0900

“Style JSON” 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’s GSI Maps Vector style specification. This article compares them using Mapbox as the baseline.

Historical Background

The modern style JSON format originated with Mapbox’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.

After 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.

Main 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’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.

References

Understanding Normalization and Standardization with Google Sheets

Thu, 16 Oct 2025 00:00:00 +0900

Good charts are not only about looking clean. They are about making fair comparisons.

When 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.

Why 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.

Normalization

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.

Standardization

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.

Design 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.

Using Map Tiles Created in Mapbox Studio with Kepler.gl or Foursquare Studio

Wed, 15 Oct 2025 00:00:00 +0900

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 “Failed to load map style.”

The 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.

What 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.

Why 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.

Practical 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’s platform-specific style environment and the broader ecosystem of MapLibre, Kepler.gl, Foursquare Studio, and other tools.

3D Scatterplot

Sun, 12 Oct 2025 00:00:00 +0900

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.

Historical 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.

Data 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.

Bar Chart

Sun, 12 Oct 2025 00:00:00 +0900

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.

Historical Background

The bar chart is usually traced to William Playfair’s The Commercial and Political Atlas (1786). Playfair used bars as a clear way to compare quantities visually, helping establish modern statistical graphics.

Data 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.

Design 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.

Bubble Chart

Sun, 12 Oct 2025 00:00:00 +0900

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.

Bubble charts are widely used for business analysis, economic comparison, marketing analysis, and other multivariate datasets.

Historical 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.

The format became widely known through Hans Rosling’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.

Data 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.

Use 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’s world development data is the classic example: GDP on the X-axis, life expectancy on the Y-axis, and population as bubble size.

Characteristics

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.

References

How to Choose Among Bar Chart Variants

Sun, 12 Oct 2025 00:00:00 +0900

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.

Dimensions 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.

Four 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.

Summary

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.

Line Chart

Sun, 12 Oct 2025 00:00:00 +0900

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.

Historical 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.

Data 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.

Design 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.

Pie Chart

Sun, 12 Oct 2025 00:00:00 +0900

A pie chart represents parts of a whole as slices of a circle. The whole is treated as 100% or 1, and each category’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.

Historical 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.

Data 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.

Design 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 “share of whole” well, but they are weak for precise comparison among similar values.

Range Plot

Sun, 12 Oct 2025 00:00:00 +0900

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.

Historical 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.

Purpose

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.

Use 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.

Scatter Plot

Sun, 12 Oct 2025 00:00:00 +0900

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.

Historical Background

Scatter plots became important in the nineteenth century through the work of statisticians and scientists such as John Herschel and Francis Galton. Galton’s studies of height, correlation, and regression helped establish the analytical value of point-based comparison.

Data 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.

Design 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.

The Crocodile-Mouth Chart: A Japanese Metaphor for Fiscal Imbalance

Sun, 12 Oct 2025 00:00:00 +0900

The “crocodile-mouth chart” is a distinctive line-chart metaphor used in Japan to explain the country’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.

This expression is specific to Japanese media and policy discourse. It is not a standard chart type commonly known in English as a “crocodile chart.”

How 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.

Why 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.

Design 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.

The Invention of the Pie Chart

Sun, 12 Oct 2025 00:00:00 +0900

This chart appeared in William Playfair’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.

The chart attempted to compare three different quantities at once: territory, population, and national revenue. It is one of the earliest examples of multivariate visualization.

Why It Matters

Playfair’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.

Reading 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.

Summary

The invention of the pie chart belongs to a wider history of trying to compare complex national statistics visually. Playfair’s circular diagrams remain important because they show statistical graphics taking shape before modern conventions were fixed.

Three-Dimensional Cylindrical Polar Scatter Graph

Sun, 12 Oct 2025 00:00:00 +0900

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.

How 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.

Use 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.

William Playfair Drew Two Different Kinds of Circular Charts

Sun, 12 Oct 2025 00:00:00 +0900

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.

But the circular diagrams he actually drew included two different forms. Both appeared in his 1801 book Statistical Breviary.

1. 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.

Here, the angles of the sectors correspond to the areas of the states. This is the principle of the modern pie chart.

2. 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.

Only the Russian Empire and the Turkish, or Ottoman, Empire are broken down internally.

For the Russian Empire, Playfair used a concentric structure: the central circle represents the European territory, and the outer ring represents the Asian territory.

For 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.

The 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.

Summary

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’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.

References

William Playfair's Statistical Representation of the United States of America

Sun, 12 Oct 2025 00:00:00 +0900

This figure is from William Playfair’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.

Overview

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.

Why 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.

Summary

Playfair’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.

3D Bar Chart Map

Sat, 11 Oct 2025 00:00:00 +0900

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.

The 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.

How to Read It

Each bar on the map represents a specific place, such as a city, region, or grid cell.

Position: 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.

Background 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.

Typical applications include:

comparing 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.

Summary

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.

3D Choropleth Map

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Design 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.

3D Treemaps

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Design 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.

A Day in the Life of a Colonial Boston Merchant: Visualizing Time and Space

Sat, 11 Oct 2025 00:00:00 +0900

This diagram appeared in geographer Allan Pred’s 1984 paper “Structuration, Biography Formation, and Knowledge: Observations on Port Growth during the Late Mercantile Period.” It shows how a late eighteenth-century Boston merchant spent a day across both time and space.

It is an important example of visualizing the relationship between human action and urban space in the context of structuration theory.

How to Read It

The diagram treats a person’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.

Why It Matters

The work demonstrates that daily life can be understood as a spatial-temporal pattern. It connects biography, social structure, and urban geography.

Summary

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.

Adjacency Matrix

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

The purpose is to show network structure without edge crossings. Matrices are especially useful for dense networks where node-link diagrams become unreadable.

Design 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.

Arc Diagram

Sat, 11 Oct 2025 00:00:00 +0900

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.

Design 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.

BioFabric

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

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.

Design 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.

Bivariate Choropleth Map

Sat, 11 Oct 2025 00:00:00 +0900

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’s color represents a paired value.

Purpose

The purpose is to show the spatial relationship between two variables, such as income and education, or vulnerability and exposure.

Design 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.

Box-and-Whisker Plot

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

The purpose is to compare distributions compactly across groups. Box plots show center, spread, skew, and outliers without plotting every observation.

Design 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.

Bullet Graph

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical Background

Bullet graphs were developed by Stephen Few as a more space-efficient and informative alternative to dashboard gauges.

Design 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.

Calendar Heatmap

Sat, 11 Oct 2025 00:00:00 +0900

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.

Use 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.

Candlestick Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

Candlestick charts are widely used in financial markets because they summarize price movement within each time period compactly.

How 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.

Design 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.

Chord Diagram

Sat, 11 Oct 2025 00:00:00 +0900

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.

Use 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.

Circle Voronoi Treemaps

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Purpose

The purpose is to show hierarchical part-to-whole structure while allowing a more organic layout than rectangular subdivision.

Design 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.

Circular Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

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.

Design 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.

Circular Layout

Sat, 11 Oct 2025 00:00:00 +0900

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.

Use 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.

Correlogram

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

The purpose is to give an overview of correlation structure: strong positive relationships, strong negative relationships, and weak or absent relationships.

Design 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.

Density Plot

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

Density plots are useful for comparing distribution shapes, including peaks, spread, skewness, and overlap between groups.

Design 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.

Diverging Stacked Bar Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

The purpose is to show the balance between positive and negative responses while preserving category composition.

Design 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.

Dot Density Map

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

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.

Design 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.

Dot Map

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical Background

Dot maps have roots in nineteenth-century cartography. John Snow’s 1854 cholera map in London is a famous early example of plotting individual cases geographically.

Design 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.

Dot Plot

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

Dot plots show distribution without hiding individual values. They can reveal clusters, gaps, outliers, and repeated values more directly than summary-only charts.

Design 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.

Force-Directed Diagram

Sat, 11 Oct 2025 00:00:00 +0900

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.

Use 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.

Funnel Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

How 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.

Design 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.

Gantt Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Data 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 “what happens when?”

Gapminder World Map 2010

Sat, 11 Oct 2025 00:00:00 +0900

“Gapminder World Map 2010” 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.

How 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.

Why 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.

Summary

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.

Gauge Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Use 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.

Geography-Based Connection

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Use 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.

Histogram

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical Background

Karl Pearson introduced the term “histogram” 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.

How 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.

Design 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.

Hive Plot

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

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.

Design 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.

Hyperbolic Tree

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

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.

Use 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.

Isotype Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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’s pictograms gave the system a clear and consistent graphic form.

Design 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.

Radar Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Design 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.

Radial Bar Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Use 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.

Radial Tree

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Use 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.

Ridgeline Plot

Sat, 11 Oct 2025 00:00:00 +0900

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.

Use 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.

Design 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.

Space-Time Cube

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Data 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.

Spiral Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical Background

Spiral forms in information graphics date back to nineteenth-century statistical diagrams. They are conceptually related to polar charts and cyclical time representations.

Use 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.

Stem-and-Leaf Plot

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

How 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.

Design 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.

Strip Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Use 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.

Symbol Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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’s scaling research, improved how proportional symbols are designed.

How to Read It

Read position first, then symbol size and color. Size usually represents magnitude; color may represent category or another quantitative value.

Design 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.

Time-Series Linear Dendrogram

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Data 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.

Design 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.

Vector Field Map

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical Background

Vector field visualization developed with physics and fluid dynamics. Michael Faraday’s field-line diagrams and James Clerk Maxwell’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.

Data 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.

Vertical Trees and Horizontal Trees

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

Data 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.

Violin Plot

Sat, 11 Oct 2025 00:00:00 +0900

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.

Purpose

The purpose is to show not only median and spread, but also the shape of the distribution: modes, skewness, and density.

How 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.

Use 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.

Visualizing the Most Prolific Type Designers

Sat, 11 Oct 2025 00:00:00 +0900

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.

Left-Side View

The left section ranks or compares designers by output, using visual structure to make production volume and category differences easier to compare.

Why It Matters

Typography history is often told through movements, specimens, and individual typefaces. This work shifts attention to designers’ output as data, making the history of type design comparable as a quantitative field.

Summary

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.

Waterfall Chart

Sat, 11 Oct 2025 00:00:00 +0900

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.

The name comes from the way bars appear to step up and down like a waterfall.

Purpose

Waterfall charts are especially common in finance, where they explain how revenue, costs, adjustments, and other components lead to profit or loss.

How 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.

Design 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.

Yield Curve

Sat, 11 Oct 2025 00:00:00 +0900

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.

Historical 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.

How 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.

Design 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.

Atlases of World History: How Historical Atlases Distort Historical Memory

Fri, 10 Oct 2025 00:00:00 +0900

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.

The 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?

How to Read It

The “How to read it?” panel defines the visual grammar of the piece.

Distorted 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.

Element	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 “textbook pages” 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.

Topics and Continents

The lower portion shows what each period is about and where it is geographically focused.

Bar 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.

Comparing 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.

Why 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.

Accurat’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.

Summary

“Atlases of world history” 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.

References

From First Publication to Masterpieces: Timelines of Literary Lives

Fri, 10 Oct 2025 00:00:00 +0900

This work visualizes the lives and creative careers of writers whose twentieth-century English-language novels were selected for the Modern Library’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.

Each circular form represents a writer’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.

How to Read the Graphic

The legend states that the authors are ordered “from the earliest success to the last one.” 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.

What 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.

For 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.

Data Sources

The work cites:

biography.com
britannica.com
modernlibrary.com

These sources provide birth and death dates, debut publication years, and ranking information from the Modern Library list.

Summary

“From first published to masterpieces” 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.

References

Visualizing Brain Drain

Fri, 10 Oct 2025 00:00:00 +0900

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.

Countries are positioned according to quantitative indicators such as R&D expenditure as a share of GDP and the number of researchers per million people. Lines then connect countries through flows of scientific migration.

Rather than functioning as a simple statistical map, the work makes visible the circulation of knowledge and the asymmetry of scientific opportunity between nations.

How to Read It

The “How to read it?” panel explains the graphic as a multivariate view of research environments and researcher mobility.

1. Country Position

X axis: R&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.

2. 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.

4. 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.

Background

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.

The visualization combines:

World 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’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.

Summary

“Brain drain” 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.

References

Circle Packing

Thu, 09 Oct 2025 00:00:00 +0900

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.

Compared 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.

Background

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().

Data Structure

Circle packing uses hierarchical data.

Field	Meaning
name	Node label
value	Numeric size for the node
children	Child nodes

Example:

{
  "name": "root",
  "children": [
    {"name": "A", "value": 10},
    {"name": "B", "children": [
      {"name": "B1", "value": 5},
      {"name": "B2", "value": 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.

Use 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.

References

Ninomiya Sontoku and the Idea of Land Classification

Thu, 09 Oct 2025 00:00:00 +0900

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.

As 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.

The 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.

It is notable as a statistical land-classification diagram from Japan before modern cadastral surveying.

How 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.

Category	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.

Historical 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.

By 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.

Terminology

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’s categories align with the land-management language used in contemporary texts and tax practice.

Summary

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.

References

Time-Distance Diagram

Thu, 09 Oct 2025 00:00:00 +0900

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.

The method is widely used in railway planning and operations, where it is often called a train graph or timetable diagram.

Historical 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.

Even today, train-control centers rely on this type of diagram to monitor services and manage disruptions.

Data 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.

Purpose

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.

Use 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
Time progresses from left to right.
Vertical axis: distance or station sequence
Stations or locations are arranged by physical distance or by service order.
Slanted lines: vehicle movement
The slope represents speed. A flatter line indicates faster movement; a steeper line indicates slower movement.
Intersections: meets, passes, or transfer opportunities
Where lines cross, vehicles are at the same position at the same time.
Horizontal segments: stops or waiting time
Longer horizontal segments indicate longer dwell or waiting periods.

Design 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.

References

Up to 45% of Dementia Risk May Be Preventable: Visualizing Risk Factors Across the Life Course

Thu, 09 Oct 2025 00:00:00 +0900

This figure summarizes dementia risk factors from the 2020 report of The Lancet Commission on Dementia Prevention, Intervention, and Care.

The 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.

Its central message is that as much as 45% of dementia cases may be preventable or delayable if these risk factors are reduced.

Context

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.

How 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.

Life 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 “45% potentially modifiable” 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.

Hearing 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.

Design 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.

References

What If the World's Continents Were Drawn on the Same Scale?

Thu, 09 Oct 2025 00:00:00 +0900

Continents’ Showdown, created by the Italian data visualization studio Accurat, compares the world’s continents through a shared visual scale. A conventional map preserves geographic position and projection rules; this work intentionally reorganizes the world around comparison.

Continents’ 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’s later idea of “Data Humanism”: data is treated not as a set of isolated numbers, but as a cultural material for understanding the world.

How to Read the Legend

The “How to read it?” section at the bottom defines the common visual grammar used across all continents.

Basic 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:

total 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.

Movement and Distance

The number of time zones crossed gives a human-scale sense of a continent’s east-west span.

Natural 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:

the 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.

Concept

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 “large”? Is scale measured by area, population, rivers, mountains, airports, or cities?

Summary

“Continents’ Showdown” 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.

References

Euler Diagram

Wed, 08 Oct 2025 00:00:00 +0900

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.

Historical 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.

Euler diagrams remain more concise when the goal is to communicate actual relationships rather than theoretical completeness.

This image is an example of Eulerian circles associated with Euler’s Lettres a une princesse d’Allemagne. The circles visually express logical relationships: intersection means shared members, containment means “all A are B,” and separation means no overlap.

Data 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.

Purpose

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.

Use 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.

Summary

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.

References

Further Education, Longer Life: Visualizing Education and Social Structure

Wed, 08 Oct 2025 00:00:00 +0900

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.

The 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.

How 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.

Color represents life-expectancy range across the whole graphic:

Blue: 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.

1. Life Expectancy

The left axis shows life expectancy at birth. Countries with longer lives appear higher.

2. GDP per Capita

The lower axis shows economic output per person. Higher values move to the right and often align with education and longevity.

3. Family Members

This axis shows average household size. Smaller households are often associated with urbanized and highly educated societies.

4. Secondary School Enrollment

The right axis shows access to secondary education. Some countries can exceed 100% because of statistical coverage across age groups.

5. 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.

Interpretation

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.

Background

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’s design avoids reducing that relationship to a single scatterplot and instead lets readers experience several variables together.

Note

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.

References

Visual Data — Giorgia Lupi

Venn Diagram

Wed, 08 Oct 2025 00:00:00 +0900

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.

Historical Background

The Venn diagram was formalized by the British logician John Venn (1834-1923) in 1880. His paper “On the Diagrammatic and Mechanical Representation of Propositions and Reasonings” presented a systematic way to show set relationships.

Earlier 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.

Data 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.

Use 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.

References

Minard's Map of Napoleon's March to Moscow

Mon, 06 Oct 2025 00:00:00 +0900

In 1869, the French engineer and visualization pioneer Charles Joseph Minard published Carte Figurative des pertes successives en hommes de l’Armee Francaise dans la campagne de Russie 1812-1813, a diagram of Napoleon’s disastrous Russian campaign.

The 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.

How to Read It

The diagram combines troop strength, movement route, temperature, time, and geography in one view.

Tan band: advance
The 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.
Black band: retreat
The 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.
Temperature chart
The 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.
Place names and rivers
Cities such as Smolensk and Moscow, along with rivers such as the Niemen, anchor the diagram in geographic space.

Historical Context

In 1812, Napoleon’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.

Minard’s diagram compresses the tragedy into a single visual argument: as distance and time pass, the army disappears.

Minard’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:

multivariate 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.

Summary

Minard’s map of Napoleon’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.

References

Nobels, No Degrees: Visualizing Genius Beyond Credentials

Mon, 06 Oct 2025 00:00:00 +0900

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.

The phrase “no degrees” 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.

How to Read It

The poster is dense, but it is organized into clear information layers.

1. Age and Timeline

The central dot-and-line structure plots:

X 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.

2. Education

The bar chart on the left compares highest degree by category:

PhD
Master’s
Bachelor’s
No degree

Scientific fields are dominated by PhDs, while Literature and Peace include more laureates outside formal academic pathways.

3. 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.

4. Birthplace

The lower chart groups laureates’ 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.

5. 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.

Significance

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.

Summary

“Nobels, no degrees” 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.

References

Nobels, no degrees — Behance

Painters in the Making: Lives and Masterpieces

Mon, 06 Oct 2025 00:00:00 +0900

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.

The piece was created for La Lettura, the cultural supplement of the Italian newspaper Corriere della Sera.

How to Read It

The central vertical axis represents time, from the 1200s to the 1900s. Painters are arranged horizontally. Each artist’s life is shown as a line, and the moments when major works were created are inserted as small rectangles along that line.

1. 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.

Life is divided into three stages:

young: 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 “mature” painter in the 1300s with one in the 1900s without treating age as a fixed universal threshold.

2. Attributes of the Works

Each rectangle represents a painting and contains several attributes:

the 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.

Changes Across Centuries

The table titled “How does the way of painting change over the centuries?” summarizes historical shifts.

Century	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.

Choosing 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.

Concept

The work is a representative example of Lupi’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.

Summary

“Painters in the Making” 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.

References

Noise Pollution: Visualizing Urban Noise and Hearing Loss

Sun, 05 Oct 2025 00:00:00 +0900

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.

Across 50 cities, it quantifies the relationship between urban noise environments and auditory health through the World Hearing Loss Index.

Author 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.

How to Read the Legend

Each city is represented by a vertical line and a circle at its end:

the 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.

In the visualization, it is represented by circle size. Larger circles indicate louder cities.

2. Hearing Loss

Hearing loss measures the average reduction in residents’ hearing ability, also on a 0 to 1 scale.

It is represented by the length of the vertical line. Longer lines indicate greater hearing loss.

3. 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.

4. Color

Color compares each city with the overall average:

Red: worse than average
Blue: better than average

Reading the Relationship

The important point is to compare circle size and line length together.

Long 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.

Summary

“Noise pollution” 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.

References

Objects Launched into Space

Sun, 05 Oct 2025 00:00:00 +0900

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 “Orizzonti Visual Data” series.

Overview

The central wave-like form represents the cumulative number of objects launched into space from 1957 to 2022, including satellites, rockets, probes, and stations.

Thick 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.

How 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.

The right legend shows launches by country in 2022. Circle size represents count. The “Current state of the objects” section indicates the share that remains in orbit and the share that has decayed or left orbit.

Background 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.

The 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.

Summary

Federica Fragapane’s “Objects launched into space” 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.

References

Urban Story: Lisbon Is on a Par with Honolulu

Sun, 05 Oct 2025 00:00:00 +0900

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.

It compares 25 cities around the world and represents each city’s character through multiple dimensions. As the title “Lisbon is on a par with Honolulu” suggests, cities that are geographically and culturally distant can show surprising similarities when compared through data.

How 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.

City Name and Basic Information

The city name is accompanied by the foundation year, shown in italic. The city’s age is represented by a solid line, giving a visual sense of historical depth.

Indicators

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.

The 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.

Background

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.

In typical Accurat fashion, the piece does not present numbers as a table. It turns them into a visual language for urban identity.

Summary

“Urban story: Lisbon is on a par with Honolulu” 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.

References

Visualizing Progress Toward Gender Equality

Sun, 05 Oct 2025 00:00:00 +0900

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.

Based 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.

Why the Visualization Matters

Fragapane’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.

The 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.

How to Read the Legend

The graphic uses two assessment systems.

Trend Assessment

Trend marks show the direction and speed of change:

On 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:

Target 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.

Some indicators suffer from missing data, which is itself a major issue. The visualization calls attention to this through the “missing data” sections.

Regional Classification

The regions follow the United Nations geoscheme used in the SDG framework, including:

Sub-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.

References

Visualizing The Memory of the World Register

Sun, 05 Oct 2025 00:00:00 +0900

This infographic by Federica Fragapane visualizes UNESCO’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’s records are distributed across places and media.

The work was created for the Visual Data series in La Lettura.

How to Read the Legend

The infographic organizes UNESCO-registered documentary heritage into three layers: geographic area -> country -> type of document.

Hierarchical Structure

Geographic area
Major branches radiating from the center represent regions such as Europe, Asia, Africa, Latin America, the Middle East, North America, and Oceania.
Country
Country names appear at the ends of smaller branches.
Type of document
Small symbols next to country names indicate the types of registered documentary heritage.

Symbol 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.

Overall 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.

Design 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.

Summary

“The Memory of the World Register” 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.

References

Selling at Sundance: An Infographic on the Economics of Film

Sat, 04 Oct 2025 00:00:00 +0900

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.

The project turns what was originally spreadsheet-like market data into a three-dimensional visual object.

How 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.

Upper 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.

Lower Half: Film Economics

The lower area describes financial outcomes through stacked shapes.

Red: 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.

Context

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.

The visualization makes that uncertainty visible. It shows how acclaim, genre, sale price, and box office can diverge.

Summary

“Selling at Sundance” 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.

References

Selling at Sundance — Behance

Waffle Chart

Sat, 04 Oct 2025 00:00:00 +0900

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.

Like pie charts and bar charts, waffle charts show part-to-whole relationships, but they have a more iconic and infographic-like appearance.

Background

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.

Waffle 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.

Data 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%.

Purpose

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.

Use 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’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.

References

A New Way to Read Shakespeare

Fri, 03 Oct 2025 00:00:00 +0900

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’s plays through information visualization.

Rather than replacing reading, it uses visual patterns to reveal structure, vocabulary, character distribution, and recurring language.

The project uses text data from Northwestern University’s WordHoard project. Computational methods are applied to extract hidden structures from the plays and visualize what Thiel describes as narrative algorithms.

How 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.

Horizontal 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 “time” or “man” appear large when they recur throughout a play, making themes visible across the whole structure.

Some visualizations combine Shakespeare’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.

Methods

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.

Five Approaches

Thiel presents the work as a starting point for discussion rather than a complete substitute for reading. The approaches include:

vocabulary distribution by character
word repetition across scenes
quotation visibility through Google search results
character entrances and exits
large-scale text patterns

Summary

“Understanding Shakespeare” 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.

References

Geniuses, Visualized: Harold Bloom and the Kabbalistic Tree

Fri, 03 Oct 2025 00:00:00 +0900

Geniuses, visualized is an infographic based on the 100 “exemplary creative minds” 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.

Bloom’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.

How 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’s Genius.
Gray dotted number: related historical figures in Encyclopaedia Britannica.

The sizes are normalized into a five-step scale.

Continent

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.

Profession

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.

Context

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.

By combining Bloom’s evaluation with Wikipedia and Britannica indicators, the work also contrasts historical prestige with contemporary visibility.

Summary

“Geniuses, visualized” 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.

References

Stefanie Posavec's Visualization of On the Road

Fri, 03 Oct 2025 00:00:00 +0900

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.

The piece introduced here, Literary Organism, visualizes Jack Kerouac’s On the Road as a literary body.

About 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.

How to Read It

1. Basic Structure

The text is decomposed hierarchically:

Part -> chapter -> paragraph -> sentence -> word

The form radiates outward from the center, and the story can be followed clockwise.

2. Notation

Sentences and paragraphs are indexed by chapter and paragraph number. For example, 3.5 means the fifth paragraph of chapter 3.

3. 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.

4. 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.

Process and Intent

Writing Without Words began as Posavec’s MA research. She collected and drew much of the data by hand, emphasizing the labor and human presence behind the visualization.

The project uses quantitative data, but its aim is not detached measurement. It creates an emotional and structural encounter with literature.

Summary

Posavec’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.

References

(En)tangled Word Bank: Visualizing the Evolution of Darwin's Origin of Species

Thu, 02 Oct 2025 00:00:00 +0900

(En)tangled Word Bank visualizes how Charles Darwin’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.

The project was displayed as large banners at the University of Cambridge’s Darwin anniversary festival and was also included in MoMA’s exhibition Talk to Me.

Structure as a Literary Organism

The visualization treats the book as a literary organism. From the center outward, the text branches like a plant:

Center: chapter
First layer: subchapter
Second layer: paragraph
Leaves: sentence

The book’s textual hierarchy becomes a biological form of trunk, branch, and leaf.

The Basic Code Ring

The outer ring is a fine-grained index that records each sentence’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.

Reading 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.

Color and Textual Lifespan

Color represents the life of each sentence across editions.

Teal 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.

Orange: 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.

The logic is simple: a sentence appears, survives, darkens, and may eventually disappear.

Editions

The six editions are arranged clockwise. The first edition is entirely new text; the sixth edition shows the final surviving form.

Design and Data

The visual language evokes botanical plates, connecting Darwin’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.

Summary

“(En)tangled Word Bank” turns editorial revision into a living system. Darwin’s book about evolution is itself shown as something that evolves, with sentences born, surviving, changing, and dying across editions.

References

Digital Nostalgia: Visualizing Internet History in Life Online

Thu, 02 Oct 2025 00:00:00 +0900

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.

Series Context

The series covers four themes:

the 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.

Life 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.

Center: Culture, Abuse, and Technology

The central timeline places events from the 1970s through the 2000s across categories:

Culture: 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.

Background: 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.

Why 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.

Summary

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’s early social history.

History Flow: Visualizing Wikipedia's Invisible Battles

Thu, 02 Oct 2025 00:00:00 +0900

Wikipedia is the world’s largest encyclopedia, but it is also a living document that anyone can edit. Behind its articles are collaboration, conflict, vandalism, repair, and negotiation.

History 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.

Background

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.

How History Flow Works

History Flow draws a document’s revision history as a flow.

Horizontal axis: time or revision order
Vertical axis: position in the text
Color: author contribution

If a colored band persists, that author’s text survived. If it breaks, text was deleted. Sharp zigzags often indicate edit wars.

The system used Java hash values to assign consistent colors to authors, while anonymous edits were shown in gray.

Case 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.

This pattern records an edit war over a paragraph about “coulage,” a chocolate sculpture technique. Two editors repeatedly inserted and removed the passage before it was ultimately deleted.

Case Study 2: Abortion

The Abortion article shows another pattern: sudden black gaps, or gutters, caused by mass deletion vandalism.

When 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.

Patterns

The research identified several recurring dynamics:

vandalism 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.

Summary

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.

References

Mission(s) to Mars: Visualizing Challenge and Progress in Mars Exploration

Thu, 02 Oct 2025 00:00:00 +0900

Mars has long been one of humanity’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.

Mission(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.

How to Read It

The graphic is organized around a central question: did each mission reach Mars?

Overall structure: Mars sits at the center, while time runs from left to right.
Bars: each band represents a mission’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.

Reading 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.

Summary

“Mission(s) to Mars” makes the history of planetary exploration legible through success, failure, agency, and mission type. It shows that today’s Mars science rests on decades of partial attempts and technical learning.

References

Multicolor and Texture: A 1904 German Wheat-Yield Map

Thu, 02 Oct 2025 00:00:00 +0900

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.

Visualizing 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.

By 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.

Low 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.

Design 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.

The map is a good example of a hybrid color-and-texture design that turns production constraints into a visual strength.

Modern 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.

Summary

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.

Sunburst Chart

Thu, 02 Oct 2025 00:00:00 +0900

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.

Background

Sunburst charts developed from the broader history of compact hierarchy visualization. Their lineage includes early concentric classification diagrams, financial diagrams, and information-visualization research.

Important historical threads include:

Late nineteenth century: Lawrence W. Fike’s zoological concentric chart, which arranged biological taxonomy in rings.
1921: a “sunburst diagram” 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’s partition layout.

Data Structure

Sunburst charts require tree-structured data.

Element	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.

Strengths

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.

Design 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.

References

TextArc: A Map for Looking at Alice

Thu, 02 Oct 2025 00:00:00 +0900

In the early 2000s, information designer W. Bradford Paley created TextArc, a visualization based on Lewis Carroll’s Alice’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.

How 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.

Frequent 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, “Alice” shines near the center and connects to many locations throughout the book. Words that appear only once sink toward the edge like small fragments.

Reception 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.

It is also included in SIGGRAPH-related archives and discussed in the Archive of Digital Art as a work that bridges literature and interface design.

What It Shows

TextArc changes the act of reading by making the text visible as a whole.

It 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’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.

References

Bump Chart

Tue, 30 Sep 2025 00:00:00 +0900

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.

Unlike a line chart, which focuses on changes in value, a bump chart focuses on changes in relative position.

Historical Background

The idea predates the modern name. One early example appears in the 1890 Statistical Atlas of the United States.

This 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.

Modern use of the term “bump chart” spread through data visualization practice in the 2010s, including Tableau examples such as Matt Chambers’s Car Color Evolution.

Data Structure

Category	Time	Rank
A	2020	1
B	2020	2
A	2021	2
B	2021	1

Rank 1 is usually placed at the top.

Use 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.

References

Connected Scatterplot

Tue, 30 Sep 2025 00:00:00 +0900

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.

It is especially useful for showing how the relationship between two variables changes over time.

Background

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.

Haroz, Kosara, and Franconeri describe the form as a way to present paired time series.

Driving Safety, in Fits and Starts — NYTimes.com

Data 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.

Purpose

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.

Strengths

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.

Design 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.

References

Polar Area Chart

Tue, 30 Sep 2025 00:00:00 +0900

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.

The best-known historical example is Florence Nightingale’s coxcomb chart, which visualized causes of mortality among soldiers in the 1850s.

Historical 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.

Today, polar area charts can be made with libraries such as Matplotlib and D3.js.

Data 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.

Use 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.

Strengths and Caveats

Strengths:

Shows cyclic structure intuitively.
Has strong visual impact.
Works well with seasonal or periodic categories.

Caveats:

Precise 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.

References

Wikipedia: Polar area diagram

Mosaic Plot

Mon, 29 Sep 2025 00:00:00 +0900

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.

The basic principle is:

Split 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.

Strengths

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.

Perspective	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.

References

Beeswarm Plot

Sun, 28 Sep 2025 00:00:00 +0900

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.

The name comes from the way the points cluster like a swarm of bees.

Background

Beeswarm plots became familiar through the R beeswarm package and are now available in many visualization libraries, including Python’s seaborn.swarmplot() and Plotly strip charts. They reflect a broader trend toward showing raw observations rather than only statistical summaries.

Data Structure

Variable	Meaning	Type
category	Group to compare	string
value	Numeric measurement	number

The plot can show one distribution or compare several groups.

Purpose

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.

Use 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.

Design 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.

References

Parallel Sets

Sun, 28 Sep 2025 00:00:00 +0900

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.

The method extends the idea of parallel coordinates from continuous variables to categorical combinations.

Background

Parallel sets were developed in the 2000s by visualization researchers Robert Kosara and Jorg Hauser. Their paper “Parallel Sets: Interactive Exploration and Visual Analysis of Categorical Data” introduced the method as a way to explore contingency-table data across many dimensions.

The method supports interaction such as reordering axes, rearranging categories, and highlighting subsets.

Data 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.

How to Read It

The vertical axes represent variables. Blocks on each axis are categories. Bands connect category combinations, and wider bands indicate more observations.

A key feature is that band width can be read as both:

a 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.

Summary

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.

References

Radar Charts and Parallel Coordinates: A Debate About Readability

Sun, 28 Sep 2025 00:00:00 +0900

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.

Radar 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.

Weaknesses of Radar Charts

Radar charts are popular, but they are often criticized.

Radial 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’s essay “Bad Ideas in Visualization” argues that radar charts invite viewers to read shape even though that shape depends heavily on arbitrary axis ordering.

Parallel 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.

The basic argument is that radar charts scatter axes around a circle, while parallel coordinates align them in a common direction.

Research 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.

Popularity vs. Expertise

Despite criticism, radar charts remain far more widely recognized than parallel coordinates.

1. The Power of Shape

Radar charts turn multiple values into a memorable polygon. In presentations and education, that shape can be persuasive and intuitive.

2. Cultural Familiarity

Sports magazines, games, and school materials have made radar charts familiar as “ability charts.”

3. Tool Availability

Excel and Google Sheets include radar charts. Parallel coordinates usually require R, Python, or specialized visualization tools.

4. Learning Cost

Parallel coordinates can look tangled to non-specialists. Radar charts are easier to recognize at first glance.

Choosing 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.

Summary

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.

References

The Origin of the Japanese Term "Quantity-Proportion Graph"

Sun, 28 Sep 2025 00:00:00 +0900

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’s area corresponds to quantity multiplied by proportion.

Internationally, similar methods are known as mosaic plots in statistics and Marimekko charts in business. The Japanese term “量率グラフ” emerged through education and popularization in Japan.

Examples

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 “quantity-proportion graph.”
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’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.

Naming

Mosaic plot: statistical name
Marimekko / Mekko chart: business-dashboard name
Quantity-proportion graph: Japanese educational name

The Japanese explanation often says “vertical = quantity, horizontal = proportion.” More precisely, both dimensions are relative scales, and the area is what encodes the resulting quantity.

Summary

The term “quantity-proportion graph” 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.

References

About This Site

Wed, 19 Jun 2013 00:00:00 +0900

About This Site

Visualizing.JP introduces practical methods, examples, and research related to data visualization. It also covers adjacent topics such as open data, open government, data journalism, big data, and data science.

As Ben Fry wrote in Visualizing Data, the field spans statistics, data mining, graphic design, information visualization, information design, coding, and the web. This site takes an incremental approach: each topic is narrowed down into a small unit, and those units are accumulated over time.

To move people through data visualization, readers need to feel that the subject connects to them. The site therefore treats storytelling methods alongside technical points.

About the Author

Yuichi Yazaki is a practitioner working on data visualization and its broader adoption.

He is the founder of Data Visualization Japan, representative partner of Notation LLC, and a Yahoo! News Expert author.

Contact

For inquiries, please use the email address below.

visualizingjp(at)gmail.com

Replace (at) with @.

Links

Wed, 19 Jun 2013 00:00:00 +0900

Search

Mon, 01 Jan 0001 00:00:00 +0000