Skip to content

Latest commit

 

History

History
76 lines (67 loc) · 3.89 KB

PrismMap.md

File metadata and controls

76 lines (67 loc) · 3.89 KB
Raw

PrismMap Component

PrismMap

mark Object in Graph Props

'mark': {
  'mapScale': 20,
  'mapOrigin': [5, 5],
  'rotation': '-45 0 0',
  'data': mapData,
  'projection': 'Mercator',
  'shapeIdentifier': 'id',
  'shapeKey': 'countries',
  'style': {
    'extrusion': {
      'scaleType': 'linear',
      'field': 'value',
      'value': [0, 5],
    },
    'fill': {
      'scaleType': 'ordinal',
      'opacity': 0.9,
      'field': 'colorValue',
      'color': ['green', 'blue', 'red', 'yellow', 'magenta', 'cyan'],
    },
    'stroke': {
      'width': 1,
      'color': 'black',
    },
  },
}

Properties for mark for Prism Map

Property Type Description
mapScale int Defines scale of the map. Required.
mapOrigin array of 2 ints Defines the origin for the planes. Required. Format example: [0,0]
rotation string Defines the rotation. Required. Format example: '-90 0 0'
data TopoJson Defines the TopoJson file that would be used to draw the map. Required.
projection string Defines the projection of the map. Not Required. Default value: Robinson Available values: Mercator, Robinson, Gall-Peter, Winkel-Tripel, Equirectangular, Natural Earth1.
shapeIdentifier string Defines the field in the TopoJson file of the map which can be used to indentify the different TopoJson shapes. The data file must also have a header by the same name so the data can be mapped to the right shape. Required.
shapeKey string Defines the field in the TopoJson which defines the array of the different TopoJson shapes. Required.
style object Defines the style for the planes. Required.
style.extrusion object Defines the height of the map. Required.
style.extrusion.scaleType string Defines the scale type for extrusion of the map shapes. Required. Available values: linear or ordinal.
style.extrusion.field string Defines the field in the data that will be mapped as extrusion of the map shapes. Required.
style.extrusion.domain array Defines the domain for extrusion. Not Required. If not present the domain is calculated from the provide data depending on the style.extrusion.scaleType
style.extrusion.value array of float Defines the height of the map. Required.
style.fill object Defines the fill of the map shapes. Required.
style.fill.opacity float Defines the opacity of the map shapes. Required. Value must be between 0 and 1.
style.fill.scaleType string Defines the scale type for fill of the map shapes. Not Required. If not present then a constant color that is defined is filled in the map shapes. Available values: linear or ordinal.
style.fill.field string Defines the field in the data that will be mapped as fill of the map shapes. Required if style.fill.scaleType is present.
style.fill.domain array Defines the domain for fill. Not Required. If not present the domain is calculated from the provide data depending on the style.fill.scaleType
style.fill.color array or string Defines the color for fill. Not Required if style.fill.scaleType is present, else required. Default value: d3.schemeCategory10 If style.fill.scaleType is not present the this needs to be a string otherwise an array.
style.fill.startFromZero boolean Defines if the domain starts from 0 or not. Not Required. Default value: false Only applicable if style.fill.color is not given and style.fill.scaleType is linear.
style.stroke object Defines the stroke for the planes. Not Required. If not present the planes are not stroked.
style.stroke.width float Defines the stroke of the map. Required.
style.stroke.color string Defines the stroke color for map. Required.

Example JS of the Visualization

Data

Datafile: csv

The data file must have latitude, longitude as the header values.

id,value,colorValue
004,6.769927552817786,1
024,6.860288838552762,5
008,6.492813386791552,3