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-