...
- An image with each ‘Zone’ defined by a unique colour (JPG or PNG)
- Reference Code data that allows you to match each map zone to reference data. (In the tutorial we have Country as a Ref Code – so that we can map each zone to a country code which will then be used for our data).
Note: the examples contained in this Getting Started section do not use the Ski Team data or supplied image. The examples for you to follow along with begin in the Setting up a Map via Administration Options section.
| Wiki Markup |
|---|
{html}<iframe width="700" height="394" src="https://www.youtube.com/embed/6oJesNPiANg?color=white" frameborder="0" allowfullscreen></iframe>{html} |
Selecting the Right Image
...
- The image should contain all areas you wish to assign data to. For example, if you wanted to map revenue by states of Australia, you would need a full map of Australia. A World map would not be suitable here, nor would a map of half of Australia.
- The image should only contain elements you wish to be displayed in the final map. This means that if you found a map of Australia, the image should not contain a background of surrounding water and land masses unless you wish these areas to be displayed in the final map.
Note: any area that does not have data assigned to it will display as found in the original image. - The image should be of a high enough resolution so that you can resize the final map without losing clarity. This means that the image needs to be the size you wish to display your final map, or larger, so that edges and backgrounds do not appear blurred when resized.
...
When you have a clean image you are ready to start assigning colours to the data areas.
Note: the cleaning process will require the use of image editing software.
...
| Section |
|---|
| Column |
|---|
| As you assign colours you will need to keep note of the relationship between each colour and the bone groups. Set up a simple text file or spreadsheet with this information, for example: |
| Column |
|---|
| Colour (Hex Code) | Code | Bone Group |
|---|
#FF7777 | DP | Distal Phalanges | #FFB377 | IP | Intermediate Phalanges | #E0FF77 | PP | Proximal Phalanges | #6BD089 | M | Metacarpals | #4B97ED | C | Carpals |
|
|
Note: colouring the image will require the use of image editing software.
...
| Section |
|---|
| Column |
|---|
| When setting this up, you will need to ensure that you have a code for each area on the map, even if you don’t currently have data for it in your source database. This will ensure that you can set up the map correctly and as soon as there is data for the area it will be recognised by Yellowfin. Click Save to complete the setup and Save changes on your field. Finally, ensure that you Activate your view and you will be ready to set up your Map Image in Yellowfin. |
| Column |
|---|
| 
|
|
| Section |
|---|
| Column |
|---|
| Note: If you wanted to create the code in the Add Image process you would simply click on New rather than selecting a code from the existing list. See below. |
| Column |
|---|
| 
|
|
...
| Section |
|---|
| Column |
|---|
| 3. Next go to Administration and click on the  Images and Maps link. |
| Column |
|---|
| 
|
|
| Section |
|---|
| Column |
|---|
| 4. You will now see a list of images. Click on Add at the bottom of the list. 
|
| Column |
|---|
| 
|
|
...
| Section |
|---|
| Column |
|---|
| 7. Browse for your map image using the upload file options. Select the WorldHeatMap.png image file. 8. Click  Upload File. |
| Column |
|---|
| 
|
|
| Section |
|---|
| Column |
|---|
| 9. Set the Zone Reference Type to Country. The Zone Reference Type is the reference code that will link data from your report to the map zone. This has already been created for you in Yellowfin. To see how to create your own reference code please see the previous section. |
| Column |
|---|
| 
|
|
...
| Section |
|---|
| Column |
|---|
| 12. Use the WorldHeatMapCodes.txt document to help you assign the correct colours to each reference code. 13. Once you have matched all reference codes to a colour in the image click Save. Note: you do not have to match every colour in the image – only those used for data. |
| Column |
|---|
| 
|
|
...
| Section |
|---|
| Column |
|---|
| 13. You can add additional colours (the default is 2) and split them into classes rather than being a gradient scale. Note: if a zone has not been mapped to the data correctly it will be displayed in its original colour |
| Column |
|---|
| 
|
|
...