Mapchart

Purpose & Application

The mapchart is the best chart to display geographic disparities.

This chart is good to compare values of different areas.

๐Ÿ“ For example, the GDP per countries in the world.

The zones can be geographic regions or different areas of a commercial center.

๐Ÿ“ For example, the average basket of the stores of a commercial center.

It can also be used to locate cities or buildings on a map using markers.

In order to create a mapchart, the dataset must include a geographical column (detected automatically by Toucan).

Key features

What makes this graph a killer story?

  • ๐Ÿ“Œ Markers make it easy to highlight specific points such cities for example and thanks to the color legend, we can see at a glance from which countries they depend.

In our case I can clearly tell that Paris, Lyon and Strasbourg contributes to France GDP ๐Ÿ“ˆ

  • ๐Ÿ—บ๏ธ Custom base map allows you to display whatever you want! It can be the world, areas, countries, cities, neighborhood and even floor plans of a shopping mall -great to analyze which shops are the most visited and if those shops are located close to each other

In our case I can zoom in Italia and quickly tell how zones are performing. Wooow! 4 areas have a very high GDP : Piemonte, Lombardia, Toscana, Sardegna, Sicilia ๐Ÿคฉ

  • โš™๏ธ Crossfilter functionality allows you to use your map chart as a master with another viz! It can be a horizontal bar chart, a stacked bar one, etc.

  • ๐Ÿ”Ž Smooth drill functionality makes it easy on the eye, your user will love it! Add a drill to your mapchart to go in a deeper level of detail.

How easy it is to get the Africa GDP then see the details for each country! ๐ŸŒ

  • Compatible and optimized mobile display, get your data anywhere ๐Ÿ“ฑ!

Configuration

In order to create a mapchart, the dataset used must contains a geographical column (that will be automatically detected and used). Look at this documentation to have more information on how to prepare the dataset for this purpose.

*Mandatory parameters

SectionOptionConfiguration Tutorial

Dataset*

Select the dataset used by the chart

Zone

Color zones

This allows to apply a color in geographical zones depending on a value. Configure the fields (mandatory: Label and Color value)

Zone

Color zones / Label

Select the column contaning zone labels

Zone

Color zones / color value

Select the column contaning zone colors

Zone

Color zones / Default selected zone

Enter the default selected zone among "first", "last" or the label within the dataset

Zone

Color zones / Zone opacity

Enter the opacity value between 0 and 1 (0 is completely transparent, the default value is set as 1)

Zone

Color zones / Use scaling on unfiltered dataset

Activate the option by clicking on the toogle

Zone

Color zones / Number of scale's buckets

Enter the number of buckets for the scale

Zone

Color zones / Display values on zones

Activate the option in order to display values on zones

Zone

Color zones / Custom color thresholds

Check the box Add threshold value(s) (limited at 3)

Zone

Color zones / Additional info

Check the box Select column(s) of the dataset containing additional info

Zone

Color zones / Scale

Check the box Customize color by clicking on it You can also add new bounds

Zone

Color zones / Reverse scale

Activate this option to set high values as cold and low ones as hot

Zone

Color zones / Missing data zones

Manage the display of zones with no data

Markers

Markers

It allows to apply markers (circle) on some location based on latitude, and longitude. Configure the fields

Markers

Markers / Latitude

Select the column containing latitude coordinates

Markers

Markers / Longitude

Select the column containing Longitude coordinates

Markers

Markers / Label

Select the dataset's column containing markers label

Markers

Markers / Markers color

Select the dataset's column contaning markers color

Markers

Markers /Markers size

Check the box Select the configuration type Customize the size according the configuration type

Markers

Markers / Opacity

Enter the opacity value between 0 and 1 (0 is completely transparent, the default value is set as 1)

Markers

Markers / Additional info

Check the box Select column(s) of the dataset containing additional info

Markers

Markers / Default selected marker

Enter the default selected marker among "first", "last" or the label within the dataset

Markers

Markers / Recycle groups colors

Activate the option to recycle groups colors when chart data changes

Legend

Display legend

It allows to display a legend on the right part of the chart. Click on the checkbox. (You can display the legend of all labels by activating the option "Use exhaustive legend")

Map Background

Background

It allows to display a map as a background. Click on the checkbox Click on the checkbox "Background type" and select the type of background

Map Background

Projection

This is an advanced option (know more about map projection here). By default, the Mercator projection (WGS 84) is assumed. If geographical coordinates in your data are already projected on a plan, set the projection option to the value "plan".

Display

Fixed Map

Activate the option the option to prevent user from zooming within the map

Display

Size

(Used only for multiple charts)

Enter a proportion of the total screen between 0 and 1

Display

Mobile size

(Used only for multiple charts)

Enter a proportion of the total screen between 0 and 1 for mobile screens

Display

Custom CSS Class

Set a custom CSS class to target this specific chart with CSS

Tutorial

ID

Enter an ID.

Change the ID to display the tutorial again.

All tutorials with the same ID will be displayed only once

Last updated