Mapchart
Last updated
Last updated
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).
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 📱!
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
| Section | Option | Configuration 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
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
