SciFig
Tutorials··5 min read

Mapping Diagram: How to Make One (2026)

What a mapping diagram is in mathematics, how to draw domain and range correctly, and how to show injective, surjective, and bijective relations clearly.

SciFig Team
SciFig Team
Scientific Illustration Experts

A mapping diagram shows how each input element maps to an output element.

It is drawn as two labelled sets with arrows running from elements of the domain to elements of the codomain. Its value in teaching is that it makes the definition of a function visible: every input has exactly one arrow leaving it, and that rule can be checked by looking.

A mapping diagram with domain and codomain ovals and arrows connecting elements (Figure generated with SciFig)
A mapping diagram with domain and codomain ovals and arrows connecting elements (Figure generated with SciFig)

The Parts

PartWhat it isHow to draw it
DomainSet of all inputsLeft oval, elements listed
CodomainSet of all permitted outputsRight oval, elements listed
Range / imageOutputs actually reachedSubset of codomain, often shaded
MappingThe assignment itselfArrows, domain to codomain

The distinction between codomain and range is where students and diagrams both go wrong. The codomain is what you declare; the range is what actually gets hit. Shading the range inside the codomain oval makes the difference visible in one glance.

See AI Scientific Figure Generation in Action

Watch how researchers create publication-ready scientific figures from text descriptions.

Explore the Tool

Drawing the Function Rule

A relation is a function when every element of the domain has exactly one arrow leaving it. Two visual checks follow:
  • No domain element without an arrow — otherwise the function is undefined there.
  • No domain element with two arrows — otherwise it is a relation, not a function.

Note what is allowed: two domain elements may point at the same codomain element, and codomain elements may receive no arrows at all. Both are legal, and diagrams that avoid them teach the definition incorrectly.

Four small mapping diagrams labeled function, not a function, injective, and surjective, showing what each looks like (Figure generated with SciFig)
Four small mapping diagrams labeled function, not a function, injective, and surjective, showing what each looks like (Figure generated with SciFig)

Showing Injective, Surjective, and Bijective

These properties are far easier to see in a mapping diagram than to read in symbols:

  • Injective (one-to-one). No codomain element receives more than one arrow. No arrowheads collide.
  • Surjective (onto). Every codomain element receives at least one arrow. The range fills the codomain.
  • Bijective. Both. Arrows form a perfect pairing with nothing left over on either side.

A useful teaching sequence is to draw one mapping and then modify it minimally — add an element, redirect one arrow — so students see each property appear and disappear.

A mapping diagram with the range shaded inside the codomain oval to distinguish the two (Figure generated with SciFig)
A mapping diagram with the range shaded inside the codomain oval to distinguish the two (Figure generated with SciFig)

Drawing Conventions

  • Domain left, codomain right, consistently.
  • Straight arrows with clear heads; avoid curves that make endpoints ambiguous.
  • Even element spacing, so crossings are readable.
  • Label both sets with names and, where relevant, set-builder notation.
  • Keep sets small. Beyond about six elements the arrows tangle and the diagram stops teaching. Use a formula or a table instead.
A cluttered mapping diagram with ten elements per set beside a clear five-element version illustrating the readability limit (Figure generated with SciFig)
A cluttered mapping diagram with ten elements per set beside a clear five-element version illustrating the readability limit (Figure generated with SciFig)

Tip

Mapping diagrams are a teaching device, not a scientific figure. They shine for small finite sets where the point is the definition. For continuous functions or large sets, a graph, a table, or the formula itself communicates far more.

Create Scientific Figures Now

Describe your scientific figure in natural language — get publication-ready illustrations in minutes.

Try Free
The text to diagram generator produces clean mapping diagrams from a description of the sets and assignments, and text to figure covers other teaching figures. See our visualization guide for the wider workflow.

Related reading: Visualize Research with AI Text-to-Figure, 5 Common Scientific Figure Mistakes AI Fixes.

FAQ

Recommended next

Related scientific figure resources

Go deeper with the most relevant SciFig pages for this article.

Call to action background

Ready to start?

Publication-ready scientific figures, in minutes

Start Creating Free

Free to start · No credit card required · Built for researchers