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
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 |
Last updated