Editing Create Map (section)

==Creating a Map==
A map is a customizable representation of data where individual values contained in the visual are shown by colors. Fed by data series, a map can show many different types of data, such as power usage, temperature, humidity, etc. A map does not just need to be an image of your data center, you can place an influence on any transparent image uploaded into LiveDC. You will need to gather the following information prior to creating a map:
*Name of the map
*Width in pixels of the map (determined by looking at the properties of the image)
*Height in pixels of the map (determined by looking at the properties of the image)
*The legend that corresponds with the map (Temp, Humidity, Power, Cost, etc.)
**This is the representative color scale you see at the bottom of each map
*The layers that will make up your map (solid background, influences layer, transparent floor layout, etc.)
**Most maps are made of those three (3) layers
**A good way to make your floor layout transparent is to use an open source program called GIMP, which can be downloaded from the web
***Import the floor layout into GIMP
***Change all colors to “Gray scale” by selecting mode under the image menu
***Create a black border for the floor layout using the selection tool under the tools menu in GIMP
***Select ‘Color to Alpha’ from the colors menu to change the selected area into a transparent part of the image
***Export the image as a .PNG file and save to your preferred location
***Import the PNG file into LiveDC utilizing the “Uploaded Images” feature (see “Uploading an Image” for more information)
[[File:Heatmap.png]]

===Instructions===
<ol>
  <li>On the navigation menu (left-hand side) click “Visuals” and click “Maps” this will open a new tab titled “Maps”</li>
  <li>Within the maps tab (upper left-hand corner) click the “Create” button. A new window will open up called “Create Map.”</li>
    <ol type="a">
      <li>Enter the name of the map in the “Name” field</li>
        <ol type="i">
          <li>Examples: Operational Model – Cooling, Power %, Operational Cost per Cabinet, etc.</li>
        </ol>
      <li>Enter any additional information about the map in the “Details” field</li>
      <li>Define a horizontal size in pixels for the map in the “Width” field</li>
        <ol type="i">
          <li>A good rule of thumb is to look at the properties of the image and use those predefined dimensions (usually no more than 1650 pixels)</li>
            <ol type="A">
              <li>If you have an image larger than that, you can scale the image down to a smaller size before importing</li>
[[File:Map-Properties.png]]
            </ol>
            </ol>
      <li>Define a vertical size in pixels for the map in the “Height” field</li>
        <ol type="i">
          <li>A good rule of thumb is to look at the properties of the image and use those predefined dimensions (usually no more than 1300 pixels)</li>
            <ol type="A">
              <li>If you have an image larger than that, you can scale the image down to a smaller size before importing</li>
[[File:Map-Properties-Height.png]]
            </ol>
            </ol>
      <li>Add a legend to the map in the section titled “Legends” by selecting from the drop down menu and clicking the left-hand facing arrow or create a new “Legend” record by clicking the star button (see [[Extras#Creating a Legend|Creating a Legend]] section for instructions)</li>
[[File:Legend.png]]
      <li>Add layers to the map in the section titled “Layers” by clicking of the star button and selecting from the drop-down list or create a new “Layer” record by clicking the star button (see [[Extras#Creating a Layer|Creating a Layer]] section for instructions)</li>
[[File:Layer.png]]
      <li>Click “Create”</li>
      <li>The next step is to add a data series/influence to the map (see [[Extras#Creating an Influence|Creating an Influence]] section for instructions)</li>
[[File:Heatmap-influence.png]]
</ol>
    </ol>
<br />