Skip to content

  • VisualizationPage · Index
  • What’s newPage · Latest additions
  • Styles indexPage · Home
  • Compare stylesPage · Side by side
  • Patterns indexPage · Index
  • Articles indexPage · Index
  • Folio design systemPage · House system
  • Folio FoundationsPage · House system
  • Folio ComponentsPage · House system
  • Folio PatternsPage · House system
  • Folio MotionPage · House system
  • Folio ExamplesPage · House system
  • Folio ButtonsPage · Component
  • Folio Text fieldsPage · Component
  • Folio SelectPage · Component
  • Folio Checkboxes & switchesPage · Component
  • Folio Radio groupsPage · Component
  • Folio TabsPage · Component
  • Folio MenusPage · Component
  • Folio DialogsPage · Component
  • Folio TooltipsPage · Component
  • Folio Breadcrumbs & paginationPage · Component
  • Folio CardsPage · Component
  • Folio Badges & avatarsPage · Component
  • Folio Data tablesPage · Component
  • Folio Progress & loadingPage · Component
  • Folio FeedbackPage · Component
  • Folio Empty statesPage · Component
  • Folio MediaPage · Component
← Visualization

Choropleth map

Geographic areas are shaded by a comparable rate or share.

A city’s public gardens

A city’s public gardens: choropleth. Residents within a 10-minute walk (%). Full values follow in the data view.Share of residents within a 10-minute walk of a public garden. Fictional districts.North35%Hill62%Harbor48%West78%Central88%South54%

Darker shading means a larger share of residents.

Share of residents within a 10-minute walk of a public garden. Fictional districts.

Illustrative data
View data6 records
A city’s public gardens
ItemWithin 10 min (%)Visits / week
North35120
Hill6280
Harbor48260
West78160
Central88320
South54200

When it fits

Find regional patterns in a normalized measure.

What you need

Area boundaries and values with a consistent denominator.

Watch for

Raw totals often show population size rather than the phenomenon of interest.

In practice

US county unemployment rates, 2009, published by Vega contributors.
US county unemployment rates, 2009 · Vega contributors · BSD-3-Clause

Related alternatives

Proportional-symbol map Heatmap
Sources and accessibility

The authored example uses illustrative data. Published references retain their original information and presentation.

Use Tab to reach controls and the data view. Native selects support arrow keys. All values are available in the data view; color and hover are never the only way to read the example.