CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Wikipedia:Graphs and charts - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"05a6110f-97b6-45bf-a214-0bc12704ccb3","wgCanonicalNamespace":"Project","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":4,"wgPageName":"Wikipedia:Graphs_and_charts","wgTitle":"Graphs and charts","wgCurRevisionId":1221715787,"wgRevisionId":1221715787,"wgArticleId":19369239,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Pages using the Graph extension","Pages with disabled graphs","Wikipedia help","Wikipedia how-to"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Wikipedia:Graphs_and_charts","wgRelevantArticleId":19369239,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false, "wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":10000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"source","wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q15613976","wgCheckUserClientHintsHeadersJsApi":[ "brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.pygments.view", "site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","wikibase.client.vector-2022","ext.checkUser.clientHints","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.discussionTools.init.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Wikipedia:Graphs and charts - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/Wikipedia:Graphs_and_charts"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/Wikipedia:Graphs_and_charts"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-4 ns-subject mw-editable page-Wikipedia_Graphs_and_charts rootpage-Wikipedia_Graphs_and_charts skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=Wikipedia%3AGraphs+and+charts" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=Wikipedia%3AGraphs+and+charts" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Wikipedia%3AGraphs+and+charts" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Wikipedia%3AGraphs+and+charts" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-Accuracy" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Accuracy"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Accuracy</span> </div> </a> <ul id="toc-Accuracy-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Creating_graphs_for_Wikipedia" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Creating_graphs_for_Wikipedia"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Creating graphs for Wikipedia</span> </div> </a> <button aria-controls="toc-Creating_graphs_for_Wikipedia-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Creating graphs for Wikipedia subsection</span> </button> <ul id="toc-Creating_graphs_for_Wikipedia-sublist" class="vector-toc-list"> <li id="toc-Vega" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Vega"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Vega</span> </div> </a> <ul id="toc-Vega-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Methods_using_Wikipedia_templates" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Methods_using_Wikipedia_templates"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>Methods using Wikipedia templates</span> </div> </a> <ul id="toc-Methods_using_Wikipedia_templates-sublist" class="vector-toc-list"> <li id="toc-Timeline" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Timeline"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.1</span> <span>Timeline</span> </div> </a> <ul id="toc-Timeline-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Single_statistic" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Single_statistic"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.2</span> <span>Single statistic</span> </div> </a> <ul id="toc-Single_statistic-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Pie_chart" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Pie_chart"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.3</span> <span>Pie chart</span> </div> </a> <ul id="toc-Pie_chart-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Horizontal_bar_graph" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Horizontal_bar_graph"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.4</span> <span>Horizontal bar graph</span> </div> </a> <ul id="toc-Horizontal_bar_graph-sublist" class="vector-toc-list"> <li id="toc-Bar_chart" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Bar_chart"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.4.1</span> <span>Bar chart</span> </div> </a> <ul id="toc-Bar_chart-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Bar_box" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Bar_box"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.4.2</span> <span>Bar box</span> </div> </a> <ul id="toc-Bar_box-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Stacked_bar" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Stacked_bar"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.4.3</span> <span>Stacked bar</span> </div> </a> <ul id="toc-Stacked_bar-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Vertical_bar_graph" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Vertical_bar_graph"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.5</span> <span>Vertical bar graph</span> </div> </a> <ul id="toc-Vertical_bar_graph-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Brick_chart" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Brick_chart"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.6</span> <span>Brick chart</span> </div> </a> <ul id="toc-Brick_chart-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Line_charts" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Line_charts"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.7</span> <span>Line charts</span> </div> </a> <ul id="toc-Line_charts-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Geographical_maps" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Geographical_maps"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.8</span> <span>Geographical maps</span> </div> </a> <ul id="toc-Geographical_maps-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Colors" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Colors"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.9</span> <span>Colors</span> </div> </a> <ul id="toc-Colors-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Methods_outside_Wikipedia" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Methods_outside_Wikipedia"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.3</span> <span>Methods outside Wikipedia</span> </div> </a> <ul id="toc-Methods_outside_Wikipedia-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Wikipedia</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Graphs and charts</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 2 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-2" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">2 languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Ajuda:Gr%C3%A0fics_o_diagrames_estad%C3%ADstics" title="Ajuda:Gràfics o diagrames estadístics – Catalan" lang="ca" hreflang="ca" data-title="Ajuda:Gràfics o diagrames estadístics" data-language-autonym="Català" data-language-local-name="Catalan" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Wikipedia:Bagan,_grafik,_dan_diagram" title="Wikipedia:Bagan, grafik, dan diagram – Indonesian" lang="id" hreflang="id" data-title="Wikipedia:Bagan, grafik, dan diagram" data-language-autonym="Bahasa Indonesia" data-language-local-name="Indonesian" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q15613976#sitelinks-wikipedia" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-project" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Wikipedia:Graphs_and_charts" title="View the project page [c]" accesskey="c"><span>Project page</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Wikipedia_talk:Graphs_and_charts" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Wikipedia:Graphs_and_charts"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Wikipedia:Graphs_and_charts"><span>Read</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Wikipedia:Graphs_and_charts" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Wikipedia:Graphs_and_charts" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&oldid=1221715787" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FWikipedia%3AGraphs_and_charts"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FWikipedia%3AGraphs_and_charts"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=Wikipedia%3AGraphs_and_charts&action=show-download-screen" title="Download this page as a PDF file"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q15613976" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><style data-mw-deduplicate="TemplateStyles:r1236090951">.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}</style><div role="note" class="hatnote navigation-not-searchable">For record charts, see <a href="/wiki/Wikipedia:Record_charts" title="Wikipedia:Record charts">Wikipedia:Record charts</a>.</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">For instructions on how to make a graph in Wikitext, see <a href="/wiki/Help:Graph" title="Help:Graph">Help:Graph</a>.</div> <style data-mw-deduplicate="TemplateStyles:r1238436933">.mw-parser-output .ombox{margin:4px 0;border-collapse:collapse;border:1px solid #a2a9b1;background-color:var(--background-color-neutral-subtle,#f8f9fa);box-sizing:border-box;color:var(--color-base,#202122)}.mw-parser-output .ombox.mbox-small{font-size:88%;line-height:1.25em}.mw-parser-output .ombox-speedy{border:2px solid #b32424;background-color:#fee7e6}.mw-parser-output .ombox-delete{border:2px solid #b32424}.mw-parser-output .ombox-content{border:1px solid #f28500}.mw-parser-output .ombox-style{border:1px solid #fc3}.mw-parser-output .ombox-move{border:1px solid #9932cc}.mw-parser-output .ombox-protection{border:2px solid #a2a9b1}.mw-parser-output .ombox .mbox-text{border:none;padding:0.25em 0.9em;width:100%}.mw-parser-output .ombox .mbox-image{border:none;padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .ombox .mbox-imageright{border:none;padding:2px 0.9em 2px 0;text-align:center}.mw-parser-output .ombox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ombox .mbox-invalid-type{text-align:center}@media(min-width:720px){.mw-parser-output .ombox{margin:4px 10%}.mw-parser-output .ombox.mbox-small{clear:right;float:right;margin:4px 0 4px 1em;width:238px}}body.skin--responsive .mw-parser-output table.ombox img{max-width:none!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .ombox-speedy{background-color:#310402}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .ombox-speedy{background-color:#310402}}</style><table class="plainlinks ombox ombox-notice" role="presentation"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Twemoji_1f527.svg/30px-Twemoji_1f527.svg.png" decoding="async" width="30" height="30" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Twemoji_1f527.svg/45px-Twemoji_1f527.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Twemoji_1f527.svg/60px-Twemoji_1f527.svg.png 2x" data-file-width="512" data-file-height="512"/></span></span></td><td class="mbox-text"><div style="padding-top: 6px; padding-bottom: 5px;"><b>This help page is a <a href="/wiki/Wikipedia:Project_namespace#Wikipedia_how-to_and_information_pages" title="Wikipedia:Project namespace">how-to guide</a>.</b><br/><div style="font-size: 90%;">It explains concepts or processes used by the Wikipedia community. It is not one of <a href="/wiki/Wikipedia:Policies_and_guidelines" title="Wikipedia:Policies and guidelines">Wikipedia's policies or guidelines</a>, and may reflect varying levels of <a href="/wiki/Wikipedia:Consensus" title="Wikipedia:Consensus">consensus</a>.</div></div></td><td class="mbox-imageright"><style data-mw-deduplicate="TemplateStyles:r1252059228">.mw-parser-output .module-shortcutboxplain{float:right;margin:0 0 0 1em;border:1px solid var(--border-color-base,#a2a9b1);background-color:var(--background-color-base,#fff);padding:0.3em 0.6em 0.2em 0.6em;text-align:center;font-size:85%}.mw-parser-output .module-shortcutboxleft{float:left;margin:0 1em 0 0}.mw-parser-output .module-shortcutlist{display:inline-block;border-bottom:1px solid var(--border-color-base,#a2a9b1);margin-bottom:0.2em}.mw-parser-output .module-shortcutboxplain ul{font-weight:bold}.mw-parser-output .module-shortcutanchordiv{position:relative;top:-3em}.mw-parser-output li .module-shortcutanchordiv{float:right}.mw-parser-output .mbox-imageright .module-shortcutboxplain{padding:0.4em 1em 0.4em 1em;line-height:1.3;margin:0}</style><div class="module-shortcutanchordiv"><span id="WP:GRAPHS"></span></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Shortcut" title="Wikipedia:Shortcut">Shortcut</a></div><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style><div class="plainlist"><ul><li><span class="plainlinks"><a class="external text" href="https://en.wikipedia.org/w/index.php?title=Wikipedia:GRAPHS&redirect=no">WP:GRAPHS</a></span></li></ul></div></div></td></tr></tbody></table> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238436933"><table class="box-Notice plainlinks ombox ombox-notice" role="presentation"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/40px-Information_icon4.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/60px-Information_icon4.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/80px-Information_icon4.svg.png 2x" data-file-width="620" data-file-height="620"/></span></span></td><td class="mbox-text" style="text-align: left;"><div style="text-align: left;"><b><span style="font-size:120%">Graphs are currently disabled</span></b></div><a href="/wiki/Wikipedia:Village_pump_(technical)/Archive_205#Graph_extension_disabled_per_immediate_effect" title="Wikipedia:Village pump (technical)/Archive 205">Graphs are unavailable</a> due to a known technical issue. Updates on reimplementing the Graph extension can be found on <a href="https://phabricator.wikimedia.org/T334940" class="extiw" title="phab:T334940">Phabricator</a> and on <a href="https://www.mediawiki.org/wiki/Extension:Graph/Plans" class="extiw" title="mw:Extension:Graph/Plans">MediaWiki.org</a>.</td></tr></tbody></table> <p>A <b><a href="/wiki/Graph" class="mw-disambig" title="Graph">graph</a></b> or <b><a href="/wiki/Chart" title="Chart">chart</a></b> or <b><a href="/wiki/Diagram" title="Diagram">diagram</a></b> is a diagrammatical illustration of a set of <a href="/wiki/Data" title="Data">data</a>. If the graph is uploaded as an image file, it can be placed within articles <a href="/wiki/Wikipedia:Picture_tutorial" class="mw-redirect" title="Wikipedia:Picture tutorial">just like any other image</a>. </p><p>Graphs must be accurate and convey information efficiently. They should be viewable at different computer screen resolutions. Ideally, graphs will also be aesthetically pleasing. </p><p>Please note that "<a href="/wiki/Graph" class="mw-disambig" title="Graph">graph</a>", "<a href="/wiki/Chart_(disambiguation)" class="mw-disambig" title="Chart (disambiguation)">chart</a>" and "<a href="/wiki/Diagram" title="Diagram">diagram</a>" are ambiguous terms, sometimes used interchangeably. </p> <meta property="mw:PageProp/toc"/> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Accuracy" data-mw-thread-id="h-Accuracy"><span data-mw-comment-start="" id="h-Accuracy"></span>Accuracy<span data-mw-comment-end="h-Accuracy"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=1" title="Edit section: Accuracy"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main page: <a href="/wiki/Wikipedia:Don%27t_draw_misleading_graphs" title="Wikipedia:Don't draw misleading graphs">Wikipedia:Don't draw misleading graphs</a></div> <p>Graphs that show a trend of data should illustrate the trend accurately in its context, rather than illustrating the trend in an exaggerated or sensationalized way. In short, <b>don't draw misleading graphs</b>. </p><p>Choose a type of graph that is appropriate for the data you are illustrating. </p> <ul><li><a href="/wiki/Cartesian_coordinate_system" title="Cartesian coordinate system">Cartesian coordinates</a></li> <li><a href="/wiki/Pie_chart" title="Pie chart">Pie chart</a> — good for showing how a whole is divided up (e.g., how much money is spent on each thing in a budget)</li> <li><a href="/wiki/Bar_graph" class="mw-redirect" title="Bar graph">Bar graph</a> — good for showing how things compare to each other (e.g., whether <a href="/wiki/Foo" class="mw-redirect" title="Foo">foo</a> or <a href="/wiki/Bar" class="mw-disambig" title="Bar">bar</a> is bigger) or how it has changed (e.g., sales of <a href="/wiki/Foo" class="mw-redirect" title="Foo">foo</a> each year)</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Creating_graphs_for_Wikipedia" data-mw-thread-id="h-Creating_graphs_for_Wikipedia"><span data-mw-comment-start="" id="h-Creating_graphs_for_Wikipedia"></span>Creating graphs for Wikipedia<span data-mw-comment-end="h-Creating_graphs_for_Wikipedia"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=2" title="Edit section: Creating graphs for Wikipedia"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main page: <a href="/wiki/Wikipedia:How_to_create_graphs_for_Wikipedia_articles" class="mw-redirect" title="Wikipedia:How to create graphs for Wikipedia articles">Wikipedia:How to create graphs for Wikipedia articles</a></div> <div class="mw-heading mw-heading3"><h3 id="Vega" data-mw-thread-id="h-Vega-Creating_graphs_for_Wikipedia"><span data-mw-comment-start="" id="h-Vega-Creating_graphs_for_Wikipedia"></span>Vega<span data-mw-comment-end="h-Vega-Creating_graphs_for_Wikipedia"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=3" title="Edit section: Vega"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>A graph-making tool called Vega was introduced in May 2015. You can use it to make <a href="https://www.mediawiki.org/wiki/Extension:Graph/Demo" class="extiw" title="mw:Extension:Graph/Demo">charts and maps</a>. If you have an old browser, you will see images instead. You can <a rel="nofollow" class="external text" href="https://github.com/vega/vega/wiki">learn how to use it</a> and write help pages for your wiki. You can use the <a rel="nofollow" class="external text" href="https://vega.github.io/editor/">Vega v2 edit tool</a> to make charts and copy the code to your wiki. Note that only Vega 2 is supported at the moment. Charts and maps use complex code, and you should put them into templates. </p> <div class="mw-heading mw-heading3"><h3 id="Methods_using_Wikipedia_templates" data-mw-thread-id="h-Methods_using_Wikipedia_templates-Creating_graphs_for_Wikipedia"><span data-mw-comment-start="" id="h-Methods_using_Wikipedia_templates-Creating_graphs_for_Wikipedia"></span>Methods using Wikipedia templates<span data-mw-comment-end="h-Methods_using_Wikipedia_templates-Creating_graphs_for_Wikipedia"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=4" title="Edit section: Methods using Wikipedia templates"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading4"><h4 id="Timeline" data-mw-thread-id="h-Timeline-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Timeline-Methods_using_Wikipedia_templates"></span>Timeline<span data-mw-comment-end="h-Timeline-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=5" title="Edit section: Timeline"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main page: <a href="/wiki/Wikipedia:Timeline" title="Wikipedia:Timeline">Wikipedia:Timeline</a></div> <p>A variety of templates and styles are available to create timelines. </p> <ul><li>The <span class="nowrap">{{</span><a href="/wiki/Template:Graphical_timeline" title="Template:Graphical timeline">Graphical timeline</a><span class="nowrap">}}</span> template allows representations of extensive timelines. The template offers complex formatting and labeling options to control the output. Typically, each use is made into its own template, and the template is then transcluded into the article. See an example <a href="/wiki/Template:Graphical_timeline#In_use:_an_example" title="Template:Graphical timeline">here</a>, and an example of it being used in an article <a href="/wiki/CBER" class="mw-redirect" title="CBER">here</a>.</li> <li>The use of fixed images, such as <a href="/w/index.php?title=File:Narnia_Timeline.svg&action=edit&redlink=1" class="new" title="File:Narnia Timeline.svg (page does not exist)">File:Narnia Timeline.svg</a>, was common in the past. However, these are difficult or impossible to adjust later, so this approach is frequently not the best option.</li> <li>In other cases, whole articles or sections present timelines in text as association (definition) lists. <a href="/wiki/Timeline_of_chemistry" title="Timeline of chemistry">Timeline of chemistry</a> is a featured list that uses this style to good effect.</li></ul> <div class="mw-heading mw-heading4"><h4 id="Single_statistic" data-mw-thread-id="h-Single_statistic-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Single_statistic-Methods_using_Wikipedia_templates"></span>Single statistic<span data-mw-comment-end="h-Single_statistic-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=6" title="Edit section: Single statistic"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="width: 100px;"><span class="nowrap">70 / 100</span><div style="box-sizing: border-box; border: 1px solid #aaa; height: 1.15em; position: relative;"><div style="background-color: pink; width: 70%; height: 100%;"></div></div></div> <p><span class="nowrap">{{</span><a href="/wiki/Template:Composition_bar" title="Template:Composition bar">Composition bar</a><span class="nowrap">}}</span> can be used to provide a single statistic. </p><p>This example shows 70% (70 out of 100), but the template is flexible and can show any positive integer out of any (equal or larger) integer. The template is 100 pixels wide, so the results are rounded to 1%. </p><p>To use this, copy the above and replace the values ("70" and "100" in the middle line) and the caption ("70% of women...") with your data. The color can also be changed, from "red" in this example to "blue", "green", or any <a href="/wiki/Hex_color" class="mw-redirect" title="Hex color">hex color</a>. </p><p>If you want to present multiple statistics, you can stack multiple copies of the template inside the first cell of the table. </p> <div class="mw-heading mw-heading4"><h4 id="Pie_chart" data-mw-thread-id="h-Pie_chart-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Pie_chart-Methods_using_Wikipedia_templates"></span>Pie chart<span data-mw-comment-end="h-Pie_chart-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=7" title="Edit section: Pie chart"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="PieChartTemplate thumb tright"><div class="thumbinner" style="width:202px"> <div class="mw-no-invert" style="background-color:white;margin:auto;position:relative;width:200px;height:200px;overflow:hidden;border-radius:100px;border:1px solid black;transform:scaleX(-1)rotate(-90deg)"> <div style="border:solid transparent;background-color:initial;position:absolute;width:100px;line-height:0;left:100px; top:100px; border-width:100px 0 0 212.51081731572px; border-left-color:#FF7F00"></div> <div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 200px 100px 0;border-color:#FF7F00"></div> <div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 100px 200px 0;border-color:#FF7F00"></div><div style="border:solid transparent;background-color:initial;position:absolute;width:100px;line-height:0;left:100px; top:100px; border-width:100px 0 0 63.461929754415px; border-left-color:#E31A1C"></div> <div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 200px 100px 0;border-color:#E31A1C"></div> <div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 100px 200px 0;border-color:#E31A1C"></div><div style="border:solid transparent;background-color:initial;position:absolute;width:100px;line-height:0;right:100px; top:100px; border-width:98.228725072869px 18.738131458572px 0 0; border-top-color:#33A02C"></div> <div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 200px 100px 0;border-color:#33A02C"></div><div style="border:solid transparent;background-color:initial;position:absolute;width:100px;line-height:0;right:100px; top:0; border-width:0 137.63819204712px 100px 0; border-right-color:#1F78B4"></div> <div style="position:absolute;line-height:0;border-style:solid;right:0;top:0;border-width:0 100px 100px 0;border-color:#1F78B4"></div> </div> <div class="thumbcaption"> <style data-mw-deduplicate="TemplateStyles:r981673959">.mw-parser-output .legend{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .legend-color{display:inline-block;min-width:1.25em;height:1.25em;line-height:1.25;margin:1px 0;text-align:center;border:1px solid black;background-color:transparent;color:black}.mw-parser-output .legend-text{}</style><div class="legend"><span class="legend-color mw-no-invert" style="background-color:#1F78B4; color:;"> </span> One (40%)</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:#33A02C; color:;"> </span> Two (32%)</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:#E31A1C; color:;"> </span> Three (12%)</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:#FF7F00; color:;"> </span> Four (9%)</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:white; color:black;"> </span> Other (7%)</div> </div> </div></div> <p><span class="nowrap">{{</span><a href="/wiki/Template:Pie_chart" title="Template:Pie chart">Pie chart</a><span class="nowrap">}}</span> is an <i>experimental</i> graph-drawing template that produces a <a href="/wiki/Pie_chart" title="Pie chart">pie chart</a> 200 pixels wide in the article. When making a pie chart, ensure that the segments are ordered by size (largest to smallest) and in a clockwise direction.<sup class="noprint Inline-Template" style="margin-left:0.1em; white-space:nowrap;">[<i><a href="/wiki/Wikipedia:Please_clarify" title="Wikipedia:Please clarify"><span title="Clockwise? Could someone explain or add a note linking to a discussion on this? I have seen counter-clockwise pie charts before. (Or clockwise with increasing slices.) (November 2023)">clarification needed</span></a></i>]</sup> </p><p>Setting the <code>other</code> parameter to <code>yes</code> will pad the chart so that the values total to 100. </p><p>This example was created by typing the following code: </p> <div class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><pre><span></span><span class="p">{{</span><span class="nt">Pie chart</span> <span class="p">|</span><span class="nl">other </span><span class="o">=</span> yes <span class="p">|</span><span class="nl">value1 </span><span class="o">=</span> 40 <span class="p">|</span><span class="nl">label1 </span><span class="o">=</span> One <span class="p">|</span><span class="nl">value2 </span><span class="o">=</span> 32 <span class="p">|</span><span class="nl">label2 </span><span class="o">=</span> Two <span class="p">|</span><span class="nl">value3 </span><span class="o">=</span> 12 <span class="p">|</span><span class="nl">label3 </span><span class="o">=</span> Three <span class="p">|</span><span class="nl">value4 </span><span class="o">=</span> 9 <span class="p">|</span><span class="nl">label4 </span><span class="o">=</span> Four<span class="p">}}</span> </pre></div> <p>Up to 30 slices can be included. </p> <div class="mw-heading mw-heading4"><h4 id="Horizontal_bar_graph" data-mw-thread-id="h-Horizontal_bar_graph-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Horizontal_bar_graph-Methods_using_Wikipedia_templates"></span>Horizontal bar graph<span data-mw-comment-end="h-Horizontal_bar_graph-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=8" title="Edit section: Horizontal bar graph"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading5"><h5 id="Bar_chart" data-mw-thread-id="h-Bar_chart-Horizontal_bar_graph"><span data-mw-comment-start="" id="h-Bar_chart-Horizontal_bar_graph"></span>Bar chart<span data-mw-comment-end="h-Bar_chart-Horizontal_bar_graph"></span></h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=9" title="Edit section: Bar chart"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><span class="nowrap">{{</span><a href="/wiki/Template:Bar_chart" title="Template:Bar chart">Bar chart</a><span class="nowrap">}}</span> is a template that displays the data as a horizontal <a href="/wiki/Bar_chart" title="Bar chart">bar chart</a>. The width of the graph can be changed. </p> <style data-mw-deduplicate="TemplateStyles:r1238864702">.mw-parser-output .bar-chart{margin:0.5em;background-color:var(--background-color-neutral-subtle,#f8f9fa);border:1px solid #c0c0c0}.mw-parser-output .bar-chart caption{font-weight:bold}.mw-parser-output .bar-chart th,.mw-parser-output .bar-chart td{padding:1px;text-align:left}.mw-parser-output .bar-chart th[scope="col"]:not(.bar-chart-label-type){width:15em}.mw-parser-output .bar-chart th[scope="row"]:not(.bar-chart-total){font-weight:normal}.mw-parser-output .bar-chart-bar{height:1.25em;width:40em}.mw-parser-output .bar-chart-bar-line{background-color:#cedff2;height:1.25em;margin:0 0 0 0;z-index:0}.mw-parser-output .bar-chart-bar-comment{font-size:90%;padding-left:1em}.mw-parser-output .bar-chart-bar-numbers{position:relative;top:-1.4em;height:1.25em;padding:0 0 0 2em;z-index:10;width:40em}.mw-parser-output .bar-chart-caption{border-top:1px solid #aaa}@media(min-width:720px){.mw-parser-output .bar-chart-left{float:left;clear:left;margin:0.5em 1em 0.5em 0}.mw-parser-output .bar-chart-right{float:right;clear:right;margin:0.5em 0 0.5em 1em}.mw-parser-output .bar-chart-center{margin:0.5em auto}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .bar-chart-bar-line{background-color:#74497e}}@media screen and (prefers-color-scheme){html.skin-theme-clientpref-os .mw-parser-output .bar-chart-bar-line{background-color:#74497e}}</style> <table class="bar-chart"> <caption>Women's life expectancy at birth </caption> <tbody><tr> <th scope="col" class="bar-chart-label-type">Country </th> <th scope="col" style="width: 20em">Predicted median age at death </th></tr> <tr> <th scope="row">China </th> <td><div class="bar-chart-bar" style="width: 20em;"><div class="bar-chart-bar-line" style="width:16.7em;"></div><span class="bar-chart-bar-numbers" style="width: 20em;"><span class="nowrap">71</span></span></div> </td></tr> <tr> <th scope="row">India </th> <td><div class="bar-chart-bar" style="width: 20em;"><div class="bar-chart-bar-line" style="width:14.1em;"></div><span class="bar-chart-bar-numbers" style="width: 20em;"><span class="nowrap">60</span></span></div> </td></tr> <tr> <th scope="row">USA </th> <td><div class="bar-chart-bar" style="width: 20em;"><div class="bar-chart-bar-line" style="width:18.6em;"></div><span class="bar-chart-bar-numbers" style="width: 20em;"><span class="nowrap">79</span></span></div> </td></tr> <tr> <th scope="row">Indonesia </th> <td><div class="bar-chart-bar" style="width: 20em;"><div class="bar-chart-bar-line" style="width:16.7em;"></div><span class="bar-chart-bar-numbers" style="width: 20em;"><span class="nowrap">71</span></span></div> </td></tr> <tr> <th scope="row">Brazil </th> <td><div class="bar-chart-bar" style="width: 20em;"><div class="bar-chart-bar-line" style="width:15.8em;"></div><span class="bar-chart-bar-numbers" style="width: 20em;"><span class="nowrap">67</span></span></div> </td></tr> </tbody></table> <div class="mw-heading mw-heading5"><h5 id="Bar_box" data-mw-thread-id="h-Bar_box-Horizontal_bar_graph"><span data-mw-comment-start="" id="h-Bar_box-Horizontal_bar_graph"></span>Bar box<span data-mw-comment-end="h-Bar_box-Horizontal_bar_graph"></span></h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=10" title="Edit section: Bar box"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><span class="nowrap">{{</span><a href="/wiki/Template:Bar_box" title="Template:Bar box">Bar box</a><span class="nowrap">}}</span> is a template that displays the data as a horizontal <a href="/wiki/Bar_chart" title="Bar chart">bar chart</a>. The width of the chart can be changed, but care must be taken to make sure the bars stay within the box on many browsers. </p> <table style="margin:0; border:none;"><tbody><tr><td style="border:none; padding:0;"><div class="notheme barbox" style="overflow-x: auto;"> <div style="border:1px solid silver; font-size:88%; padding:0.4em; width:400px; background: white; color: black;"> <table style="text-align:left; border-collapse:collapse; width:100%;"> <tbody><tr style="font-size:88%; height:4px;"> <td colspan="2" style="padding:0 4px; text-align:left;">kinds of stuff</td> <td style="width:100px; text-align:left;"></td> <td style="padding:0 4px; width:1em; text-align:right;"></td> <td style="padding:0 4px; text-align:right;">pcs.</td> </tr> <tr> <td colspan="2" style="padding-right:0.4em; padding-left:0.4em">Foobar</td> <td style="border-left:solid 1px silver;border-right:solid 1px silver;"><div style="background:red; width:33px; overflow:hidden"> </div></td> <td colspan="2" style="min-width:3em;padding-left:0.4em; text-align:right">33,213</td> </tr> <tr> <td colspan="2" style="padding-right:0.4em; padding-left:0.4em">Barfoo</td> <td style="border-left:solid 1px silver;border-right:solid 1px silver;"><div style="background:green; width:123px; overflow:hidden"> </div></td> <td colspan="2" style="min-width:3em;padding-left:0.4em; text-align:right">123,123</td> </tr> <tr> <td colspan="2" style="padding-right:0.4em; padding-left:0.4em">Bazbar</td> <td style="border-left:solid 1px silver;border-right:solid 1px silver;"><div style="background:blue; width:210px; overflow:hidden"> </div></td> <td colspan="2" style="min-width:3em;padding-left:0.4em; text-align:right">210,121</td> </tr> <tr> <td colspan="2" style="padding-right:0.4em; padding-left:0.4em">Barfoobaz</td> <td style="border-left:solid 1px silver;border-right:solid 1px silver;"><div style="background:orange; width:13px; overflow:hidden"> </div></td> <td colspan="2" style="min-width:3em;padding-left:0.4em; text-align:right">12,854</td> </tr> <tr><td colspan="5" style="padding:5px; text-align:left;">Some stuff displayed by quantity.</td></tr> </tbody></table> </div> </div></td></tr></tbody></table> <div class="mw-heading mw-heading5"><h5 id="Stacked_bar" data-mw-thread-id="h-Stacked_bar-Horizontal_bar_graph"><span data-mw-comment-start="" id="h-Stacked_bar-Horizontal_bar_graph"></span>Stacked bar<span data-mw-comment-end="h-Stacked_bar-Horizontal_bar_graph"></span></h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=11" title="Edit section: Stacked bar"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><span class="nowrap">{{</span><a href="/wiki/Template:Stacked_bar" title="Template:Stacked bar">Stacked bar</a><span class="nowrap">}}</span> is a template that displays a set of data as a single bar of a stacked bar chart. The template supports up to 12 segments in their proportional lengths compared to a total, along with captions for each section. Care must be taken that the captions do not overlap excessively in smaller resolutions, and in many cases you may not be able to include captions if the segment(s) is too small. </p> <dl><dt>Number of video game articles in the 1970s and earlier by year</dt></dl> <style data-mw-deduplicate="TemplateStyles:r1050355024">.mw-parser-output .stackedbar{border:1px solid grey;height:10px;width:100%;line-height:0;box-sizing:border-box}.mw-parser-output .StackedBarTemplate>div:first-child{font-size:14px;width:100%;text-align:center;display:flex}.mw-parser-output .StackedBarTemplate>div:first-child>div>span{padding:0.15em}.mw-parser-output .StackedBarTemplate_lean>div:first-child>div{transform:translateX(1em)rotate(200deg)}.mw-parser-output .StackedBarTemplate_lean>div:first-child>div>span{text-align:left;writing-mode:vertical-rl}.mw-parser-output .StackedBarTemplate_vertical>div:first-child>div{transform:rotate(180deg)}.mw-parser-output .StackedBarTemplate_vertical>div:first-child>div>span{text-align:left;writing-mode:vertical-rl}</style> <div class="StackedBarTemplate"><div style=""> <div style="flex:6.8"><span><1970s</span></div><div style="flex:2.6"><span>71</span></div><div style="flex:2.1"><span>72</span></div><div style="flex:4.2"><span>73</span></div><div style="flex:3.7"><span>74</span></div><div style="flex:8.4"><span>1975</span></div><div style="flex:12"><span>1976</span></div><div style="flex:12.6"><span>1977</span></div><div style="flex:19.4"><span>1978</span></div><div style="flex:28.3"><span>1979</span></div> </div> <table class="stackedbar" cellspacing="1" style="height:10px"> <tbody><tr> <td style="font-size:0px; background: #85e084; width: 6.8%" title=""> </td> <td style="font-size:0px; background: #64d1cf; width: 2.6%" title=""> </td> <td style="font-size:0px; background: #6fc0f2; width: 2.1%" title=""> </td> <td style="font-size:0px; background: #9692e3; width: 4.2%" title=""> </td> <td style="font-size:0px; background: #bd64d1; width: 3.7%" title=""> </td> <td style="font-size:0px; background: #fc80c2; width: 8.4%" title=""> </td> <td style="font-size:0px; background: #e5726e; width: 12%" title=""> </td> <td style="font-size:0px; background: #e5ab6e; width: 12.6%" title=""> </td> <td style="font-size:0px; background: #e5e36e; width: 19.4%" title=""> </td> <td style="font-size:0px; background: #b5e279; width: 28.3%" title=""> <p><br/> </p> </td></tr></tbody></table></div> <p><br/> </p> <div class="mw-heading mw-heading4"><h4 id="Vertical_bar_graph" data-mw-thread-id="h-Vertical_bar_graph-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Vertical_bar_graph-Methods_using_Wikipedia_templates"></span>Vertical bar graph<span data-mw-comment-end="h-Vertical_bar_graph-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=12" title="Edit section: Vertical bar graph"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><a href="/wiki/Module:Chart" title="Module:Chart">Module:Chart</a> is a <a href="/wiki/Wikipedia:Lua" title="Wikipedia:Lua">Lua</a> module that may be used to create several different types of vertical bar graphs. </p><p><b>A standard vertical bar graph</b> </p> <div style="padding-top:10px;margin-top:1em;max-width:500px;" class="chart noresize"> <div style="position:relative;min-height:350px;min-width:500px;max-width:500px;"> <div style="float:right;position:relative;min-height:270px;min-width:400px;max-width:400px;border-left:1px black solid;border-bottom:1px black solid;"> <div style="position:absolute;left:0px;top:90px;height:179px;min-width:19px;max-width:19px;background-color:green;-webkit-print-color-adjust:exact;border:1px solid green;border-bottom:none;overflow:hidden;" title="Apple: 40"></div> <div style="position:absolute;left:100px;top:45px;height:224px;min-width:19px;max-width:19px;background-color:green;-webkit-print-color-adjust:exact;border:1px solid green;border-bottom:none;overflow:hidden;" title="Apple: 50"></div> <div style="position:absolute;left:200px;top:0px;height:269px;min-width:19px;max-width:19px;background-color:green;-webkit-print-color-adjust:exact;border:1px solid green;border-bottom:none;overflow:hidden;" title="Apple: 60"></div> <div style="position:absolute;left:300px;top:180px;height:89px;min-width:19px;max-width:19px;background-color:green;-webkit-print-color-adjust:exact;border:1px solid green;border-bottom:none;overflow:hidden;" title="Apple: 20"></div> <div style="position:absolute;left:28px;top:180px;height:89px;min-width:19px;max-width:19px;background-color:yellow;-webkit-print-color-adjust:exact;border:1px solid yellow;border-bottom:none;overflow:hidden;" title="Banana: 20"></div> <div style="position:absolute;left:128px;top:0px;height:269px;min-width:19px;max-width:19px;background-color:yellow;-webkit-print-color-adjust:exact;border:1px solid yellow;border-bottom:none;overflow:hidden;" title="Banana: 60"></div> <div style="position:absolute;left:228px;top:216px;height:53px;min-width:19px;max-width:19px;background-color:yellow;-webkit-print-color-adjust:exact;border:1px solid yellow;border-bottom:none;overflow:hidden;" title="Banana: 12"></div> <div style="position:absolute;left:328px;top:72px;height:197px;min-width:19px;max-width:19px;background-color:yellow;-webkit-print-color-adjust:exact;border:1px solid yellow;border-bottom:none;overflow:hidden;" title="Banana: 44"></div> <div style="position:absolute;left:56px;top:22px;height:247px;min-width:19px;max-width:19px;background-color:orange;-webkit-print-color-adjust:exact;border:1px solid orange;border-bottom:none;overflow:hidden;" title="Orange: 55"></div> <div style="position:absolute;left:156px;top:207px;height:62px;min-width:19px;max-width:19px;background-color:orange;-webkit-print-color-adjust:exact;border:1px solid orange;border-bottom:none;overflow:hidden;" title="Orange: 14"></div> <div style="position:absolute;left:256px;top:121px;height:148px;min-width:19px;max-width:19px;background-color:orange;-webkit-print-color-adjust:exact;border:1px solid orange;border-bottom:none;overflow:hidden;" title="Orange: 33"></div> <div style="position:absolute;left:356px;top:247px;height:22px;min-width:19px;max-width:19px;background-color:orange;-webkit-print-color-adjust:exact;border:1px solid orange;border-bottom:none;overflow:hidden;" title="Orange: 5"></div> </div> <div style="position:absolute;height:270px;min-width:100px;max-width:100px;"> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:215px;padding:0 2px">10</div> <div style="position:absolute;height=1px;min-width:5px;top:225px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:170px;padding:0 2px">20</div> <div style="position:absolute;height=1px;min-width:5px;top:180px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:125px;padding:0 2px">30</div> <div style="position:absolute;height=1px;min-width:5px;top:135px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:80px;padding:0 2px">40</div> <div style="position:absolute;height=1px;min-width:5px;top:90px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:35px;padding:0 2px">50</div> <div style="position:absolute;height=1px;min-width:5px;top:45px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:-10px;padding:0 2px">60</div> <div style="position:absolute;height=1px;min-width:5px;top:0px;left:96px;border:1px solid black;"></div> </div> <div style="position:absolute;top:270px;left:100px;width:400px;"> <div style="position:absolute;left:1px;top:10px;min-width:98px;max-width:98px;text-align:center;vertical-align:top;">Before</div> <div style="position:absolute;left:50px;height:10px;width:1px;border-left:1px solid black;"></div> <div style="position:absolute;left:101px;top:10px;min-width:98px;max-width:98px;text-align:center;vertical-align:top;">During</div> <div style="position:absolute;left:150px;height:10px;width:1px;border-left:1px solid black;"></div> <div style="position:absolute;left:201px;top:10px;min-width:98px;max-width:98px;text-align:center;vertical-align:top;">After</div> <div style="position:absolute;left:250px;height:10px;width:1px;border-left:1px solid black;"></div> <div style="position:absolute;left:301px;top:10px;min-width:98px;max-width:98px;text-align:center;vertical-align:top;">Post mortem</div> <div style="position:absolute;left:350px;height:10px;width:1px;border-left:1px solid black;"></div> </div> </div> <div> <ul style="list-style:none;column-width:12em;"><li><span style="padding:0 1em;background-color:green;border:1px solid green;margin-right:1em;-webkit-print-color-adjust:exact;"> </span> Apple</li> <li><span style="padding:0 1em;background-color:yellow;border:1px solid yellow;margin-right:1em;-webkit-print-color-adjust:exact;"> </span> Banana</li> <li><span style="padding:0 1em;background-color:orange;border:1px solid orange;margin-right:1em;-webkit-print-color-adjust:exact;"> </span> Orange</li></ul> </div> </div> <p><br/> <b>A stacked vertical bar graph</b> </p> <div style="padding-top:10px;margin-top:1em;max-width:300px;" class="chart noresize"> <div style="position:relative;min-height:250px;min-width:300px;max-width:300px;"> <div style="float:right;position:relative;min-height:170px;min-width:200px;max-width:200px;border-left:1px black solid;border-bottom:1px black solid;"> <div style="position:absolute;left:6px;top:125px;height:44px;min-width:36px;max-width:36px;background-color:green;-webkit-print-color-adjust:exact;border:1px solid green;border-bottom:none;overflow:hidden;" title="Apple: 40Kg"></div> <div style="position:absolute;left:56px;top:113px;height:56px;min-width:36px;max-width:36px;background-color:green;-webkit-print-color-adjust:exact;border:1px solid green;border-bottom:none;overflow:hidden;" title="Apple: 50Kg"></div> <div style="position:absolute;left:106px;top:102px;height:67px;min-width:36px;max-width:36px;background-color:green;-webkit-print-color-adjust:exact;border:1px solid green;border-bottom:none;overflow:hidden;" title="Apple: 60Kg"></div> <div style="position:absolute;left:156px;top:147px;height:22px;min-width:36px;max-width:36px;background-color:green;-webkit-print-color-adjust:exact;border:1px solid green;border-bottom:none;overflow:hidden;" title="Apple: 20Kg"></div> <div style="position:absolute;left:6px;top:102px;height:22px;min-width:36px;max-width:36px;background-color:yellow;-webkit-print-color-adjust:exact;border:1px solid yellow;border-bottom:none;overflow:hidden;" title="Banana: 20Kg"></div> <div style="position:absolute;left:56px;top:45px;height:67px;min-width:36px;max-width:36px;background-color:yellow;-webkit-print-color-adjust:exact;border:1px solid yellow;border-bottom:none;overflow:hidden;" title="Banana: 60Kg"></div> <div style="position:absolute;left:106px;top:88px;height:13px;min-width:36px;max-width:36px;background-color:yellow;-webkit-print-color-adjust:exact;border:1px solid yellow;border-bottom:none;overflow:hidden;" title="Banana: 12Kg"></div> <div style="position:absolute;left:156px;top:97px;height:49px;min-width:36px;max-width:36px;background-color:yellow;-webkit-print-color-adjust:exact;border:1px solid yellow;border-bottom:none;overflow:hidden;" title="Banana: 44Kg"></div> <div style="position:absolute;left:6px;top:40px;height:61px;min-width:36px;max-width:36px;background-color:orange;-webkit-print-color-adjust:exact;border:1px solid orange;border-bottom:none;overflow:hidden;" title="Orange: 55Kg"></div> <div style="position:absolute;left:56px;top:29px;height:15px;min-width:36px;max-width:36px;background-color:orange;-webkit-print-color-adjust:exact;border:1px solid orange;border-bottom:none;overflow:hidden;" title="Orange: 14Kg"></div> <div style="position:absolute;left:106px;top:51px;height:36px;min-width:36px;max-width:36px;background-color:orange;-webkit-print-color-adjust:exact;border:1px solid orange;border-bottom:none;overflow:hidden;" title="Orange: 33Kg"></div> <div style="position:absolute;left:156px;top:91px;height:5px;min-width:36px;max-width:36px;background-color:orange;-webkit-print-color-adjust:exact;border:1px solid orange;border-bottom:none;overflow:hidden;" title="Orange: 5Kg"></div> </div> <div style="position:absolute;height:170px;min-width:100px;max-width:100px;"> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:132px;padding:0 2px">25</div> <div style="position:absolute;height=1px;min-width:5px;top:142px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:103px;padding:0 2px">50</div> <div style="position:absolute;height=1px;min-width:5px;top:113px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:75px;padding:0 2px">75</div> <div style="position:absolute;height=1px;min-width:5px;top:85px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:47px;padding:0 2px">100</div> <div style="position:absolute;height=1px;min-width:5px;top:57px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:18px;padding:0 2px">125</div> <div style="position:absolute;height=1px;min-width:5px;top:28px;left:96px;border:1px solid black;"></div> <div style="position:absolute;height=20px;text-align:right;vertical-align:middle;width:90px;top:-10px;padding:0 2px">150</div> <div style="position:absolute;height=1px;min-width:5px;top:0px;left:96px;border:1px solid black;"></div> </div> <div style="position:absolute;top:170px;left:100px;width:200px;"> <div style="position:absolute;left:1px;top:10px;min-width:48px;max-width:48px;text-align:center;vertical-align:top;">Before</div> <div style="position:absolute;left:25px;height:10px;width:1px;border-left:1px solid black;"></div> <div style="position:absolute;left:51px;top:10px;min-width:48px;max-width:48px;text-align:center;vertical-align:top;">During</div> <div style="position:absolute;left:75px;height:10px;width:1px;border-left:1px solid black;"></div> <div style="position:absolute;left:101px;top:10px;min-width:48px;max-width:48px;text-align:center;vertical-align:top;">After</div> <div style="position:absolute;left:125px;height:10px;width:1px;border-left:1px solid black;"></div> <div style="position:absolute;left:151px;top:10px;min-width:48px;max-width:48px;text-align:center;vertical-align:top;">Post mortem</div> <div style="position:absolute;left:175px;height:10px;width:1px;border-left:1px solid black;"></div> </div> </div> <div> <ul style="list-style:none;column-width:12em;"><li><span style="padding:0 1em;background-color:green;border:1px solid green;margin-right:1em;-webkit-print-color-adjust:exact;"> </span> Apple</li> <li><span style="padding:0 1em;background-color:yellow;border:1px solid yellow;margin-right:1em;-webkit-print-color-adjust:exact;"> </span> Banana</li> <li><span style="padding:0 1em;background-color:orange;border:1px solid orange;margin-right:1em;-webkit-print-color-adjust:exact;"> </span> Orange</li></ul> </div> </div> <div class="mw-heading mw-heading4"><h4 id="Brick_chart" data-mw-thread-id="h-Brick_chart-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Brick_chart-Methods_using_Wikipedia_templates"></span>Brick chart<span data-mw-comment-end="h-Brick_chart-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=13" title="Edit section: Brick chart"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="BrickChartTemplate thumb tright"> <div class="thumbinner" style="width:182px"> <div style="position:relative; width:180px; height:180px; overflow:hidden; background:white; border:solid 1px silver"> <div style="width:180px;height:180px;font-size:18px;text-align:left"> <div style="background:red; float:left; clear:left; height:10%; overflow:hidden; width:100%;"> </div><div style="background:red; float:left; clear:left; width:100%; overflow:hidden; height:10%"> </div><div style="background:red; float:left; clear:left; overflow:hidden; height:10%; width:90%;"> </div><div style="background:green; float:left; clear:none; height:10%; overflow:hidden; width:10%;"> </div><div style="background:green; float:left; clear:left; width:100%; overflow:hidden; height:20%"> </div><div style="background:green; float:left; clear:left; overflow:hidden; height:10%; width:20%;"> </div><div style="background:blue; float:left; clear:none; height:10%; overflow:hidden; width:80%;"> </div><div style="background:blue; float:left; clear:left; width:100%; overflow:hidden; height:0%"> </div><div style="background:blue; float:left; clear:left; overflow:hidden; height:10%; width:50%;"> </div><div style="background:yellow; float:left; clear:none; height:10%; overflow:hidden; width:50%;"> </div><div style="background:yellow; float:left; clear:left; width:100%; overflow:hidden; height:0%"> </div><div style="background:yellow; float:left; clear:left; overflow:hidden; height:10%; width:20%;"> </div><div style="background:magenta; float:left; clear:none; height:10%; overflow:hidden; width:60%;"> </div><div style="background:#616161; float:left; clear:none; height:10%; overflow:hidden; width:2%;"> </div> </div> </div> <div class="thumbcaption"> <p>Causes of death </p> <div style="margin:3px 0 0 10px;"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:red; color:black;"> </span> <a href="/wiki/Cardiovascular_diseases" class="mw-redirect" title="Cardiovascular diseases">Cardiovascular diseases</a> - 29 %</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:green; color:white;"> </span> <a href="/wiki/Infectious" class="mw-redirect" title="Infectious">Infectious</a> and <a href="/wiki/Parasitic_disease" title="Parasitic disease">parasitic diseases</a> - 23 %</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:blue; color:white;"> </span> <a href="/wiki/Cancer" title="Cancer">Cancer</a> - 13 %</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:yellow; color:black;"> </span> <a href="/wiki/Respiratory_disease" title="Respiratory disease">Respiratory disease</a> - 7 %</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:magenta; color:black;"> </span> Unintentional injuries - 6 %</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="background-color:#616161; color:white;"> </span> Uncertain - 0.2 %</div><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r981673959"><div class="legend"><span class="legend-color mw-no-invert" style="border: 1px solid silver;background-color:white; color:black;"> </span> Other - 21.8 %</div> </div> </div> </div> </div> <p><span class="nowrap">{{</span><a href="/wiki/Template:Brick_chart" title="Template:Brick chart">Brick chart</a><span class="nowrap">}}</span> is a simple block-oriented chart template. It assumes that everything must add up to total=100 (or specify), and fills in any missing amounts with "other". </p><p>You can label (and optionally choose colors for) each item, and the labels can be wikilinks to relevant articles. Now, decimal amounts are supported (tiny amounts will appear as slivers). </p> <div class="mw-heading mw-heading4"><h4 id="Line_charts" data-mw-thread-id="h-Line_charts-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Line_charts-Methods_using_Wikipedia_templates"></span>Line charts<span data-mw-comment-end="h-Line_charts-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=14" title="Edit section: Line charts"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The template <span class="nowrap">{{</span><a href="/wiki/Template:Graph:Chart" title="Template:Graph:Chart">Graph:Chart</a><span class="nowrap">}}</span> implements <a href="/wiki/Line_chart" title="Line chart">line charts</a>, such as: </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238436933"><table class="box-Notice plainlinks ombox ombox-notice" role="presentation" style="width:100%;margin:0;"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/40px-Information_icon4.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/60px-Information_icon4.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/80px-Information_icon4.svg.png 2x" data-file-width="620" data-file-height="620"/></span></span></td><td class="mbox-text" style="text-align: left;">Graphs are unavailable due to technical issues. There is more info on <a href="https://phabricator.wikimedia.org/T334940" class="extiw" title="phab:T334940">Phabricator</a> and on <a href="https://www.mediawiki.org/wiki/Extension:Graph/Plans" class="extiw" title="mw:Extension:Graph/Plans">MediaWiki.org</a>.</td></tr></tbody></table> <p><span class="nowrap">{{</span><a href="/wiki/Template:Graph:Chart" title="Template:Graph:Chart">Graph:Chart</a><span class="nowrap">}}</span> can also draw area charts, bar charts, pie charts and scatter plots. </p> <div class="mw-heading mw-heading4"><h4 id="Geographical_maps" data-mw-thread-id="h-Geographical_maps-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Geographical_maps-Methods_using_Wikipedia_templates"></span>Geographical maps<span data-mw-comment-end="h-Geographical_maps-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=15" title="Edit section: Geographical maps"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The template <span class="nowrap">{{</span><a href="/wiki/Template:Graph:Map" title="Template:Graph:Map">Graph:Map</a><span class="nowrap">}}</span> allows to draw geographical maps with either discrete colors for qualitative maps, or a gradient of colors for continuous values per country. Here is an example: </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238436933"><table class="box-Notice plainlinks ombox ombox-notice" role="presentation" style="width:100%;margin:0;"><tbody><tr><td class="mbox-image"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/40px-Information_icon4.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/60px-Information_icon4.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/1/1d/Information_icon4.svg/80px-Information_icon4.svg.png 2x" data-file-width="620" data-file-height="620"/></span></span></td><td class="mbox-text" style="text-align: left;">Graphs are unavailable due to technical issues. There is more info on <a href="https://phabricator.wikimedia.org/T334940" class="extiw" title="phab:T334940">Phabricator</a> and on <a href="https://www.mediawiki.org/wiki/Extension:Graph/Plans" class="extiw" title="mw:Extension:Graph/Plans">MediaWiki.org</a>.</td></tr></tbody></table> <div class="mw-heading mw-heading4"><h4 id="Colors" data-mw-thread-id="h-Colors-Methods_using_Wikipedia_templates"><span data-mw-comment-start="" id="h-Colors-Methods_using_Wikipedia_templates"></span>Colors<span data-mw-comment-end="h-Colors-Methods_using_Wikipedia_templates"></span></h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=16" title="Edit section: Colors"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The default colors are created by <a href="/wiki/Module:ChartColors" title="Module:ChartColors">Module:ChartColors</a>. The basic 20 are: </p> <dl><dd><span style="background-color:#1f77b4; border:1px solid gray;" title="Color: 1f77b4"> </span> <span style="background-color:#aec7e8; border:1px solid gray;" title="Color: aec7e8"> </span> <span style="background-color:#ff7f0e; border:1px solid gray;" title="Color: ff7f0e"> </span> <span style="background-color:#ffbb78; border:1px solid gray;" title="Color: ffbb78"> </span> <span style="background-color:#2ca02c; border:1px solid gray;" title="Color: 2ca02c"> </span> <span style="background-color:#98df8a; border:1px solid gray;" title="Color: 98df8a"> </span> <span style="background-color:#d62728; border:1px solid gray;" title="Color: d62728"> </span> <span style="background-color:#ff9896; border:1px solid gray;" title="Color: ff9896"> </span> <span style="background-color:#9467bd; border:1px solid gray;" title="Color: 9467bd"> </span> <span style="background-color:#c5b0d5; border:1px solid gray;" title="Color: c5b0d5"> </span> <span style="background-color:#8c564b; border:1px solid gray;" title="Color: 8c564b"> </span> <span style="background-color:#c49c94; border:1px solid gray;" title="Color: c49c94"> </span> <span style="background-color:#e377c2; border:1px solid gray;" title="Color: e377c2"> </span> <span style="background-color:#f7b6d2; border:1px solid gray;" title="Color: f7b6d2"> </span> <span style="background-color:#7f7f7f; border:1px solid gray;" title="Color: 7f7f7f"> </span> <span style="background-color:#c7c7c7; border:1px solid gray;" title="Color: c7c7c7"> </span> <span style="background-color:#bcbd22; border:1px solid gray;" title="Color: bcbd22"> </span> <span style="background-color:#dbdb8d; border:1px solid gray;" title="Color: dbdb8d"> </span> <span style="background-color:#17becf; border:1px solid gray;" title="Color: 17becf"> </span> <span style="background-color:#9edae5; border:1px solid gray;" title="Color: 9edae5"> </span></dd></dl> <p>If a chart plots 10 colors or fewer, then by default it uses every other one: </p> <dl><dd><span style="background-color:#1f77b4; border:1px solid gray;" title="Color: 1f77b4"> </span> <span style="background-color:#ff7f0e; border:1px solid gray;" title="Color: ff7f0e"> </span> <span style="background-color:#2ca02c; border:1px solid gray;" title="Color: 2ca02c"> </span> <span style="background-color:#d62728; border:1px solid gray;" title="Color: d62728"> </span> <span style="background-color:#9467bd; border:1px solid gray;" title="Color: 9467bd"> </span> <span style="background-color:#8c564b; border:1px solid gray;" title="Color: 8c564b"> </span> <span style="background-color:#e377c2; border:1px solid gray;" title="Color: e377c2"> </span> <span style="background-color:#7f7f7f; border:1px solid gray;" title="Color: 7f7f7f"> </span> <span style="background-color:#bcbd22; border:1px solid gray;" title="Color: bcbd22"> </span> <span style="background-color:#17becf; border:1px solid gray;" title="Color: 17becf"> </span></dd></dl> <p>The colors can be manually set in a graph by adding them to the 'colors' parameter. For example, for two pie charts, the first of which is default and the second of which omits some colors in the first, you would manually enter your selections from the default 20: </p> <dl><dd>colors=#1f77b4,#aec7e8,#ff7f0e,#ffbb78,#2ca02c,#98df8a,#d62728,#ff9896,#9467bd,#c5b0d5,#8c564b,#c49c94,#e377c2,#f7b6d2,#7f7f7f,#c7c7c7,#bcbd22,#dbdb8d,#17becf,#9edae5</dd></dl> <p>Similarly if one chart plotted fewer than 10 colors and you wanted it to use the same colors as another that had more than 10. </p><p>See also <a href="/wiki/Template:ChartColors" title="Template:ChartColors">Template:ChartColors</a>. </p> <div class="mw-heading mw-heading3"><h3 id="Methods_outside_Wikipedia" data-mw-thread-id="h-Methods_outside_Wikipedia-Creating_graphs_for_Wikipedia"><span data-mw-comment-start="" id="h-Methods_outside_Wikipedia-Creating_graphs_for_Wikipedia"></span>Methods outside Wikipedia<span data-mw-comment-end="h-Methods_outside_Wikipedia-Creating_graphs_for_Wikipedia"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=17" title="Edit section: Methods outside Wikipedia"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <dl><dd><i><a href="/wiki/Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">Scalable Vector Graphics</a> (SVG) is the recommended format.</i></dd></dl> <ul><li><b><a href="/wiki/Module:Chart" title="Module:Chart">Module:Chart</a></b> creates bar and pie charts on Wikipedia without need for external tools</li> <li>Many <a href="/wiki/List_of_spreadsheet_software" title="List of spreadsheet software">spreadsheet</a>, <a href="/wiki/Graphic_art_software" title="Graphic art software">drawing</a>, and <a href="/wiki/List_of_desktop_publishing_software" title="List of desktop publishing software">desktop publishing</a> programs allow you to create graphs and export them as images.<a rel="nofollow" class="external autonumber" href="http://stackoverflow.com/questions/7485835/how-can-i-export-an-excel-openoffice-libreoffice-chart-to-svg">[1]</a><a rel="nofollow" class="external autonumber" href="http://superuser.com/questions/415707/export-excel-graphs-as-vector-graphics-files-e-g-svgs">[2]</a></li> <li><a href="/wiki/Wikipedia:How_to_create_charts_for_Wikipedia_articles#gnuplot" title="Wikipedia:How to create charts for Wikipedia articles">gnuplot</a> can produce a wide variety of charts and graphs; see <a href="https://commons.wikimedia.org/wiki/Category:Images_with_Gnuplot_source_code" class="extiw" title="commons:Category:Images with Gnuplot source code">samples with source code at Commons</a>.</li> <li>In Python using <a href="/wiki/Matplotlib" title="Matplotlib">matplotlib</a> (<a href="https://commons.wikimedia.org/wiki/Category:Created_with_Matplotlib" class="extiw" title="commons:Category:Created with Matplotlib">examples</a>)</li> <li>The <a href="/wiki/R_(programming_language)" title="R (programming language)">R programming language</a> can be used for creating Wikipedia graphs.</li> <li>The <a href="/wiki/Google_Chart_API" title="Google Chart API">Google Chart API</a> allows a variety of graphs to be created.</li> <li><a rel="nofollow" class="external text" href="https://charts.livegap.com/">Livegap Charts</a> creates line, bar, spider, polar-area and pie charts, and can export them as images without needing to download any tools.</li> <li><a rel="nofollow" class="external text" href="https://veusz.github.io/">Veusz</a> is a free scientific graphing tool that can produce 2D and 3D plots. Users can use it as a module in Python.</li> <li><a rel="nofollow" class="external text" href="https://www.geogebra.org/">GeoGebra</a> is open-source graphing calculator and is freely available for non-commercial users.</li> <li><a rel="nofollow" class="external text" href="https://apps.automeris.io/wpd/">WebPlotDigitizer</a> or <a rel="nofollow" class="external text" href="https://plotdigitizer.com/app">PlotDigitizer's online free app</a> can be used to extract data from charts.</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="See_also" data-mw-thread-id="h-See_also"><span data-mw-comment-start="" id="h-See_also"></span>See also<span data-mw-comment-end="h-See_also"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Graphs_and_charts&action=edit&section=18" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Wikipedia:How_to_create_charts_for_Wikipedia_articles" title="Wikipedia:How to create charts for Wikipedia articles">Wikipedia:How to create charts for Wikipedia articles</a></li> <li><a href="/wiki/Help:Barchart" title="Help:Barchart">Help:Barchart</a></li> <li><a href="/wiki/Wikipedia:Family_trees" class="mw-redirect" title="Wikipedia:Family trees">Wikipedia:Family trees</a></li> <li><a href="/wiki/Wikipedia:Collaboration_to_convert_graphs_to_SVG" title="Wikipedia:Collaboration to convert graphs to SVG">Wikipedia:Collaboration to convert graphs to SVG</a></li> <li><a href="/wiki/Wikipedia:Don%27t_draw_misleading_graphs" title="Wikipedia:Don't draw misleading graphs">Wikipedia:Don't draw misleading graphs</a></li> <li><a href="/wiki/Wikipedia:To_scale_charts" title="Wikipedia:To scale charts">Wikipedia:To scale charts</a></li> <li><a href="/wiki/Wikipedia:Images" title="Wikipedia:Images">Wikipedia:Images</a></li> <li><a href="/wiki/Wikipedia:Record_charts" title="Wikipedia:Record charts">Wikipedia:Record charts</a></li> <li><a href="https://commons.wikimedia.org/wiki/Commons:Chart_and_graph_resources" class="extiw" title="commons:Commons:Chart and graph resources">Commons:Chart and graph resources</a></li> <li><a href="/wiki/Wikipedia:Coloring_cartographic_maps#Choose_the_colors" title="Wikipedia:Coloring cartographic maps">Choose the color</a></li> <li><a href="/wiki/Wikipedia:Coloring_cartographic_maps#Preparing_the_code_from_the_legend_of_the_map" title="Wikipedia:Coloring cartographic maps">BrewerColorLegends</a></li> <li><a href="https://www.mediawiki.org/wiki/Extension:Graph/Interactive_Graph_Tutorial" class="extiw" title="mw:Extension:Graph/Interactive Graph Tutorial">mw:Extension:Graph/Interactive Graph Tutorial</a></li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1236075235">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="Wikipedia_technical_help" style="padding:3px"><table class="nowraplinks hlist mw-collapsible mw-collapsed navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2" style="text-align: center;"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:Wikipedia_technical_help" title="Template:Wikipedia technical help"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Wikipedia_technical_help" title="Template talk:Wikipedia technical help"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Wikipedia_technical_help" title="Special:EditPage/Template:Wikipedia technical help"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="Wikipedia_technical_help" style="font-size:114%;margin:0 4em"><a href="/wiki/Help:Directory#Technical_help" title="Help:Directory">Wikipedia technical help</a></div></th></tr><tr><td class="navbox-abovebelow" colspan="2" style="text-align: center;"><div><b>Get personal technical help at <a href="/wiki/Wikipedia:Teahouse" title="Wikipedia:Teahouse">the Teahouse</a>, <a href="/wiki/Wikipedia:Help_desk" title="Wikipedia:Help desk">help desk</a>, <a href="/wiki/Wikipedia:Village_pump_(technical)" title="Wikipedia:Village pump (technical)">village pump (technical)</a>, <a href="/wiki/Help:Introduction_to_talk_pages/1" title="Help:Introduction to talk pages/1">talk pages</a> or <a href="/wiki/Wikipedia:IRC" title="Wikipedia:IRC">IRC</a>.</b></div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:FAQ/Technical" title="Wikipedia:FAQ/Technical">General<br/>technical help</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:Browser_notes" title="Wikipedia:Browser notes">Browser notes</a> <ul><li><a href="/wiki/Wikipedia:Bypass_your_cache" title="Wikipedia:Bypass your cache">Bypass cache</a></li> <li><a href="/wiki/Wikipedia:Keyboard_shortcuts" class="mw-redirect" title="Wikipedia:Keyboard shortcuts">Keyboard shortcuts</a></li></ul></li> <li><a href="/wiki/Help:Editing" title="Help:Editing">Editing</a> <ul><li><a href="/wiki/Help:CharInsert" title="Help:CharInsert">CharInsert</a></li> <li><a href="/wiki/Help:Edit_conflict" title="Help:Edit conflict">Edit conflict</a></li> <li><a href="/wiki/Help:Edit_toolbar" title="Help:Edit toolbar">Edit toolbar</a></li> <li><a href="/wiki/Help:Reverting" title="Help:Reverting">Reverting</a></li></ul></li> <li><a href="/wiki/Wikipedia:How_to_create_a_page" title="Wikipedia:How to create a page">How to create a page</a></li> <li><a href="/wiki/Wikipedia:IRC" title="Wikipedia:IRC">IRC</a> <ul><li><a href="/wiki/Wikipedia:IRC/Tutorial" title="Wikipedia:IRC/Tutorial">Tutorial</a></li></ul></li> <li><a href="/wiki/Help:Mobile_access" title="Help:Mobile access">Mobile access</a></li> <li><a href="/wiki/Help:Multilingual_support" title="Help:Multilingual support">Multilingual support</a></li> <li><a href="/wiki/Help:Page_history" title="Help:Page history">Page history</a></li> <li><a href="/wiki/Help:Page_information" title="Help:Page information">Page information</a></li> <li><a href="/wiki/Wikipedia:Page_name" title="Wikipedia:Page name">Page name</a> <ul><li><a href="/wiki/Help:Page_name" title="Help:Page name">Help</a></li></ul></li> <li><a href="/wiki/Help:Printing" title="Help:Printing">Printing</a></li> <li><a href="/wiki/Wikipedia:Software_notices" title="Wikipedia:Software notices">Software notices</a> <ul><li><a href="/wiki/Wikipedia:Editnotice" title="Wikipedia:Editnotice">Editnotice</a></li></ul></li> <li><a href="/wiki/Help:Special_characters" title="Help:Special characters">Special Characters</a> <ul><li><a href="/wiki/Help:Entering_special_characters" title="Help:Entering special characters">Entering</a></li></ul></li> <li><a href="/wiki/Wikipedia:User_access_levels" title="Wikipedia:User access levels">User access levels</a></li> <li><a href="/wiki/Wikipedia:VisualEditor" title="Wikipedia:VisualEditor">VisualEditor</a> <ul><li><a href="/wiki/Help:VisualEditor" title="Help:VisualEditor">Help</a></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Special:SpecialPages" title="Special:SpecialPages">Special<br/>page</a>-related</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Special_page" title="Help:Special page">Special page help</a></li> <li><a href="/wiki/Help:AllPages" title="Help:AllPages">AllPages</a></li> <li><a href="/wiki/Wikipedia:Edit_filter" title="Wikipedia:Edit filter">Edit filter</a></li> <li><a href="/wiki/Wikipedia:Emailing_users" title="Wikipedia:Emailing users">Emailing users</a></li> <li><a href="/wiki/Help:Logging_in" title="Help:Logging in">Logging in</a> <ul><li><a href="/wiki/Help:Reset_password" title="Help:Reset password">Reset passwords</a></li></ul></li> <li><a href="/wiki/Help:Log" title="Help:Log">Logs</a></li> <li><a href="/wiki/Wikipedia:Moving_a_page" title="Wikipedia:Moving a page">Moving a page</a> <ul><li><a href="/wiki/Wikipedia:History_merging" title="Wikipedia:History merging">History merging</a></li> <li><a href="/wiki/Help:When_to_place_technical_requests_in_%22Administrator_needed%22" title="Help:When to place technical requests in "Administrator needed"">Non-admin and admin-only page moves</a></li></ul></li> <li><a href="/wiki/Help:Notifications" title="Help:Notifications">Notifications/Echo</a> <ul><li><a href="/wiki/Help:Notifications/FAQ" title="Help:Notifications/FAQ">FAQ</a></li></ul></li> <li><a href="/wiki/Wikipedia:Page_Curation/Help" title="Wikipedia:Page Curation/Help">Page Curation</a></li> <li><a href="/wiki/Help:Import" title="Help:Import">Page import</a></li> <li><a href="/wiki/Wikipedia:Pending_changes" title="Wikipedia:Pending changes">Pending changes</a></li> <li><a href="/wiki/Wikipedia:Random" title="Wikipedia:Random">Random pages</a></li> <li><a href="/wiki/Help:Recent_changes" title="Help:Recent changes">Recent changes</a></li> <li><a href="/wiki/Help:Related_changes" title="Help:Related changes">Related changes</a></li> <li><a href="/wiki/Help:Searching" title="Help:Searching">Searching</a> <ul><li><a href="/wiki/Help:Linksearch" title="Help:Linksearch">Linksearch</a></li></ul></li> <li><a href="/wiki/Wikipedia:Tags" title="Wikipedia:Tags">Tags</a></li> <li><a href="/wiki/Help:User_contributions" title="Help:User contributions">User contributions</a></li> <li><a href="/wiki/Help:Watchlist" title="Help:Watchlist">Watchlist</a></li> <li><a href="/wiki/Help:What_links_here" title="Help:What links here">What links here</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:Wikitext" title="Help:Wikitext">Wikitext</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Wikitext" title="Help:Wikitext">Wikitext</a> <ul><li><a href="/wiki/Help:Cheatsheet" title="Help:Cheatsheet">Cheatsheet</a></li></ul></li> <li><a href="/wiki/Help:Columns" title="Help:Columns">Columns</a></li> <li><a href="/wiki/Help:Line-break_handling" title="Help:Line-break handling">Line-break handling</a></li> <li><a href="/wiki/Help:List" title="Help:List">Lists</a></li> <li><a href="/wiki/Help:Magic_words" title="Help:Magic words">Magic words</a> <ul><li><a href="/wiki/Help:Magic_words_for_beginners" title="Help:Magic words for beginners">For beginners</a></li> <li><a href="/wiki/Help:Conditional_expressions" title="Help:Conditional expressions">Conditional expressions</a></li> <li><a href="/wiki/Help:Switch_parser_function" title="Help:Switch parser function">Switch parser function</a></li> <li><a href="/wiki/Help:Time_function" title="Help:Time function">Time function</a></li></ul></li> <li><a href="/wiki/Help:Redirect" title="Help:Redirect">Redirects</a></li> <li><a href="/wiki/Help:Section" title="Help:Section">Sections and TOCs</a></li> <li><a href="/wiki/Help:Table" title="Help:Table">Tables</a> <ul><li><a href="/wiki/Help:Introduction_to_tables_with_Wiki_Markup/1" title="Help:Introduction to tables with Wiki Markup/1">Introduction</a></li> <li><a href="/wiki/Help:Basic_table_markup" title="Help:Basic table markup">Basics</a></li> <li><a href="/wiki/Help:Advanced_table_formatting" title="Help:Advanced table formatting">Advanced table formatting</a></li> <li><a href="/wiki/Help:Collapsing" class="mw-redirect" title="Help:Collapsing">Collapsing</a></li> <li><a href="/wiki/Help:Conditional_tables" title="Help:Conditional tables">Conditional tables</a></li> <li><a href="/wiki/Help:Sortable_tables" title="Help:Sortable tables">Sortable tables</a></li></ul></li> <li><a href="/wiki/Help:Using_colours" title="Help:Using colours">Using colours</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:Link" title="Help:Link">Links</a> and <a href="/wiki/Help:Diff" title="Help:Diff">diffs</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Link" title="Help:Link">Links</a> <ul><li><a href="/wiki/Help:Interlanguage_links" title="Help:Interlanguage links">Interlanguage</a></li> <li><a href="/wiki/Help:Interwiki_linking" title="Help:Interwiki linking">Interwiki</a></li> <li><a href="/wiki/Help:Permanent_link" title="Help:Permanent link">Permanent</a></li></ul></li> <li><a href="/wiki/Help:Diff" title="Help:Diff">Diffs</a> <ul><li><a href="/wiki/Wikipedia:Simplest_diff_guide" title="Wikipedia:Simplest diff guide">Simplest diff guide</a></li> <li><a href="/wiki/Wikipedia:Simple_diff_and_link_guide" title="Wikipedia:Simple diff and link guide">Simple diff and link guide</a></li> <li><a href="/wiki/Wikipedia:Complete_diff_and_link_guide" title="Wikipedia:Complete diff and link guide">Complete diff and link guide</a></li></ul></li> <li><a href="/wiki/Help:Colon_trick" title="Help:Colon trick">Colon trick</a></li> <li><a href="/wiki/Help:Link_color" title="Help:Link color">Link color</a></li> <li><a href="/wiki/Help:Pipe_trick" title="Help:Pipe trick">Pipe trick</a></li> <li><a href="/wiki/Help:URL" title="Help:URL">URLs</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Media" class="mw-disambig" title="Wikipedia:Media">Media</a> files: images,<br/>videos and sounds</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Media" title="Help:Media">Media help</a></li> <li><a href="/wiki/Help:Files" title="Help:Files">Files</a> <ul><li><a href="/wiki/Help:Creation_and_usage_of_media_files" title="Help:Creation and usage of media files">Creation and usage</a></li> <li><a href="/wiki/Wikipedia:Moving_files_to_Commons" title="Wikipedia:Moving files to Commons">Moving files to Commons</a></li></ul></li> <li><a href="/wiki/Wikipedia:Images" title="Wikipedia:Images">Images</a> <ul><li><a href="/wiki/Help:Introduction_to_images_with_Wiki_Markup/1" title="Help:Introduction to images with Wiki Markup/1">Introduction to images</a></li> <li><a href="/wiki/Help:Pictures" title="Help:Pictures">Picture tutorial</a></li> <li><a href="/wiki/Wikipedia:Preparing_images_for_upload" title="Wikipedia:Preparing images for upload">Preparing images for upload</a></li> <li><a href="/wiki/Wikipedia:Uploading_images" title="Wikipedia:Uploading images">Uploading images</a></li> <li><a href="/wiki/Help:Options_to_hide_an_image" title="Help:Options to hide an image">Options to hide an image</a></li> <li><a href="/wiki/Wikipedia:Extended_image_syntax" title="Wikipedia:Extended image syntax">Extended image syntax</a></li> <li><a href="/wiki/Wikipedia:SVG_help" title="Wikipedia:SVG help">SVG help</a></li></ul></li> <li><a href="/wiki/Help:Gallery_tag" title="Help:Gallery tag">Gallery tag</a></li> <li><a href="/wiki/Wikipedia:Graphics_tutorials" title="Wikipedia:Graphics tutorials">Graphics tutorials</a> <ul><li><a href="/wiki/Wikipedia:Basic_bitmap_image_editing" title="Wikipedia:Basic bitmap image editing">Basic bitmap image editing</a></li> <li><a href="/wiki/Wikipedia:How_to_improve_image_quality" title="Wikipedia:How to improve image quality">How to improve image quality</a></li> <li><a href="/wiki/Wikipedia:Graphics_Lab/Resources" title="Wikipedia:Graphics Lab/Resources">Graphics Lab resources</a></li></ul></li> <li><a href="/wiki/Help:Sound_file_markup" title="Help:Sound file markup">Sound file markup</a></li> <li><a href="/wiki/Help:Visual_file_markup" title="Help:Visual file markup">Visual file markup</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%">Other graphics</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Family_trees" title="Help:Family trees">Family trees</a></li> <li><a class="mw-selflink selflink">Graphs and charts</a> <ul><li><a href="/wiki/Wikipedia:How_to_create_charts_for_Wikipedia_articles" title="Wikipedia:How to create charts for Wikipedia articles">How to create</a></li> <li><a href="/wiki/Help:Barchart" title="Help:Barchart">Barcharts</a></li> <li><a href="/wiki/Wikipedia:To_scale_charts" title="Wikipedia:To scale charts">To scale charts</a></li></ul></li> <li><a href="/wiki/Help:Displaying_a_formula" title="Help:Displaying a formula">Math formulas</a> <ul><li><a href="/wiki/Help:Displaying_a_formula#Use_of_HTML_templates" title="Help:Displaying a formula">Math symbols</a></li></ul></li> <li><a href="/wiki/Help:Score" title="Help:Score">Musical scores</a> <ul><li><a href="/wiki/Help:Musical_symbols" title="Help:Musical symbols">Musical symbols</a></li></ul></li> <li><a href="/wiki/Wikipedia:Timeline" title="Wikipedia:Timeline">Timeline</a> <ul><li><a href="/wiki/Help:EasyTimeline_syntax" title="Help:EasyTimeline syntax">EasyTimeline syntax</a></li></ul></li> <li><a href="/wiki/Help:WikiHiero_syntax" title="Help:WikiHiero syntax">WikiHiero syntax</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:A_quick_guide_to_templates" title="Help:A quick guide to templates">Templates</a> and<br/><a href="/wiki/Lua_(programming_language)" title="Lua (programming language)">Lua</a> modules</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Template" title="Help:Template">Templates</a></li> <li><a href="/wiki/Wikipedia:Advanced_template_coding" title="Wikipedia:Advanced template coding">Advanced template coding</a></li> <li><a href="/wiki/Wikipedia:Template_documentation" title="Wikipedia:Template documentation">Template documentation</a></li> <li><a href="/wiki/Wikipedia:Template_index" title="Wikipedia:Template index">Template index</a></li> <li><a href="/wiki/Help:Template_limits" title="Help:Template limits">Template limits</a></li> <li><a href="/wiki/Wikipedia:Template_sandbox_and_test_cases" title="Wikipedia:Template sandbox and test cases">Template sandbox and test cases</a></li> <li><a href="/wiki/Wikipedia:Citation_templates" title="Wikipedia:Citation templates">Citation templates</a></li> <li><a href="/wiki/Help:Lua" title="Help:Lua">Lua help</a></li> <li><a href="/wiki/Wikipedia:Lua" title="Wikipedia:Lua">Lua project</a> <ul><li><a href="/wiki/Wikipedia:Lua/Resources" title="Wikipedia:Lua/Resources">Resources</a></li> <li><a href="/wiki/Wikipedia:Lua/To_do" title="Wikipedia:Lua/To do">To do</a></li></ul></li> <li><a href="/wiki/Help:Substitution" title="Help:Substitution">Substitution</a></li> <li><a href="/wiki/Help:Purge" title="Help:Purge">Purge</a> <ul><li><a href="/wiki/Help:Job_queue" title="Help:Job queue">Job queue</a></li></ul></li> <li><a href="/wiki/Help:Transclusion" title="Help:Transclusion">Transclusion</a> <ul><li><a href="/wiki/Help:Labeled_section_transclusion" title="Help:Labeled section transclusion">Labeled section</a></li> <li><a href="/wiki/Wikipedia:Transclusion_costs_and_benefits" title="Wikipedia:Transclusion costs and benefits">Costs and benefits</a></li></ul></li> <li><a href="/wiki/Wikipedia:Guide_to_Scribbling" title="Wikipedia:Guide to Scribbling">Guide to Scribbling</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Administration#Data_structure_and_development" title="Wikipedia:Administration">Data structure</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:Namespace" title="Wikipedia:Namespace">Namespaces</a></li> <li><a href="/wiki/Wikipedia:What_is_an_article%3F" title="Wikipedia:What is an article?">Main/Article</a></li> <li><a href="/wiki/Help:Category" title="Help:Category">Category</a></li> <li><a href="/wiki/Wikipedia:Drafts" title="Wikipedia:Drafts">Draft</a></li> <li><a href="/wiki/Help:Files" title="Help:Files">File</a> <ul><li><a href="/wiki/Help:File_description_page" title="Help:File description page">File description page</a></li></ul></li> <li><a href="/wiki/Wikipedia:Help_namespace" title="Wikipedia:Help namespace">Help</a></li> <li><a href="/wiki/Wikipedia:Portal" title="Wikipedia:Portal">Portal</a></li> <li><a href="/wiki/Wikipedia:Project_namespace" title="Wikipedia:Project namespace">Project/Wikipedia</a></li> <li><a href="/wiki/Help:Talk_pages" title="Help:Talk pages">Talk</a> <ul><li><a href="/wiki/Help:Archiving_a_talk_page" title="Help:Archiving a talk page">Archiving</a> <ul><li><a href="/wiki/Help:Archiving_(plain_and_simple)" title="Help:Archiving (plain and simple)">Simple</a></li></ul></li></ul></li> <li><a href="/wiki/Wikipedia:Template_namespace" title="Wikipedia:Template namespace">Template</a></li> <li><a href="/wiki/Wikipedia:User_pages" title="Wikipedia:User pages">User</a> <ul><li><a href="/wiki/Wikipedia:User_page_design_guide" title="Wikipedia:User page design guide">User page design</a></li></ul></li> <li><a href="/wiki/Help:MediaWiki_namespace" title="Help:MediaWiki namespace">MediaWiki</a> <ul><li><a href="/wiki/Wikipedia:Bug_reports_and_feature_requests" title="Wikipedia:Bug reports and feature requests">Bug reports and feature requests</a></li> <li><a href="https://www.mediawiki.org/wiki/Extension:TimedMediaHandler" class="extiw" title="mw:Extension:TimedMediaHandler">TimedMediaHandler extension</a></li></ul></li> <li><a href="/wiki/Wikipedia:Lua" title="Wikipedia:Lua">Module</a></li> <li><a href="/wiki/Help:Special_page" title="Help:Special page">Special</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/HTML" title="HTML">HTML</a> and <a href="/wiki/CSS" title="CSS">CSS</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Cascading_Style_Sheets" title="Help:Cascading Style Sheets">Cascading Style Sheets</a></li> <li><a href="/wiki/Help:HTML_in_wikitext" title="Help:HTML in wikitext">HTML in wikitext</a></li> <li><a href="/wiki/Wikipedia:Catalogue_of_CSS_classes" title="Wikipedia:Catalogue of CSS classes">Catalogue of CSS classes</a></li> <li><a href="/wiki/Wikipedia:Common.js_and_common.css" title="Wikipedia:Common.js and common.css">Common.js and common.css</a></li> <li><a href="/wiki/Template:Mxt/User_CSS_for_a_monospaced_coding_font" title="Template:Mxt/User CSS for a monospaced coding font">User CSS for monospaced coding font</a></li> <li><a href="/wiki/Wikipedia:WikiProject_Microformats/classes" title="Wikipedia:WikiProject Microformats/classes">Classes in microformats</a></li> <li><a href="/wiki/Help:Markup_validation" title="Help:Markup validation">Markup validation</a></li> <li><a href="/wiki/Wikipedia:Span_tags" title="Wikipedia:Span tags">Span tags</a></li> <li><a href="/wiki/Help:Useful_styles" title="Help:Useful styles">Useful styles</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Customisation" title="Wikipedia:Customisation">Customisation</a><br/>and tools</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Preferences" title="Help:Preferences">Preferences</a></li> <li><a href="/wiki/Wikipedia:Gadget" title="Wikipedia:Gadget">Gadgets</a></li> <li><a href="/wiki/Wikipedia:Skin" title="Wikipedia:Skin">Skins</a></li> <li><a href="/wiki/Help:Citation_tools" title="Help:Citation tools">Citation tools</a></li> <li><a href="/wiki/Wikipedia:Cleaning_up_vandalism/Tools" title="Wikipedia:Cleaning up vandalism/Tools">Cleaning up vandalism tools</a></li> <li><a href="/wiki/Wikipedia:Customizing_watchlists" title="Wikipedia:Customizing watchlists">Customizing watchlists</a> <ul><li><a href="/wiki/Help:Hide_Pages_in_Watchlist" title="Help:Hide Pages in Watchlist">Hide pages</a></li></ul></li> <li><a href="/wiki/Wikipedia:Scripts" title="Wikipedia:Scripts">IRC Scripts</a></li> <li><a href="/wiki/Wikipedia:User_scripts" title="Wikipedia:User scripts">User scripts</a> <ul><li><a href="/wiki/Wikipedia:User_scripts/Guide" title="Wikipedia:User scripts/Guide">Guide</a></li> <li><a href="/wiki/Wikipedia:User_scripts/List" title="Wikipedia:User scripts/List">List</a></li> <li><a href="/wiki/Wikipedia:User_scripts/Techniques" title="Wikipedia:User scripts/Techniques">Techniques</a></li></ul></li> <li><a href="/wiki/Help:User_style" title="Help:User style">User style</a></li> <li><a href="/wiki/Wikipedia:Tools" title="Wikipedia:Tools">Tools</a> <ul><li><a href="/wiki/Wikipedia:Tools/Alternative_browsing" title="Wikipedia:Tools/Alternative browsing">Alternative browsing</a></li> <li><a href="/wiki/Wikipedia:Tools/Browser_tools" title="Wikipedia:Tools/Browser tools">Browser tools</a></li> <li><a href="/wiki/Wikipedia:Tools/Editing_tools" title="Wikipedia:Tools/Editing tools">Editing tools</a></li> <li><a href="/wiki/Wikipedia:Tools/Navigation_shortcuts" title="Wikipedia:Tools/Navigation shortcuts">Navigation shortcuts</a></li> <li><a href="/wiki/Wikipedia:Tools/Optimum_tool_set" title="Wikipedia:Tools/Optimum tool set">Optimum tool set</a></li></ul></li> <li><a href="/wiki/Wikipedia:Wikimedia_Cloud_Services" title="Wikipedia:Wikimedia Cloud Services">Wikimedia Cloud Services</a></li> <li><a href="https://www.mediawiki.org/wiki/Beta_Features" class="extiw" title="mw:Beta Features">Beta Features at MediaWiki</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%">Automated editing</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:WikiProject_Articles_for_creation/Helper_script" title="Wikipedia:WikiProject Articles for creation/Helper script">AfC helper script</a></li> <li><a href="/wiki/Wikipedia:AntiVandal" title="Wikipedia:AntiVandal">AntiVandal</a></li> <li><a href="/wiki/Wikipedia:AutoWikiBrowser" title="Wikipedia:AutoWikiBrowser">AutoWikiBrowser</a></li> <li><a href="/wiki/Wikipedia:Bots" title="Wikipedia:Bots">Bots</a> <ul><li><a href="/wiki/Help:Creating_a_bot" title="Help:Creating a bot">Creating</a></li> <li><a href="/wiki/Wikipedia:History_of_Wikipedia_bots" title="Wikipedia:History of Wikipedia bots">history</a></li></ul></li> <li><a href="/wiki/Wikipedia:HotCat" title="Wikipedia:HotCat">HotCat</a></li> <li><a href="/wiki/Wikipedia:Huggle" title="Wikipedia:Huggle">Huggle</a></li> <li><a href="/wiki/Wikipedia:Tools/Navigation_popups" title="Wikipedia:Tools/Navigation popups">Navigation popups</a></li> <li><a href="/wiki/Wikipedia:RedWarn" title="Wikipedia:RedWarn">RedWarn</a></li> <li><a href="/wiki/Wikipedia:Twinkle" title="Wikipedia:Twinkle">Twinkle</a></li> <li><a href="/wiki/Wikipedia:Ultraviolet" title="Wikipedia:Ultraviolet">Ultraviolet</a></li> <li><a href="/wiki/Wikipedia:WPCleaner" title="Wikipedia:WPCleaner">WPCleaner</a></li> <li>Inactive <ul><li><a href="/wiki/Wikipedia:Igloo" title="Wikipedia:Igloo">igloo</a></li> <li><a href="/wiki/Wikipedia:STiki" title="Wikipedia:STiki">STiki</a></li></ul></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2" style="text-align: center;"><div> <ul><li>See also: <b><a href="/wiki/Category:Wikipedia_how-to" title="Category:Wikipedia how-to">Category:Wikipedia how-to</a></b></li> <li><b><a href="/wiki/Category:Wikipedia_information_pages" title="Category:Wikipedia information pages">Category:Wikipedia information pages</a></b><br/>Further navigation at: <a href="/wiki/Template:Wikipedia_help_pages" title="Template:Wikipedia help pages">Help pages</a> <ul><li><a href="/wiki/Template:Administrators%27_guide" title="Template:Administrators' guide">Administrators</a></li></ul></li> <li><a href="/wiki/Wikipedia:WikiProject_Accessibility/Navigation_menu" title="Wikipedia:WikiProject Accessibility/Navigation menu">Accessibility</a></li> <li><a href="/wiki/Template:Wikipedia_accounts" title="Template:Wikipedia accounts">Accounts</a></li> <li><a href="/wiki/Template:Botnav" title="Template:Botnav">Bots</a></li> <li><a href="/wiki/Template:Wikipedia_referencing" title="Template:Wikipedia referencing">Referencing</a> <ul><li><a href="/wiki/Template:Citation_metadata_navbox" title="Template:Citation metadata navbox">Citation metadata</a></li></ul></li> <li><a href="/wiki/Template:Wikipedia_templates" title="Template:Wikipedia templates">Templates</a></li> <li><a href="/wiki/Wikipedia:User_scripts/Navbox" title="Wikipedia:User scripts/Navbox">User scripts</a></li></ul> </div></td></tr></tbody></table></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=Wikipedia:Graphs_and_charts&oldid=1221715787">https://en.wikipedia.org/w/index.php?title=Wikipedia:Graphs_and_charts&oldid=1221715787</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Category</a>: <ul><li><a href="/wiki/Category:Wikipedia_how-to" title="Category:Wikipedia how-to">Wikipedia how-to</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:Pages_using_the_Graph_extension" title="Category:Pages using the Graph extension">Pages using the Graph extension</a></li><li><a href="/wiki/Category:Pages_with_disabled_graphs" title="Category:Pages with disabled graphs">Pages with disabled graphs</a></li><li><a href="/wiki/Category:Wikipedia_help" title="Category:Wikipedia help">Wikipedia help</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 1 May 2024, at 15:59<span class="anonymous-show"> (UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=Wikipedia:Graphs_and_charts&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-nhjg5","wgBackendResponseTime":144,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Accuracy","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Creating_graphs_for_Wikipedia","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Vega-Creating_graphs_for_Wikipedia","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Methods_using_Wikipedia_templates-Creating_graphs_for_Wikipedia","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Timeline-Methods_using_Wikipedia_templates","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Single_statistic-Methods_using_Wikipedia_templates","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Pie_chart-Methods_using_Wikipedia_templates","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Horizontal_bar_graph-Methods_using_Wikipedia_templates","replies":[{"headingLevel":5,"name":"h-","type":"heading","level":0,"id":"h-Bar_chart-Horizontal_bar_graph","replies":[]},{"headingLevel":5,"name":"h-","type":"heading","level":0,"id":"h-Bar_box-Horizontal_bar_graph","replies":[]},{"headingLevel":5,"name":"h-","type":"heading","level":0,"id":"h-Stacked_bar-Horizontal_bar_graph","replies":[]}]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Vertical_bar_graph-Methods_using_Wikipedia_templates","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Brick_chart-Methods_using_Wikipedia_templates","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Line_charts-Methods_using_Wikipedia_templates","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Geographical_maps-Methods_using_Wikipedia_templates","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Colors-Methods_using_Wikipedia_templates","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Methods_outside_Wikipedia-Creating_graphs_for_Wikipedia","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.043"},"limitreport":{"cputime":"0.632","walltime":"0.875","ppvisitednodes":{"value":4302,"limit":1000000},"postexpandincludesize":{"value":100648,"limit":2097152},"templateargumentsize":{"value":6215,"limit":2097152},"expansiondepth":{"value":12,"limit":100},"expensivefunctioncount":{"value":4,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":28060,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 712.758 1 -total"," 14.51% 103.417 1 Template:Highlighted_world_map_by_country"," 13.99% 99.738 1 Template:Wikipedia_technical_help"," 12.34% 87.940 1 Template:Graph:Chart"," 11.18% 79.688 1 Template:Bar_chart"," 10.49% 74.802 1 Template:Wikipedia_how-to"," 8.68% 61.878 1 Template:Ombox"," 6.57% 46.808 1 Template:Brick_chart"," 6.12% 43.596 1 Template:Clarification_needed"," 5.62% 40.069 5 Template:Bar_chart/bar"]},"scribunto":{"limitreport-timeusage":{"value":"0.209","limit":"10.000"},"limitreport-memusage":{"value":3450541,"limit":52428800}},"cachereport":{"origin":"mw-api-int.codfw.main-746bf6896b-sprxz","timestamp":"20241119005202","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>