Hi @SteveRoh1 ,
To display dynamic data inside an SVG image where you want to overlay information such as temperature from a database onto specific regions of the image, Power Apps would be a suitable tool for this task. Here's how you can approach it:
Create a Power App:
- Start by creating a canvas app in Power Apps. You can connect this app to your data source (e.g., a database) that contains the dynamic data you want to display.
Upload SVG Image:
- Upload your SVG image (the building image) into Power Apps. You can use an Image control to display this image on the canvas.
Overlay Data:
- To overlay data onto specific regions of the image, you can use other controls like Labels, Text Input controls, or Gallery controls. Place these controls over the image where you want to display data.
- Use formulas to dynamically set the text or values of these controls based on the data from your database. For example, you can use the LookUp or Filter functions to retrieve the relevant data based on the region or field in the building.
Interactive Features:
- If you want to make your app interactive, you can add features like clickable regions on the SVG image that allow users to select a specific field or region to view more details or edit the data.
Data Binding:
- Ensure that the data from your database is bound to the controls appropriately. For example, if you have a Label control to display temperature, set its Text property to the temperature data from your database.
Testing and Deployment:
- Test your app to ensure that the dynamic data is displayed correctly on the SVG image.
- Once your app is ready, you can deploy it for use by your intended audience. Users can access it through a web browser or a mobile device.
Power BI, on the other hand, is more focused on creating interactive reports and dashboards with visualizations but may not be the best tool for overlaying data on a specific SVG image.
Power Apps is a suitable choice because it provides the flexibility to create custom canvas apps with interactive elements and data connections, making it well-suited for displaying dynamic data within an SVG image or any custom interface.
Thanks!!!
Please consider marking my response as the accepted solution if it successfully resolves your concern. If you found the information beneficial in other aspects, kindly express your appreciation by giving it a thumbs-up.
