Scioly.org:Maps

From Wiki - Scioly.org
Jump to: navigation, search

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

Reference: https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Maps

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.

Uploading

Novel maps should be uploaded here for use.

SVG Map Creation

Visual Approach

Reference: https://scioly.org/wiki/index.php/User:Pepperonipi/Sandbox_5

To create SVG maps with an image editor:

  1. Download the SVG map from the Wikipedia page "Module:Location map/data/X" where X is the area you're looking for (such as Wikipedia:Module:Location map/data/Nevada)
  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:

  1. Download the SVG map from File:Imagemap.svg.
  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.
  5. Preview your SVG by opening it in a web browser such as Chrome, Safari, or Firefox. You can make updates to the file in your text editor and refresh the page in your web browser to see the latest version.
  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
Sciolyorg-maps presets.png Sciolyorg-maps colors code.png Sciolyorg-maps colors preview.png
Reference the preset colors starting in line 17, and customize colors for each state starting in line 98.
Hiding/Displaying Small State Labels
Sciolyorg-maps labels code.png Sciolyorg-maps labels preview.png
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
Sciolyorg-maps ca code.png Sciolyorg-maps ca preview.png
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 

Naming (upload):

  • 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.

Georgia
Atlanta dot using Template:Location map is located in Georgia
Atlanta dot using Template:Location map
Atlanta dot using Template:Location map
Atlanta dot using Template:Location map (Georgia)

Gradient maps

Convention for gradient maps
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 

Naming (upload):

  • 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.

BEARSO
A map of attending teams from around the nation
1-4 teams
5-8 teams
8+ teams

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.
Color n⁰1, opacities can vary:  #aa0000 170, 0, 0 
Color n⁰2, opacities can vary:  #00aa00 0, 170, 0 
Color n⁰3, opacities can vary (may conflict with existing colors):  #555555 85, 85, 85 
Color n⁰4, opacities can vary (may conflict with existing colors):  #2e66b6 46, 102, 182 

Naming (upload):

  • File:{Subject name} locator map.svg

Further needs:
Categorization: yes.
Legend: very important.
Labels: not needed.
Scale: not needed.
Projections: Equirectangular projection.
Note: A maximum of four colours is required for complex multi-color area maps (see Four color theorem).

2019-20 Coronavirus outbreak
Cancellations
States which had cancelled both divisions of their state tournament
Tournaments Already Held
States which had completed one division of their state tournament
States which had completed both divisions of their state tournament
Animated
States which released announcements about the situation, but had not cancelled tournaments in their entirety
Cancellations
States which had cancelled some regional tournaments
States which had postponed their state tournaments until a later date
States which had cancelled one division of their state tournament
States which had cancelled both divisions of their state tournament
Tournaments Already Held
States which had completed one division of their state tournament
States which had completed both divisions of their state tournament