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:Collaboration to convert graphs to SVG - 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":"2734102a-ef65-4017-a298-d3fb94ec3361","wgCanonicalNamespace":"Project","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":4,"wgPageName":"Wikipedia:Collaboration_to_convert_graphs_to_SVG","wgTitle":"Collaboration to convert graphs to SVG","wgCurRevisionId":786740784,"wgRevisionId":786740784,"wgArticleId":5772127,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipedia image help","Inactive project pages"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Wikipedia:Collaboration_to_convert_graphs_to_SVG","wgRelevantArticleId":5772127,"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":8000,"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,"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.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","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["site","mediawiki.page.ready","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","ext.checkUser.clientHints"];</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.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.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:Collaboration to convert graphs to SVG - 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:Collaboration_to_convert_graphs_to_SVG"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&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:Collaboration_to_convert_graphs_to_SVG"> <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_Collaboration_to_convert_graphs_to_SVG rootpage-Wikipedia_Collaboration_to_convert_graphs_to_SVG 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%3ACollaboration+to+convert+graphs+to+SVG" 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%3ACollaboration+to+convert+graphs+to+SVG" 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%3ACollaboration+to+convert+graphs+to+SVG" 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%3ACollaboration+to+convert+graphs+to+SVG" 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-Modifying_the_graphs" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Modifying_the_graphs"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Modifying the graphs</span> </div> </a> <ul id="toc-Modifying_the_graphs-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Tips_for_good_graphs" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Tips_for_good_graphs"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Tips for good graphs</span> </div> </a> <ul id="toc-Tips_for_good_graphs-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Labelling_graphs" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Labelling_graphs"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Labelling graphs</span> </div> </a> <button aria-controls="toc-Labelling_graphs-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 Labelling graphs subsection</span> </button> <ul id="toc-Labelling_graphs-sublist" class="vector-toc-list"> <li id="toc-Marking_a_target" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Marking_a_target"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>Marking a target</span> </div> </a> <ul id="toc-Marking_a_target-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-When_you're_done" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#When_you're_done"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span> <span>When you're done</span> </div> </a> <ul id="toc-When_you're_done-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Images_so_far_converted" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Images_so_far_converted"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Images so far converted</span> </div> </a> <ul id="toc-Images_so_far_converted-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">Collaboration to convert graphs to SVG</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="This article exist only in this language. Add the article for other 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-0" 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">Add languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"><span class="uls-after-portlet-link"></span><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:NewItem?site=enwiki&page=Wikipedia%3ACollaboration+to+convert+graphs+to+SVG" title="Add interlanguage links" class="wbc-editpage">Add 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:Collaboration_to_convert_graphs_to_SVG" 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:Collaboration_to_convert_graphs_to_SVG" 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:Collaboration_to_convert_graphs_to_SVG"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&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:Collaboration_to_convert_graphs_to_SVG&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:Collaboration_to_convert_graphs_to_SVG"><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:Collaboration_to_convert_graphs_to_SVG&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:Collaboration_to_convert_graphs_to_SVG&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:Collaboration_to_convert_graphs_to_SVG" 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:Collaboration_to_convert_graphs_to_SVG" 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:Collaboration_to_convert_graphs_to_SVG&oldid=786740784" 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:Collaboration_to_convert_graphs_to_SVG&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%3ACollaboration_to_convert_graphs_to_SVG"><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%3ACollaboration_to_convert_graphs_to_SVG"><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%3ACollaboration_to_convert_graphs_to_SVG&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:Collaboration_to_convert_graphs_to_SVG&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 emptyPortlet" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </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: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"><a href="/wiki/Wikipedia:HISPAGES" title="Wikipedia:HISPAGES"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/5/56/Historical.svg/30px-Historical.svg.png" decoding="async" width="30" height="38" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/56/Historical.svg/45px-Historical.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/56/Historical.svg/60px-Historical.svg.png 2x" data-file-width="140" data-file-height="177"/></a></span></td><td class="mbox-text"><b>This page is currently inactive and is retained for <a href="/wiki/Wikipedia:HISPAGES" class="mw-redirect" title="Wikipedia:HISPAGES">historical</a> reference.</b><br/><span style="font-size: 90%">Either the page is no longer relevant or consensus on its purpose has become unclear. To revive discussion, seek broader input via a forum such as the <a href="/wiki/Wikipedia:Village_pump_(proposals)" title="Wikipedia:Village pump (proposals)">village pump</a>.</span> <span style="font-size: 90%"> </span></td></tr></tbody></table> <style data-mw-deduplicate="TemplateStyles:r1251242444">.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}</style><table class="plainlinks metadata ambox ambox-delete" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/1/15/Ambox_warning_pn.svg/40px-Ambox_warning_pn.svg.png" decoding="async" width="40" height="35" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/1/15/Ambox_warning_pn.svg/60px-Ambox_warning_pn.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/1/15/Ambox_warning_pn.svg/80px-Ambox_warning_pn.svg.png 2x" data-file-width="512" data-file-height="445"/></span></span></div></td><td class="mbox-text"><div class="mbox-text-span"><b>Due to the inactivity of this project, you're recommended to make your requests at the <a href="/wiki/Wikipedia:Graphics_Lab" title="Wikipedia:Graphics Lab"><span style="color:#b22222!important">English Graphics Lab</span></a> or at the <a href="https://commons.wikimedia.org/wiki/Commons:Graphic_Lab" class="extiw" title="c:Commons:Graphic Lab"><span style="color:#b22222!important">Commons Graphics Lab.</span></a></b></div></td></tr></tbody></table> <figure class="mw-halign-right" typeof="mw:File"><a href="/wiki/File:Smiley.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/85/Smiley.svg/75px-Smiley.svg.png" decoding="async" width="75" height="75" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/85/Smiley.svg/113px-Smiley.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/85/Smiley.svg/150px-Smiley.svg.png 2x" data-file-width="800" data-file-height="800"/></a><figcaption></figcaption></figure><figure class="mw-halign-right" typeof="mw:File"><a href="/wiki/File:Smile-tpvgames.gif" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/2/28/Smile-tpvgames.gif" decoding="async" width="75" height="75" class="mw-file-element" data-file-width="20" data-file-height="20"/></a><figcaption></figcaption></figure> <div style="border: solid 1px #06c; margin: 0 25% 2px 25%; text-align: center; padding: 2px;"><b>See the <a href="/wiki/Category:Graph_images_that_should_be_in_SVG_format" title="Category:Graph images that should be in SVG format">list of charts and graphs targeted for conversion</a>.</b></div> <p>Many graphs and charts on Wikipedia are currently displayed in a <a href="/wiki/Raster_graphics" title="Raster graphics">raster format</a>. That has two problems: </p> <ol><li>The images cannot be resized without visible pixellation.</li> <li>The results are not easily editable.</li></ol> <p><a href="/wiki/Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">Scalable Vector Graphics</a> are the best solution to images like graphs and charts that can be described through simple shapes and text. Look at the two smiley faces at right. The top one is in SVG format – it resizes perfectly. In comparison, the raster format cannot be resized elegantly. </p><p>By converting graphs and charts to SVG format, we can guide Wikipedia's content to a higher calibre, and help to keep the material up-to-date and accessible. </p> <meta property="mw:PageProp/toc"/> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Modifying_the_graphs" data-mw-thread-id="h-Modifying_the_graphs"><span data-mw-comment-start="" id="h-Modifying_the_graphs"></span>Modifying the graphs<span data-mw-comment-end="h-Modifying_the_graphs"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&action=edit&section=1" title="Edit section: Modifying the graphs"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Until instructions are posted, you'll need to be fairly proficient in SVG to take part in this project. </p><p><b>Please <i>don't</i> use graphics programs like <a href="/wiki/Inkscape" title="Inkscape">Inkscape</a>, <a href="/wiki/Adobe_Illustrator" title="Adobe Illustrator">Adobe Illustrator</a> or the <a href="/wiki/GIMP" title="GIMP">GIMP</a> to edit these SVGs. They need to be edited in a text editor (SVG is a pure XML file from core, thus can be edited in e.g. Notepad).</b> </p><p>For the time being please use the chart of <a href="/wiki/File:Netscape-navigator-usage-data.svg" title="File:Netscape-navigator-usage-data.svg">Netscape Navigator's usage share</a> as the model: </p><p><span class="mw-default-size" typeof="mw:File"><a href="/wiki/File:Netscape-navigator-usage-data.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Netscape-navigator-usage-data.svg/570px-Netscape-navigator-usage-data.svg.png" decoding="async" width="570" height="290" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Netscape-navigator-usage-data.svg/855px-Netscape-navigator-usage-data.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Netscape-navigator-usage-data.svg/1140px-Netscape-navigator-usage-data.svg.png 2x" data-file-width="570" data-file-height="290"/></a></span> </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Tips_for_good_graphs" data-mw-thread-id="h-Tips_for_good_graphs"><span data-mw-comment-start="" id="h-Tips_for_good_graphs"></span>Tips for good graphs<span data-mw-comment-end="h-Tips_for_good_graphs"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&action=edit&section=2" title="Edit section: Tips for good graphs"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The following tips are based on good practice for charts generally (including the work of <a href="/wiki/Edward_Tufte" title="Edward Tufte">Edward Tufte</a>) and the requirements of Wikipedia in particular. </p> <ul><li>Avoid putting in a chart title. That's the role of the caption.</li> <li>Avoid colour as much as possible. The graph should still be useable when printed then photocopied in grayscale.</li> <li>Try to use the smallest discernible difference – e.g., clearly different shades of grey are better than red, green, and blue.</li> <li>Try to keep lines fairly thin. Thick, chunky lines typically make for ugly graphs.</li> <li>The X- and Y-axes need to be carefully considered: <ul><li>Don't listen to Excel – the scale along the axes do <i>not</i> have to emphasise the first and last records; rather, choose logical, neat values to display.</li> <li>Don't listen to your teacher, either – you should only label the axes if it's not patently obvious. So if the X-axis scale is clearly years, there's no need to explain that; the audience is smart enough to figure it out! But if it might be in doubt (like if you're graphing something many years ago, or which covers a large expanse of history) then it may be necessary.</li> <li>If your scale crosses a major numerical division, it should be marked. So a graph of the years <a href="/wiki/1892" title="1892">1892</a> through <a href="/wiki/1905" title="1905">1905</a>, for example, should definitely mark the year <a href="/wiki/1900" title="1900">1900</a>.</li> <li>For example, if you are graphing a variable between the years <a href="/wiki/1999" title="1999">1999</a> and <a href="/wiki/2004" title="2004">2004</a>, the best scale is probably one that has the years 2000, 2002, and 2004 marked. <i>If</i> there's enough space, then you could add in the odd-numbered years, too.</li> <li>As per the <a href="/wiki/Wikipedia:Dates" class="mw-redirect" title="Wikipedia:Dates">Wikipedia style guide</a>, don't abbreviate years (e.g., "2011, 2012, 2013, 2014", <i>not</i> "1998, '99, 2000, '01").</li> <li>As per the Wikipedia style guide, don't use numbers to express a month.</li></ul></li> <li>Try not to use keys and legends. Instead, try to include the explanatory material on the graph. (Because it's in SVG, anyone can easily translate it into other languages!)</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Labelling_graphs" data-mw-thread-id="h-Labelling_graphs"><span data-mw-comment-start="" id="h-Labelling_graphs"></span>Labelling graphs<span data-mw-comment-end="h-Labelling_graphs"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&action=edit&section=3" title="Edit section: Labelling graphs"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Marking_a_target" data-mw-thread-id="h-Marking_a_target-Labelling_graphs"><span data-mw-comment-start="" id="h-Marking_a_target-Labelling_graphs"></span>Marking a target<span data-mw-comment-end="h-Marking_a_target-Labelling_graphs"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&action=edit&section=4" title="Edit section: Marking a target"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>If you find a graph that should be in SVG format, please add the following to the top of its page: </p><p>{{SVG graph project}} </p> <div class="mw-heading mw-heading3"><h3 id="When_you're_done" data-mw-thread-id="h-When_you're_done-Labelling_graphs"><span id="When_you.27re_done"></span><span data-mw-comment-start="" id="h-When_you're_done-Labelling_graphs"></span>When you're done<span data-mw-comment-end="h-When_you're_done-Labelling_graphs"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&action=edit&section=5" title="Edit section: When you're done"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Remove the {{SVG graph project}} tag and replace it with {{SVGNowAvailable|Name of new image.svg}}. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Images_so_far_converted" data-mw-thread-id="h-Images_so_far_converted"><span data-mw-comment-start="" id="h-Images_so_far_converted"></span>Images so far converted<span data-mw-comment-end="h-Images_so_far_converted"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&action=edit&section=6" title="Edit section: Images so far converted"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li>OPEC declared reserves [BP data]: <a href="/w/index.php?title=File:Opec-reservers.png&action=edit&redlink=1" class="new" title="File:Opec-reservers.png (page does not exist)">PNG version</a> → <a href="/wiki/File:OPEC_declared_reserves_1980-now_BP.svg" title="File:OPEC declared reserves 1980-now BP.svg">SVG version</a></li> <li>World total oil production: <a href="/w/index.php?title=File:Crude_NGPL_IEAtotal_1960-2004.png&action=edit&redlink=1" class="new" title="File:Crude NGPL IEAtotal 1960-2004.png (page does not exist)">PNG version</a> → <a href="/wiki/File:Crude_NGPL_IEAtotal_1960-2008.svg" title="File:Crude NGPL IEAtotal 1960-2008.svg">SVG version</a></li> <li>Internet Explorer usage share: <a href="/w/index.php?title=File:Internet_Explorer_usage_share.png&action=edit&redlink=1" class="new" title="File:Internet Explorer usage share.png (page does not exist)">PNG version</a> → <a href="/wiki/File:Internet-explorer-usage-data.svg" title="File:Internet-explorer-usage-data.svg">SVG version</a></li> <li>Mozilla Firefox usage share: <a href="/wiki/File:Mozilla_Firefox_usage_share.png" title="File:Mozilla Firefox usage share.png">PNG version</a> → <a href="/wiki/File:Mozilla-firefox-usage-data.svg" title="File:Mozilla-firefox-usage-data.svg">SVG version</a></li> <li>Netscape Navigator usage share: <a href="/wiki/File:Netscape_Navigator_usage_share.png" title="File:Netscape Navigator usage share.png">PNG version</a> → <a href="/wiki/File:Netscape-navigator-usage-data.svg" title="File:Netscape-navigator-usage-data.svg">SVG version</a></li> <li>Graph minor A example: <a href="/wiki/File:GraphMinorExampleA.png" title="File:GraphMinorExampleA.png">PNG version</a> → <a href="/wiki/File:GraphMinorExampleA.svg" title="File:GraphMinorExampleA.svg">SVG version</a></li> <li>Graph minor B example: <a href="/wiki/File:GraphMinorExampleB.png" title="File:GraphMinorExampleB.png">PNG version</a> → <a href="/wiki/File:GraphMinorExampleB.svg" title="File:GraphMinorExampleB.svg">SVG version</a></li> <li>World population growth: <a href="/wiki/File:World_population_increase_history.png" title="File:World population increase history.png">PNG version</a> → <a href="/wiki/File:World_population_increase_history.svg" title="File:World population increase history.svg">SVG version</a></li> <li>World population: <a href="/w/index.php?title=File:World_population_history.png&action=edit&redlink=1" class="new" title="File:World population history.png (page does not exist)">PNG version</a> → <a href="/wiki/File:World_population_history.svg" title="File:World population history.svg">SVG version</a></li> <li>Population and population rank of Detroit, Michigan: <a href="/w/index.php?title=File:DetroitPopulation.jpg&action=edit&redlink=1" class="new" title="File:DetroitPopulation.jpg (page does not exist)">JPG version</a> → <a href="/wiki/File:Detroit_population_and_rank.svg" title="File:Detroit population and rank.svg">SVG version</a></li> <li>Time taken to add each billion to world population: <a href="/wiki/File:Worldpopulationgrowth-billions.jpg" title="File:Worldpopulationgrowth-billions.jpg">JPG version</a> → <a href="/wiki/File:World_population_growth_-_time_between_each_billion-person_growth.svg" title="File:World population growth - time between each billion-person growth.svg">SVG version</a></li> <li>Increase in the population of <a href="/wiki/Middlewich" title="Middlewich">Middlewich</a>, <a href="/wiki/Cheshire" title="Cheshire">Cheshire</a>, <a href="/wiki/England" title="England">England</a>, in the last 200 years: <a href="/wiki/File:Middlewich_-_Population.gif" title="File:Middlewich - Population.gif">GIF version</a> → <a href="/wiki/File:Middlewich_Population.svg" title="File:Middlewich Population.svg">SVG version</a></li> <li>Population of Baja, Hungary, 1870-2005: <a href="/w/index.php?title=File:Bajapop.jpg&action=edit&redlink=1" class="new" title="File:Bajapop.jpg (page does not exist)">JPG version</a> → <a href="/wiki/File:Population_of_Baja,_Hungary.svg" title="File:Population of Baja, Hungary.svg">SVG Version</a></li> <li>Albania Population Pyramid for 2005: <a href="/wiki/File:Albania_population_pyramid_2005.png" title="File:Albania population pyramid 2005.png">PNG Version</a> → <a href="/wiki/File:Population_Pyramid-_Albania_2005.svg" title="File:Population Pyramid- Albania 2005.svg">SVG Version</a></li> <li>Andora Population Pyramid for 2005: <a href="/wiki/File:Andorra_population_pyramid_2005.png" title="File:Andorra population pyramid 2005.png">PNG Version</a> → <a href="/wiki/File:Population_Pyramid-_Andorra_2005.svg" title="File:Population Pyramid- Andorra 2005.svg">SVG Version</a></li> <li>Australia Population Pyramid for 2005: <a href="/wiki/File:Australia_population_pyramid_2005.png" title="File:Australia population pyramid 2005.png">PNG Version</a> → <a href="/wiki/File:Population_Pyramid-_Australia_2005.svg" title="File:Population Pyramid- Australia 2005.svg">SVG Version</a></li> <li>Triangular Population Pyramid: <a href="/wiki/File:Population_pyramid_1_(triangle).PNG" title="File:Population pyramid 1 (triangle).PNG">PNG Version</a> → <a href="/wiki/File:Population_Pyramid-_Triangle.svg" title="File:Population Pyramid- Triangle.svg">SVG Version</a></li> <li>Components of the US money supply: <a href="/wiki/File:Money-supply.png" title="File:Money-supply.png">PNG Version</a> → <a href="/wiki/File:Components_of_the_United_States_money_supply.svg" title="File:Components of the United States money supply.svg">SVG Version</a></li> <li>United States population, 1790-2000: <a href="/wiki/File:Population_of_the_United_States,_1790-2000.png" title="File:Population of the United States, 1790-2000.png">PNG Version</a> → <a href="/wiki/File:US_Population_Graph_-_1790_to_2000.svg" title="File:US Population Graph - 1790 to 2000.svg">SVG Version</a></li> <li>Example of Babylonian method of square root calculation: <a href="/w/index.php?title=File:Babylonianmethod.gif&action=edit&redlink=1" class="new" title="File:Babylonianmethod.gif (page does not exist)">GIF Version</a> → <a href="/wiki/File:Babylonian_method.svg" title="File:Babylonian method.svg">SVG Version</a></li> <li>Population and gender composition of Białystok, Poland: <a href="/w/index.php?title=File:Bialystok_population_graph.png&action=edit&redlink=1" class="new" title="File:Bialystok population graph.png (page does not exist)">PNG version</a> → <a href="/wiki/File:Bia%C5%82ystok_population_and_gender_composition.svg" title="File:Białystok population and gender composition.svg">SVG Version</a></li> <li>Populations of the countries comprising the United Kingdom: <a href="/w/index.php?title=File:Ukdemographicscountry.PNG&action=edit&redlink=1" class="new" title="File:Ukdemographicscountry.PNG (page does not exist)">PNG version</a> → <a href="/wiki/File:Populations_of_the_nations_in_the_United_Kingdom.svg" title="File:Populations of the nations in the United Kingdom.svg">SVG version</a></li> <li>Bandwidth: <a href="/wiki/File:Bandwidth.png" title="File:Bandwidth.png">PNG version</a> → <a href="/wiki/File:Bandwidth.svg" title="File:Bandwidth.svg">SVG version</a></li> <li>Demographics of the Netherlands: <a href="/wiki/File:Netherlands-demography.png" title="File:Netherlands-demography.png">PNG version</a> → <a href="/wiki/File:Demographics_of_the_Netherlands_(1961-2006).svg" title="File:Demographics of the Netherlands (1961-2006).svg">SVG version</a></li> <li><a href="/wiki/Goodison_Park" title="Goodison Park">Goodison Park</a> average yearly attendance: (no original) → <a href="/wiki/File:Goodison-park-average-attendance.svg" title="File:Goodison-park-average-attendance.svg">SVG version</a></li></ul>    </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:Collaboration_to_convert_graphs_to_SVG&oldid=786740784">https://en.wikipedia.org/w/index.php?title=Wikipedia:Collaboration_to_convert_graphs_to_SVG&oldid=786740784</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:Inactive_project_pages" title="Category:Inactive project pages">Inactive project pages</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden category: <ul><li><a href="/wiki/Category:Wikipedia_image_help" title="Category:Wikipedia image help">Wikipedia image 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 21 June 2017, at 09:53<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:Collaboration_to_convert_graphs_to_SVG&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-gbhlh","wgBackendResponseTime":144,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Modifying_the_graphs","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Tips_for_good_graphs","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Labelling_graphs","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Marking_a_target-Labelling_graphs","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-When_you're_done-Labelling_graphs","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Images_so_far_converted","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.010"},"limitreport":{"cputime":"0.122","walltime":"0.275","ppvisitednodes":{"value":151,"limit":1000000},"postexpandincludesize":{"value":4314,"limit":2097152},"templateargumentsize":{"value":0,"limit":2097152},"expansiondepth":{"value":8,"limit":100},"expensivefunctioncount":{"value":0,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":3342,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 112.005 1 -total"," 78.05% 87.422 1 Template:Historical"," 34.63% 38.789 1 Template:Mbox"," 21.88% 24.504 1 Template:Ambox"," 1.63% 1.821 1 Template:Template_other"]},"scribunto":{"limitreport-timeusage":{"value":"0.041","limit":"10.000"},"limitreport-memusage":{"value":698971,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-6dd864dd59-k8xd4","timestamp":"20241108081938","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>