Scioly.org:Maps

Introduction to
Using the Forums
BBCode General Chat Posting Games Your Daily Random Comment
Editing the Wiki
Design Help:Editing Maps Modules Shortcuts Templates Userboxes Text of the Wiki License
Events and Games
Achievement List April Fools' Day Assassination Games Illinois 2014 Roundtables Monthly Event Challenges Scioly Summer Study Session Superlatives Think Different
Site Features
Staff Exalted Members Discord History Image Gallery IRC Volunteer Hours

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 plot one point, the Location map template should be used.
  • To plot more than one point, the Location map many template should be used.
• 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
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  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 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 Invitational 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 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  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).

Effect of COVID-19 on the 2019-20 season 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