# Scioly.org:Maps

Maps may be used to show any location, region, state, etc. They are most often found in Infoboxes and can even have points plotted atop.

Similar maps can be found categorized together. SVG state maps can be found here whilst maps of regionals can be found here. More maps can be found by searching through uploaded files.

## Map Usage

• To only include the map as an image, image syntax can be used: [[file:filename.extension]]. Further parameters can be found under the wiki help page.
• Maps can also be used in infoboxes. Parameters for implementing maps in infoboxes can be found in their respective documentation.
• Depending on the number of points, one of two templates is used to plot points.
• To include a legend with the map, the legend template can be used.

## Map Creation

### File Formats

JPEG files are discouraged as their lossy compression will result in blurry maps.

GIF allows for the creation of animated maps.

PNG is a lossless, truecolor image format. It is good for all maps but may be more difficult than an SVG image to edit.

SVG is vector graphics format and is most recommended because it has three main advantages:

• Images can be scaled without data loss, which allows large-sized and very high quality maps to be made;
• It is a text-based XML language and so can be edited and shared quickly and easily.
• It is a precisely-coded language which can be converted by script or CSS.

Novel maps should be uploaded here for use.

## SVG Map Creation

### Visual Approach

To create SVG maps with an image editor:

2. Open the SVG file in a program such as Inkscape or Adobe Illustrator
3. Replace the following colors:
1. fefee9→F4F4F4
2. f6e1b9→cccccc
3. c6ecff→C0D1E9
4. 0978ab→2E66B6
5. 646464→999999
6. e0e0e0→999999
4. Save the file as an SVG. The file should be less than 500 KB in order to be rendered on the wiki. If the normal file is over 500 KB, attempt to save the file as an optimized SVG.
5. Upload the file to the wiki. Make sure to add Category:SVG Maps and corresponding subject area's categorization (e.g. Category:SVG State Maps).

### Text Approach

Maps can also be edited within a text editor (e.g. Notepad, Sublime Text, Atom). This approach allows adjusting appearances without an image editor, which may be preferred if you want to make quick changes or bulk edits (e.g. generating many maps from state data in a spreadsheet format).

To create or edit SVG maps with a text editor:

2. Rename the file to one that is descriptive, and if a file-naming convention exists, follows convention.
3. Open the downloaded SVG file in a text editor such as Notepad, Sublime Text, or Atom.
4. Scroll to line ~100 where you can custom style individual states or labels.
1. Reference the color list starting at line 17 for preset colors you can use to stylize your map. Using these colors gives your map an appearance that is consistent with other maps across the Scioly.org Wiki.
2. You can uncomment line 91 to hide labels for small states (e.g. VT, NH).
3. You can uncomment line 96 to unify California; rather than displaying Northern and Southern California separately, this would display California as a single state.
4. You can customize styles for states starting from line 98. To change the fill of a state, add fill: #XXXXXX; between the two curly braces { and }, where XXXXXX is the six-character hexadecimal color code.
5. You can customize labels for small states starting from line 155. Try to keep changes here to a minimum since colored text can be difficult to read.
6. When you are finished, upload the file to the Wiki. Make sure to add Category:SVG Maps and corresponding subject area's categorization (e.g. Category:SVG State Maps).
Customizing State Colors
Reference the preset colors starting in line 17, and customize colors for each state starting in line 98. Note that you can not reference the CSS variables for the colors because MediaWiki does not support them; you will need to copy over the hexadecimal value (#XXXXXX) for the color.
Hiding/Displaying Small State Labels
Uncomment line 91 to hide labels for small states (e.g. VT, NH). Leave this line commented to retain these labels.
Displaying California or Northern/Southern California
Uncomment line 96 to display California as a single region. Leave this line commented to display Northern and Southern California separately.

## Conventions

### Location maps

Convention for location maps
Subject Colorimetry (RGB/hex)
Toponymes (names)  #000000 0,0,0
Border. Labels (state/region/county's name)  #999999 153,153,153
Subject's area (state, region, county)  #F4F4F4 244,244,244
Other areas part of the same political unity  #cccccc 204,204,204
Outside area  #999999 153,153,153
Coasts of lakes, rivers, seas, and hydronyms  #2E66B6 46,102,182
Ocean, sea, lake  #C0D1E9 192,209,233

• File:{State name}.svg
• File:{State name} {Sub-division name}.svg

Further needs:
Categorization: yes.
Legend: not needed.
Scale: not needed (since misleading), acceptable for <200km large/high maps.
Projections: Equirectangular projection.

 Atlanta dot using Template:Location mapAtlanta dot using Template:Location map (Georgia)

Subject Colorimetry (RGB/hex)
Landmass without values  #cccccc 204,204,204
Water bodies (ocean, sea, lake)  #FFFFFF 255,255,255
Border  #FFFFFF 255,255,255
Labels (state/region/county's name)  #999999 153,153,153
Area (state, region, county, etc.)

More gradients can be found in Design.

#2E66B6 46,102,182

#4375bd 67, 117, 189
#5885c5 88, 133, 197
#6d94cc 109, 148, 204
#82a3d3 130, 163, 211
#97b3db 151, 179, 219
#abc2e2 171, 194, 226
#c0d1e9 192,209,233
#d5e0f0 213, 224, 240
#eaf0f8 234, 240, 248

• File:{Subject} per {unit} by {Country or Area name} {YYYY} .svg

Note: all areas are important.

Further needs:
Categorization: yes.
Legend: very important.
Labels: not needed.
Scale: not needed.
Projections: Equirectangular projection.

### Area Maps

Convention for locator maps
Subject Colorimetry (RGB/hex)
Toponymes (names)  #000000 0,0,0
Territory of interest / Marked / Focus  #aa0000 170, 0, 0
Surrounding territories (Internal).  #F4F4F4 244,244,244
Surrounding landmass (Outside)  #cccccc 204,204,204
Political borders. Country, state, and province borders.
Nuance is provided by line styling.
#999999 153,153,153  or  #FFFFFF 255,255,255
Rivers; coastlines for lakes, oceans.  #2E66B6 46,102,182  or  #FFFFFF 255,255,255
Water bodies: oceans, seas or lakes.  #C0D1E9 192,209,233  or  #FFFFFF 255,255,255
Maps with opposite groups. Reference Design for different tints and extra colors.
Color n⁰1:  #aa0000 170, 0, 0
Color n⁰2:  #00aa00 0, 170, 0
Color n⁰3 (may conflict with existing colors):  #555555 85, 85, 85
Color n⁰4 (may conflict with existing colors):  #2e66b6 46, 102, 182