eHealth PHS

{
"image": "assets/your_image.jpg",
"icons": [ {
"leftPercent": 0.3,
"topPercent": 0.4,
"color": "#FF0000",
"label": "Upper Lip"
}, {
"leftPercent": 0.3,
"topPercent": 0.6,
"color": "#00FF00",
"label": "Lower Lip"
}, {
"leftPercent": 0.5,
"topPercent": 0.5,
"color": "#0000FF",
"label": "Center"
}, {
"leftPercent": 0.7,
"topPercent": 0.4,
"color": "#FFFF00",
"label": "Right Cheek"
}, {
"leftPercent": 0.1,
"topPercent": 0.4,
"color": "#FF00FF",
"label": "Left Cheek"
}
]
}

Read from a JSON to get relative positions of markings from top left to place overlay icons
Adjust values according to the sample oral image
Place overlay icons as per percentage relative position values
May refer stack and positioned-widget along with Image.asset