Originally posted by Deepak Kumar Gupta. A another interesting article on this topic can be found here.
Power BI provides an advantage to create custom design/custom visual of any image, maps, floor plans not restricted to geographical maps. Visuals can be dynamically designed based on the values of the measures such as Colours. Synoptic Design by okViz assists users to accomplish this task.
This tutorial will guide you through a step by step process of how to use the synoptic panel in Power BI.
Step 1: Download any image of your choice or requirement. For example, a hex map of USA as shown below:
Step 2: Open a web browser (Google Chrome, Internet Explorer, etc) and go to http://synoptic.design and drag your chosen image on the canvas.
Step 3: Now you can select the area you want to label your map. Place the cursor on the canvas and it will automatically select the area and create yellow coloured boundary. Alternatively, you can write the area coordinates and it will display the selected area on the canvas.
Step 4: Like step 3, you can select multiple areas and label them as per your requirements.
Step 5: Once you are done selecting areas and labeling them. You can export the image by clicking Export to Power BI button present in the bottom right corner of the website.
Once you select Export to Power BI, a pop up will open and you can then right-click the image and save image as “.svg” file at your desktop.
Step 6: Open Power BI on your desktop and import your dataset into .pbix file and import synoptic design by okviz from the store. Then select category and measure and drag them to the visualization.
Step 7: You can change the intensity of the colors while changing states by applying rules as desired by the business problem.
You can play with the visualization as per your requirement and change the variables and states accordingly.
Read more here.