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.
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.
How to use the map with legend maker
- 1Add places
Add locations by search or by clicking the map.
- 2Assign categories
Put each place in a colored category.
- 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):
R_i = R_{\text{base}} \times \left( \frac{V_i}{V_{\text{base}}} \right)^{0.5716}- Value Ratio: V_i / V_base = 8,000,000 / 50,000 = 160.00
- Pure Geometric Radius Scaling (exponent 0.50): R_geo = 4.0 * (160)^0.5 = 4.0 * 12.649 = 50.60 mm
- Perceptual Flannery Radius Scaling (exponent 0.5716): R_flannery = 4.0 * (160)^0.5716
- Logarithmic power calculation: 160^0.5716 = 10^(0.5716 * log10(160)) = 10^(0.5716 * 2.20412) = 10^(1.25987) = 18.19
- Flannery Scaled Radius: R_flannery = 4.0 * 18.19 = 72.76 mm
- Radius compensation factor: 72.76 mm / 50.60 mm = 1.438x larger radius (+43.8% radius boost)
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 Variable | Graphic Mechanism | Nominal Data | Ordinal Data | Quantitative Data | Cognitive / Optical Limitation |
|---|---|---|---|---|---|
| Hue / Color Tint | Wavelength 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 / Lightness | Luminance from light tint to dark shade of single hue | Moderate (can imply false hierarchy) | Optimal (light implies low, dark implies high) | Optimal (continuous choropleth shading) | Simultaneous contrast: adjacent shades distort perceived tone |
| Size / Dimension | Physical surface area of points, lines, or proportional circles | Poor (implies magnitude differences) | High (small to large steps) | Optimal (proportional circle / bar mapping) | Human eyes underestimate circle areas without Flannery scaling |
| Shape / Glyph | Geometric form (circle, triangle, cross, square, icon) | Optimal (differentiates amenities, assets) | Poor (shapes have no inherent order) | Not Applicable | Complex glyphs become illegible at small map scales |
| Orientation / Angle | Angular direction (0° to 360°, e.g., wind vectors, arrows) | Moderate (wind, fault line directions) | Moderate (can indicate flow alignment) | Optimal for directional flow / velocity | Hard to distinguish angle differences smaller than 15 degrees |
| Texture / Pattern | Hatching, stippling, line density, or raster fill | High (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.
- 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
| Fact | Value | Notes |
|---|---|---|
| Category Engine | Dynamic Category Builder | Assign custom names and color swatches |
| Legend Display | Floating Map Overlay | Live count badge per category |
| Privacy | Client-Side Rendering | No data stored on external servers |
Edge cases and exceptions
Overlapping Categories
Locations can be assigned to unique categories with distinguishable high-contrast hues for clear presentation viewing.
The map with legend maker: worked examples
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 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
What to do with this result
- Free Map Maker: Color a US MapUse this to make a free map by coloring US states.
- Pin Drop Map — Drop Pins & Save LocationsUse this to drop pins on a map.
- CSV to Map VisualizerUse this to plot a CSV file on a map.
- Embed Map Code GeneratorUse this to embed a map on your website.
- Map Drawer — Draw Shapes, Polygons & PathsUse this to draw shapes on a map.
Related map tools
Blog posts, studies & methodology
Printable blank maps
- Printable blank map libraryWorld, continent, US and state outline maps (PDF/PNG/SVG).
- Blank map: United States with State BordersFree printable outline map.
- Blank map: World Map with Country BordersFree printable outline map.
- Blank map: United States All Counties MapFree printable outline map.
- Blank map: North AmericaFree printable outline map.