Skip to main content

Maps

Examples

Full State Names

<USMap data="{map_data}" state="state_name" value="sales_usd" />

State Abbreviations

<USMap data="{map_data}" state="state_abbrev" value="sales_usd" abbreviations="true" />

Color Scales

colorScale=blue

colorScale=green

colorScale=red

colorScale=bluegreen

<USMap
data="{state_current}"
state="state"
value="value"
abbreviations="true"
link="state_link"
title="Sales by State"
subtitle="{most_recent_month[0].month}"
/>

USMap

All Options

NameDescriptionRequired?OptionsDefault
dataQuery name, wrapped in curly bracesYesquery name-
stateColumn to be used as the name for each stateYescolumn name-
valueColumn to be used as the value determining the colour of each stateYescolumn name-
abbreviationsIf true, map will look for two letter abbreviations rather than full names-false | truefalse
colorScaleColour scale to be used-blue | green | red | bluegreenblue
minMinimum value for the colour scale. Anything below the minimum will be shown in the same colour as the min value-number-
maxMaximum value for the colour scale. Anything above the maximum will be shown in the same colour as the max value-number-
titleTitle appearing above the map. Is included when you click to save the map image-string-
subtitleSubtitle appearing just above the map. Is included when you click to save the map image-string-
linkColumn containing links. When supplied, allows you to click each state on the map and navigate to the link-column name-
fmtFormat to use for values (see available formats)Excel-style format | built-in format | custom format-