Links

Map-Bar Morph

Map morphing is an interactive visualization technique that provides a user-controlled, animated translation from one map to another. Traditionally, overlay mechanisms are used to present layers of information over a single projection. Map morphing provides a way to relate maps with significant spatial and schematic differences.
You can find a more in-depth explanation about the map bar morph on this page: https://echarts.apache.org/examples/en/editor.html?c=map-bar-morph
Image 1: The map
Image 2: The bar
Properties of Map-Bar Morph
Property Name
Data type
Type
Description
Data Source
List
Data model
Datalist source for the widget.
Name
Text
Expression
The name of the map area where the value belongs to, such as 'China' or 'United Kingdom' or if map type is US the State name like "Alaska" or "Florida".
Value
Number
Expression
The value associated with the name.
Map
Text
Dropdown
Change map template. (World, US).
Sort bar chart values
Boolean
Expression
This property orders the values by descending order.
Reverse sort bar chart values
Boolean
Expression
If order values is true, this property changes the values order to ascending order.
Initial view
Text
Dropdown
Set the initial view of the map, it could be first the map and after the bar, or bar and after the map. (Map, bar).
Interval duration
Text
Expression
This is the time interval in which charts alternate. 0 means no animation.
Time is set on milliseconds (1 second = 1000 milliseconds)
Transition animation duration
Text
Expression
This is the time the transition animation takes to finish.
Map high color
Text
Expression
Color for the higher values of the scale and map.
Map middle color
Text
Expression
Color for the middle values of the scale and map.
Leave empty if you only want 2 colors for the scale.
Map low color
Text
Expression
Color for the lower values of the scale and map.
Use map hover
Boolean
Expression
Allow mouse hover on the map.
Map hover color
Text
Expression
Color when the mouse is over the map area.
Use map hover label
Boolean
Expression
Add a label on hover.
Map hover label fontcolor
Text
Expression
Change text color for the label.
Map hover label fontsize
Number
Expression
Change text size for the label.
Show map hover label background
Boolean
Expression
Add a background for the hover label.
Bar chart color
Text
Expression
Color for the bars on the bar chart.
Use bar chart hover
Boolean
Expression
Allow mouse hover on the bar chart.
Bar chart hover color
Text
Expression
Color when the mouse is over a bar.
Allow zoom on bar chart
Boolean
Expression
Adds zoom to the bar chart.
Zoom bar chart slider
Boolean
Expression
Adds zoom slider to the bar chart.
Zoom bar chart start
Number
Expression
Set the starting point for the zoom.
This value is based on a percentile location (1-100)
Zoom bar chart end
Number
Expression
Set the ending point for the zoom.
This value is based on a percentile location (1-100)
Height
Number
Expression
Set height of the chart.
Type number.
Width
Number
Expression
Set width of the chart.
Type number.