GEODETIC DATUM: WGS84 · CLIENT-SIDE PRECISION · NO SIGN-UP
Open Map Lab

Map With Legend Maker

The companion to our free map maker: add places by search or click, sort them into colored categories and get a map with a legend whose counts update automatically. Everything stays in your browser.

By ·Updated Runs in your browser
Map Legend Generator
Exact Geodetic· Calculated coordinates

Custom Map with Categorized Legend (5 Locations)

Click the map to plot locations into the active category. Customize colors, add new categories, and generate presentation-ready maps.

Interactive Legend & Active Category:
Map Legend
Retail Stores
2
Distribution Hubs
2
Service Centers
1

How to use the map with legend maker

  1. 1Add places

    Add locations by search or by clicking the map.

  2. 2Assign categories

    Put each place in a colored category.

  3. 3Use the auto legend

    The legend and the count per category update automatically as you edit. Data stays in your browser.

What is a map legend and why does a map need one?

A map is not a miniature photograph of the Earth; it is an abstract semiotic model consisting of graphic symbols that encode real-world physical and demographic phenomena. Without a clear, unambiguous legend (historically termed the “key”), a map is merely an attractive graphic devoid of analytical utility.

The legend acts as the translation cipher between geographic geometry (points, polylines, polygons, and raster cells) and human meaning. In thematic cartography, the legend must explain four critical dimensions:

  • Symbol Identification: Exactly what each shape, icon, line style, or color hue represents (e.g., hospital, international boundary, highway class).
  • Measurement Unit & Scale: The numeric units being communicated (e.g., persons per km², elevation in meters NAVD88, or median household income in USD).
  • Data Discretization: How continuous real-world ranges have been partitioned into classes (equal interval, quantile, or natural breaks).
  • Null & Missing Data Distinction: Clear separation between true zero values and areas with suppressed, uncollected, or statistically insignificant data.

Ways to show data on a map: color, size and shape

In 1967, French cartographer Jacques Bertin published Sémiologie Graphique (Semiology of Graphics), establishing the foundational theoretical framework for information visualization. Bertin identified six primary visual variables through which information can be visually encoded on a two-dimensional map plane:

Position & Shape

Geographic coordinates determine where features reside. Shape distinguishes qualitative classifications (e.g., airport icon vs. railway junction) without implying one is superior or larger than another.

Size & Value

Size (area of circles, thickness of lines) instantly signals quantitative magnitude. Value (luminance from pale to dark tone) conveys ordered hierarchy and density on thematic choropleth layers.

Hue & Orientation

Color hue (red, blue, green) separates nominal categories without rank. Orientation (angle of line hatching or directional vectors) indicates physical movement, bearing, or strike-and-dip geological trends.

Graduated vs. proportional symbols

When mapping point metrics (such as city populations, seaport container throughput, or earthquake magnitudes), cartographers choose between graduated symbols and continuous proportional symbols:

  • Graduated Symbols: Features are divided into 4 to 6 discrete size bins. In the legend, each bin has one representative circle size (e.g., 10,000–50,000, 50,000–250,000). This is cognitively easiest for readers to categorize.
  • Continuous Proportional Symbols: Every single point feature is scaled continuously so that symbol area is directly tied to value. However, direct mathematical scaling ($A \propto V$) suffers from a major optical defect.
  • The Apparent Magnitude Phenomenon: Extensive psychological experiments by cartographer James Flannery (1971) revealed that the human cognitive system systematically underestimates the physical area of larger circles relative to smaller circles. A circle drawn with 10 times the physical surface area is perceived by human observers as only approximately 7 to 8 times larger.

How to size circle symbols so they read correctly

To counteract human optical underestimation, GIS software and professional cartographers apply Flannery's Perceptual Scaling Exponent (0.5716 instead of the purely geometric 0.5000 square root):

GOVERNING MATHEMATICAL EQUATIONR_i = R_{\text{base}} \times \left( \frac{V_i}{V_{\text{base}}} \right)^{0.5716}
VARIABLE DEFINITIONS & CONSTANTS
R_i:Calculated radius of symbol circle for feature i (pixels or mm)
R_base:Radius assigned to the baseline or minimum data value (pixels or mm)
V_i:Attribute value of the feature being rendered (data units)
V_base:Baseline or minimum non-zero attribute value in dataset (data units)
0.5716:Flannery power exponent (replaces geometric 0.5 to restore true perceptual parity)
WORKED BENCHMARK: CITY POPULATION MAPPING: SCALING METROPOLIS (8,000,000) VS BASE TOWN (50,000)
Base Population (V_base) = 50,000 residentsTarget Metropolis Population (V_i) = 8,000,000 residents (160x larger)Base Circle Radius (R_base) = 4.0 mm
  1. Value Ratio: V_i / V_base = 8,000,000 / 50,000 = 160.00
  2. Pure Geometric Radius Scaling (exponent 0.50): R_geo = 4.0 * (160)^0.5 = 4.0 * 12.649 = 50.60 mm
  3. Perceptual Flannery Radius Scaling (exponent 0.5716): R_flannery = 4.0 * (160)^0.5716
  4. Logarithmic power calculation: 160^0.5716 = 10^(0.5716 * log10(160)) = 10^(0.5716 * 2.20412) = 10^(1.25987) = 18.19
  5. Flannery Scaled Radius: R_flannery = 4.0 * 18.19 = 72.76 mm
  6. Radius compensation factor: 72.76 mm / 50.60 mm = 1.438x larger radius (+43.8% radius boost)
Computed Result:Flannery Compensated Radius = 72.76 mm (Area = 16,630 mm²) vs Uncorrected = 50.60 mm

By expanding the circle radius by 43.8%, the human brain accurately perceives the metropolitan circle as representing 160 times the volume of the small town.

Which symbol type fits which data?

Selecting the incorrect visual variable in your legend creates visual clutter and perceptual errors. Consult this authoritative reference matrix:

Bertin's Visual Variables & Cartographic Effectiveness Matrix

Evaluation of semiotic mechanisms, measurement scale compatibility, and human perceptual constraints.

Visual VariableGraphic MechanismNominal DataOrdinal DataQuantitative DataCognitive / Optical Limitation
Hue / Color TintWavelength of reflected light (red, blue, green, yellow)Optimal (categorizes qualitative types)Poor (no intrinsic natural rank order)Not Recommended (confuses magnitude)Color-vision deficiency (CVD) affects 8% of male readers
Value / LightnessLuminance from light tint to dark shade of single hueModerate (can imply false hierarchy)Optimal (light implies low, dark implies high)Optimal (continuous choropleth shading)Simultaneous contrast: adjacent shades distort perceived tone
Size / DimensionPhysical surface area of points, lines, or proportional circlesPoor (implies magnitude differences)High (small to large steps)Optimal (proportional circle / bar mapping)Human eyes underestimate circle areas without Flannery scaling
Shape / GlyphGeometric form (circle, triangle, cross, square, icon)Optimal (differentiates amenities, assets)Poor (shapes have no inherent order)Not ApplicableComplex glyphs become illegible at small map scales
Orientation / AngleAngular direction (0° to 360°, e.g., wind vectors, arrows)Moderate (wind, fault line directions)Moderate (can indicate flow alignment)Optimal for directional flow / velocityHard to distinguish angle differences smaller than 15 degrees
Texture / PatternHatching, stippling, line density, or raster fillHigh (useful for overlaying jurisdictions)Moderate (density conveys intensity)Moderate (classic black-and-white printing)Can produce moiré visual vibration effects on computer screens

How to make a map legend readable and accessible

A well-engineered map legend follows strict design principles to ensure accessibility and rapid cognitive assimilation:

  • Visual Hierarchy & Title Syntax: The legend title should describe the metric and unit directly (e.g., “Annual Precipitation (mm)”) rather than using redundant generic words like “Legend” or “Map Key”. Subtitles should note the vintage year and data provider (e.g., NOAA NCEI 1991–2020 Normals).
  • Nested Proportional Circles: For continuous point data, display concentric or stacked nested circles in the legend rather than horizontal rows of huge standalone circles, conserving canvas space while providing exact benchmark sizes.
  • WCAG 2.1 Contrast Standards: Legend text must achieve a minimum contrast ratio of 4.5:1 against its bounding box background (3:1 for large text over 18pt). Adjacent choropleth color chips should maintain identifiable luminance contrast.
  • Interactive Filtering: In modern web maps, the legend should serve as an interactive control panel: clicking a legend category highlights those features on the map while dimming non-matching polygons.
Legend Design Constraints & Best Practices
  • Never display unrounded or raw computer floating-point values in legend class labels (e.g., render 15,000 to 25,000 rather than 15002.34891 to 25001.99321).
  • Ensure classes are mutually exclusive and collectively exhaustive without overlapping boundaries (e.g., write 10–19 and 20–29, not 10–20 and 20–30).
  • Always provide an explicit visual indicator for No Data / Suppressed areas (conventionally hatched gray or cross-hatched) to avoid confounding zero with missing information.

Related GIS & Thematic Visualization Tools

Complement your cartographic legend with color palettes, polygon drawers, and export tools:

Quick facts about the map with legend maker

FactValueNotes
Category EngineDynamic Category BuilderAssign custom names and color swatches
Legend DisplayFloating Map OverlayLive count badge per category
PrivacyClient-Side RenderingNo data stored on external servers
PRECISION & EXCEPTIONS

Edge cases and exceptions

Overlapping Categories

Locations can be assigned to unique categories with distinguishable high-contrast hues for clear presentation viewing.

FIELD APPLICATIONS

The map with legend maker: worked examples

1

Corporate Facility Map

Scenario: Plotting 4 retail stores (blue) and 2 distribution centers (green) in Manhattan.

Outcome: Displays an interactive map with a clean floating legend box identifying each category.

FREQUENTLY ASKED QUESTIONS

Frequently asked questions about the map with legend maker

What is a map legend?

A map legend (or key) is an explanatory table that defines the symbols, icons, and colors used to represent features on a map.

How do I add categories to my map?

Create a category with a color, then add locations to it. The legend updates automatically with counts.

What makes a good legend?

Short labels, a logical order, and symbols that match the map exactly.

Can I move the legend?

The legend overlay sits on the map and updates as you edit categories.

Can I export the map with its legend?

Use a screenshot or print view, and export the point list as CSV.

How many categories are practical?

Six or fewer keeps a map readable. Use similar colors for related categories.

Can I use it for business locations?

Yes, such as retail, warehouses and offices, each in its own color.

Is my data private?

Yes. The map data stays in your browser.

How do I add a point?

Search an address or click the map and choose a category.

Should I include a legend on every map?

Whenever a map uses color or symbols to carry meaning, yes. A legend is unnecessary only when labels already say everything, such as a single pin with a name.

Keep exploring

Data & Cartographic Authority: Calculated in your browser from the data you enter · Map tiles © OpenFreeMap · © OpenStreetMap contributors

Written and maintained by . Content updated October 30, 2026; data last verified September 19, 2026. See our editorial policy, methodology, or report an error.