View source for Wikipedia:Manual of Style/Diagrams and maps

{{Historical|WP:DIAGRAM||WP:MOSDIAG|MOS:DIAG|MOS:DIAGRAM|MOS:MAP}}
{{Nutshell|When creating diagrams or maps for use on Wikipedia, it is recommended that they assume a generic style and be saved in SVG format.}}

The following are draft Wikipedia guidelines for the use of diagrams and maps in articles.

Diagrams (including charts) and maps are valuable additions to Wikipedia pages when they fulfil these criteria:
*They give an explicit presentation that is directly relevant to the subject of the article(s) in which they appear{{Clarifyme}}<!--This summary point is barely elaborated upon in the more details material below.-->
*They are fully consistent with, and support, the surrounding text{{Clarifyme}}<!--This summary point is not elaborated upon at all in the more details material below.-->
*Their style and density of information are chosen to appeal to a general reader{{Clarifyme}}<!--This summary point is only somewhat elaborated upon in the more details material below.-->
Other qualities such as being entertaining, "eye-candy", startling or artistically rendered do not compensate for lacks in the above criteria. Avoid [[chartjunk]].

==Standards==
Such images must adhere to [[Wikipedia:Image use policy]], like any other. In particular, do not violate [[Wikipedia:Copyright|copyright]] by using all or portions of a diagram or map published in another source.  Instead create a new one, presenting the information germane to the Wikipedia article(s) the image is intended for.

For diagrams of chemical structures, see [[Wikipedia:WikiProject Chemistry/Structure drawing]] for guidance.  &#91;There are probably others that could be pointed to here.&#93;

For maps, where possible use the blank map images available at [[Wikipedia:Blank maps]] when producing new maps. See also the [[Commons:Commons:Project Mapmaking Wiki Standards|WikiMedia Commons Project Mapmaking Standards]] and its talk page.

==File formats and uploading==
It is preferable that diagrams and maps be saved in the [[SVG]] file format. This is an open standard for vector image files. If saving the image as a raster graphic, the [[Portable Network Graphics|PNG]] file format is generally preferred, though [[JPEG]] is acceptable. Very simple animations can be saved in the [[GIF]] file format. Other formats are strongly deprecated.

Upload your finished image to [http://commons.wikimedia.org WikiMedia Commons], giving the image an appropriate, descripive filename that can be understood at a glance.  Categorize it appropriately (it may be helpful to look at the pages of other, similar diagram or map images in Commons to see how they are categorized).

==Presentation==
When possible, use [[Wikipedia:Tables|tables]] rather than diagrams to present simple tabular data, and use [[Wikipedia:Math|mathematical markup]] to produce formulas.

Avoid making a diagram or map so dense that it reduces readability or comprehensibility.  On the other hand, diagrams should avoid the inclusion of big areas of empty, non-informative space inside the image.

Maps should present necessary geographic details, not every possible detail.  The level of detail on a map should be selected so as to make the map useful to experts familiar with the subject, and also to users who are not at all familiar with it. Some information that an expert may not deem necessary might be necessary to others.  For example, those with a geographical knowledge of Europe may not need to have neighbouring countries marked on a map of France, although this feature could be useful to those unfamiliar with the continent.

Maps showing a small geographic area should also have an inset locator map, locating that small geographic area in the context of a larger area, such as a continent or island chain.  ''For example, see [[:Image:Ottawabonnecheregrabenmap.png|this map]].''

Avoid blank space in the image around its main content to give the illusion of a margin around the image. Wikipedia's image displaying code already handles spacing of images in relation to text and other images.  A thin black border may be desirable as an element of the image itself, however, especially if the image is predominantly white or near-white.

==Fonts==
The Wikimedia renderer only knows specific, free fonts, a list of which can be found [[meta:SVG fonts|here]]. Other, non-free fonts such as Arial, Verdana, Helvetica etc. are replaced by a similar one. The [[Noto fonts]] are a good choice to use since they provide visual consistency across a wide range of scripts and languages.

==Labels==
Diagrams and maps should not include the image title (e.g. "Map of Azerbaijan", "Timeline of Events", etc.) ''in'' the image itself. The title is given in the article with the image caption feature and in the image filename, so having the title inside the image is redundant. 

In general, labels of items within the diagram or map should use headline style, in which most words are capitalized. To quote the ''[[Chicago Manual of Style]]'', 14th Edition:<!--Update this to the wording in the 15th ed., the current one.--> 
<blockquote>In regular title capitalization, also known as headline style, the first and last words and all nouns, pronouns, adjectives, verbs, adverbs, and subordinating conjunctions (if, because, as, that, etc.) are capitalized. Articles (a, an, the), coordinating conjunctions (and, but, or, for, nor), and prepositions, regardless of length, are lowercased unless they are the first or last word of the title...</blockquote>

In maps, bodies of water such as rivers, lakes, and oceans should be labeled in ''italics''.  Many map makers use a dark blue for the font. ''&#91;More recommendations are needed. Should capital cities be <b>bold</b>?  Regions in <span style="font-variant:small-caps;">Small Caps</span>?  What about use of letter and word spacing?  Serif font?  Etc.&#93;''

When inserting an image into an article, consider using the {{tl|legend}} template to include a legend in the image caption.

==Colors==
When considering what colors to use in diagrams and maps, try to use colors that are subtle and pleasant rather than bold and garish. Also, try to avoid using colors in a way that would cause difficulty for those with [[color blindness]] or black-and-white monitors.  Try viewing your image in greyscale to see if neighboring or overlapping colors could be indistinguishable to some.

===Colors in maps===
{{main|Wikipedia:WikiProject Maps/Conventions}}
The following colors are recommended for use in creating basic maps. <!-- Use the standarized HTML color names and their hex equivalents! The ones below appear to be completely arbitrary!  See [[Web colors#HTML color names]], in particular the X11 section, the colors in which are varied enough to cover the needs here and which are supported by all modern - i.e. post-1996 - web browsers. -->
{{Wikipedia:WikiProject Maps/Conventions/Locator maps (blank)}}
{{Wikipedia:WikiProject Maps/Conventions/Areas maps}}

==References, projection and scale==
Like articles, all maps and diagrams should include a complete set of references (see [[Wikipedia:Verifiability]]).  For maps, the image page should also include information on the [[map projection]].

Except for the largest maps, maps should include a [[scale (map)|scale]].

==See also==
* [[Wikipedia:Using maps and similar sources in Wikipedia articles]]
* [[Wikipedia:WikiProject Maps/Conventions]], standard practices for displaying maps on Wikipedia
* [[Commons:Commons:Project Mapmaking Wiki Standards]]

[[Category:Wikipedia maps]]
[[Category:Wikipedia style guideline proposals|Manual of Style (diagrams and maps)]]
<!--[[Category:Wikipedia style guidelines]]-->