The Atlas Platform allows you to change the content of a map and the behaviour of the platform. There are many options available, some of these can be modified in the Advanced Editor, some of them requires setting up a custom map that you need to request from us.
You can learn more about the Atlas Platform in the following articles
Skip ahead to
Self service customisation options
The Advanced Editor
Due to time and budget reasons the map editor is currently a prototype.
All parameters that define a map and control the behaviour of the platform are contained in JSON (JavaScript Object Notation) files. These are humanly readable properties and values.
The advanced editor is a JSON editor where you can add, modify and remove some of these properties.
Example of a custom map with 5 developmental lines:
Custom map with 5 developmental lines
Custom map in the advanced editor
The structure of JSON
It is very similar to how your files are stored in directories on your computer. Each entry is either data or it opens a new level. The following describes the developmental lines and other parameters:
devLines: Container for developmental lines
XX…XX: 20 characters long random alfanumeric unique identifier
name: Name of the developmental line
FontSize: Font size multiplier (optional)
X: Horizontal position (optional)
Y: Vertical position (optional)
textAlign: Alignment of text – “right”, “left”, “center” (optional)
quadrant: In which quandrant does the developmental line displayed. By default the platform shows the questions in clockwise order:
– Quandrant 0 – Right upper quadrant
– Quandrant 1 – Right lower quadrant
– Quandrant 2 – Left lower quadrant
– Quandrant 3 – Left upper quadrant
quadrantOrder: Defines the order of the developmental lines within a specific quadrant.
levels: Container for the consciousness levels
“red”, “amber”, “orange”, “green”, “teal” – consciousness levels
name: Definition of the statement for the consciousness level for that particulare developmental line.
FontSize: Font size multiplier
X: Horizontal position
Y: Vertical position
textAlign: Alignment of text – “right”, “left”, “center” (optional)
model: Defines the type of map. e.g. ROM – Reinventing Organizations Map
language: Defines the language of the map
valueDefs: Defines the results shown on the map. It is recommended that you do not touch this portion of the JSON. Please use the Display Properties outside of the Advanced Editor to control how the result is visualized on the map.
One developmental line in the right upper quadrant
JSON
{
"mapData": {
"devLines": {
"wHK34oYC2ed0eeThSgL4": {
"name": "EXAMPLE 1\nLINE",
"levels": {
"red": {
"name": "Example 1 - red",
"X": 0,
"Y": 0,
"FontSize": 1
},
"amber": {
"name": "Example 1 - amber",
"X": 0,
"Y": 0,
"FontSize": 1
},
"orange": {
"name": "Example 1 - orange",
"X": 0,
"Y": 0,
"FontSize": 1
},
"green": {
"name": "Example 1 - green",
"X": 0,
"Y": 0,
"FontSize": 1
},
"green": {
"name": "Example 1 - teal",
"X": 0,
"Y": 0,
"FontSize": 1
}
},
"quadrant": 0,
"quadrantOrder": 0
}
},
"model": "ROM",
"language": "en",
"valueDefs": []
}
}
Formatting the content
You can format the text in the following ways:
- New line: \n
- Bold text: ”bold”
In the example below you can see a multi-line text with one portion bold.
JSON
{
"mapData": {
"devLines": {
"wHK34oYC2ed0eeThSgL4": {
"name": "EXAMPLE 1\nLINE",
"levels": {
"red": {
"name": "Example 1 - red\nmulti line\n''bold text''",
"X": 0,
"Y": 0,
"FontSize": 1
},
"amber": {},
"orange": {},
"green": {},
"teal": {}
},
"quadrant": 0,
"quadrantOrder": 0
}
},
"model": "ROM",
"language": "en",
"valueDefs": []
}
}
Positioning the text
The center of the text is positioned oon the line leading out from the center to the circle that contains the developmental line’s name. You can adjust the position horizontally (X) or vertically (Y):
- X: positive whole number pushes the text right
- X: negative whole number pushes the text left
- Y: positive whole number pushes the text lower
- Y: negative whole number pushes the text upper
The example shows the text on the red level pushed right by 20 units.
One developmental line in the right upper quadrant
Custom map in the advanced editor
JSON
{
"mapData": {
"devLines": {
"wHK34oYC2ed0eeThSgL4": {
"name": "EXAMPLE 1\nLINE",
"levels": {
"red": {
"name": "Example 1 - red",
"X": 20,
"Y": 0,
"FontSize": 1
},
"amber": {},
"orange": {},
"green": {},
"teal": {}
},
"quadrant": 0,
"quadrantOrder": 0
}
},
"model": "ROM",
"language": "en",
"valueDefs": []
}
}
Changing font size
You can adjust the size of the font with a multiplier to make the text fit into a smaller place or make it larger to make the text stand out.
The below example shows the text on the red level in double size.
JSON
{
"mapData": {
"devLines": {
"wHK34oYC2ed0eeThSgL4": {
"name": "EXAMPLE 1\nLINE",
"levels": {
"red": {
"name": "Example 1 - red",
"X": 0,
"Y": 0,
"FontSize": 2
},
"amber": {},
"orange": {},
"green": {},
"teal": {}
},
"quadrant": 0,
"quadrantOrder": 0
}
},
"model": "ROM",
"language": "en",
"valueDefs": []
}
}
Text alignment
By default all text are center aligned, however this can adjust if needed: “left”, “right”, “center”
Default center aligned text
Left aligned text
JSON
{
"mapData": {
"devLines": {
"wHK34oYC2ed0eeThSgL4": {
"name": "EXAMPLE 1\nLINE",
"levels": {
"red": {
"name": "Example 1 - red",
"X": 0,
"Y": 0,
"textAlign": "left"
},
"amber": {},
"orange": {},
"green": {},
"teal": {}
},
"quadrant": 0,
"quadrantOrder": 0
}
},
"model": "ROM",
"language": "en",
"valueDefs": []
}
}
Placement of the development lines
There are four quadrants on the map:
- Quandrant 0 – Right upper quadrant
- Quandrant 1 – Right lower quadrant
- Quandrant 2 – Left lower quadrant
- Quandrant 3 – Left upper quadrant
Within the quadrant the “quadrantOrder” field specifies the order.
The developmental lines are placed with equal spaces in between them within a quadrant
Below you can see examples of developmetnal line placements:
JSON
{
"mapData": {
"devLines": {
"wHK34oYC2ed0eeThSgL4": {
"name": "EXAMPLE 1\nLINE",
"levels": {
"red": {},
"amber": {},
"orange": {},
"green": {},
"teal": {}
},
"quadrant": 1,
"quadrantOrder": 0
}
},
"model": "ROM",
"language": "en",
"valueDefs": []
}
}
JSON
{ "mapData": { "devLines": { "wHK34oYC2ed0eeThSgL4": { "name": "EXAMPLE 1\nLINE", "levels": { "red": {}, "amber": {}, "orange": {}, "green": {}, "teal": {} }, "quadrant": 0, "quadrantOrder": 0 }, "YmENKXQXdqdnOvkW9oYX": { "name": "EXAMPLE 2\nLINE", "levels": { "red": {}, "amber": {}, "orange": {}, "green": {}, "teal": {} }, "quadrant": 0, "quadrantOrder": 1 } }, "model": "ROM", "language": "en", "valueDefs": [] } }
Disabling company name on map
By default the comapny name is displayed on the map with results, however this can be disabled.
Default result view with company name
Company name disabled
JSON
{ "mapData": { "devLines": {}, "model": "ROM", "language": "en", "valueDefs": [],
"mapName": "no" } }
Customization available from the Teal Compass team
Custom map design
If you want your map with your own custom design please contact us, we can build that design for you in the platform.
Custom map content is made by Bernhard Ludwig – IMU
Custom map is built from customer design by Teal Compass team
Recent Comments