CINXE.COM
Plotly Open Source Graphing Libraries
<!DOCTYPE html> <html> <head> <!-- This page was last built at 2024-11-19 15:59 --> <meta charset="utf-8" /> <link rel="canonical" href="https://plotly.com/api/" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,500&display=swap" rel="stylesheet" /> <!-- Media query magic - http://stackoverflow.com/questions/19945658/my-iphone-thinks-its-980px-wide --> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="/all_static/javascripts/algolia/instantsearch.js"></script> <script src="/all_static/javascripts/algolia/polyfill.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script> const theme = localStorage.getItem('theme'); if (theme === "dark-mode") { var root = document.getElementsByTagName('html')[0]; // '0' to assign the first (and only `HTML` tag) root.setAttribute('class', 'dark-mode'); } </script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" crossorigin="anonymous"> <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" crossorigin="anonymous"></script> <link href="https://esm.sh/@markprompt/css@0.18.0?css" rel="stylesheet" /> <link href="/all_static/css/markprompt.css" rel="stylesheet" /> <!-- //// Stylesheets --> <!-- Fonts --> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Ubuntu+Mono:400,700|Asap" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" /> <!-- Main Stylesheets --> <link rel="stylesheet" type="text/css" href="/all_static/css/main.css?version=false" /> <link rel="stylesheet" type="text/css" href="/all_static/css/improve.css?version=2024-11-19-15-59"> <!-- LOCAL DEV STYLESHEET --> <!--<link rel="stylesheet" type="text/css" href="http://api.plotly.dev/all_static/css/main.css">--> <!-- Icon --> <link rel="shortcut icon" href="https://dash.plotly.com/assets/favicon.ico" /> <!-- Google Tags--> <!-- Google Tag Manager Tag --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6T2RXG');</script> <!-- META TAGS --> <!-- Capture language --> <!-- Create a title --> <!-- Count number of plots on the page --> <!-- SEO Tags - title, meta_description --> <title> Plotly Open Source Graphing Libraries </title> <meta name="description" content="Interactive charts and maps for Python, R, Julia, Javascript, ggplot2, F#, MATLAB®, and Dash."> <!-- Bing tags --> <meta name="msvalidate.01" content="D319859A832F9F1D15A7646E2A42150A" /> <!-- Facebook tags --> <meta property="og:title" content= Plotly Open Source Graphing Libraries /> <meta property="og:type" content="website"/> <meta property="og:image" content="https://help.plot.ly/images/twitter-default.png"> <meta property="og:description" content="Interactive charts and maps for Python, R, Julia, Javascript, ggplot2, F#, MATLAB®, and Dash."/> <meta property="og:url" /> <meta property="fb:admins" content="1123751525"/> <meta property="fb:admins" content="22418"/> <!-- twitter tags --> <meta name="twitter:card" content="photo" /> <meta name="twitter:title" content= Plotly Open Source Graphing Libraries /> <meta name="twitter:url" content="https://plotly.com//api/"/> <meta name="twitter:description" content="Interactive charts and maps for Python, R, Julia, Javascript, ggplot2, F#, MATLAB®, and Dash."/> <meta name="twitter:image" content="https://help.plot.ly/images/twitter-default.png"> <meta name="twitter:site" content="@plotlygraphs"/> </head> <body class="darkmode"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6T2RXG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="menu-mobile"> <div class="switch-mode"> <div class="icon-dark"></div> <div class="switch"></div> <div class="icon-light"></div> </div> <div class="close-menu"></div> <ul> <li><a style="font-weight: bold;" href="https://community.plotly.com/c/">Forum</a> </li> <li><a style="font-weight: bold;" href="https://plotly.com/get-pricing/">Pricing</a></li> <li><a style="font-weight: bold;" href="https://dash.plotly.com">Dash</a></li> <!--<li><a style="font-weight: bold;" href="http://plotly.cloud">Dash Cloud</a></li>--> </ul> </div> <div class="header-container"> <header class="header-main --default"> <div class="--wrap"> <div class="--wrap-left"> <div class="-identity"> <a href="https://plotly.com/"><img src="/all_static/images/graphing_library_dark.svg" style="height: 30px;" class="logo-dark"></a> <a href="/graphing-libraries/"><img src="/all_static/images/graphing_library.svg" style="height: 30px;" class="logo-white"></a> </div> </div> <div class="--wrap-right"> <nav class="--nav-meta" role="navigation"> <ul> <li class="languages"> <a class=""> Languages </a> <ul> <li> <a href="https://plotly.com/python/" class="python"> <div class="icon"></div>Python (v5.24.1) </a> </li> <li> <a href="https://plotly.com/r/" class="r"> <div class="icon"></div>R </a> </li> <li> <a href="https://plotly.com/julia/" class="julia"> <div class="icon"></div>Julia </a> </li> <li> <a href="https://plotly.com/javascript/" class="plotly_js"> <div class="icon"></div>Javascript (v2.35.2) </a> </li> <li> <a href="https://plotly.com/ggplot2/" class="ggplot2"> <div class="icon"></div>ggplot2 </a> </li> <li> <a href="https://plotly.com/matlab/" class="matlab"> <div class="icon"></div>MATLAB </a> </li> <li> <a href="https://plotly.com/fsharp/" class="fsharp"> <div class="icon"></div>F# </a> </li> <li> <a href="https://dash.plotly.com/" class="dash"> <div class="icon"></div>Dash </a> </li> </ul> </li> <li><a style="font-weight: bold;" href="https://community.plotly.com/c/">Forum</a> </li> <li><a style="font-weight: bold;" href="https://plotly.com/get-pricing/">Pricing</a></li> <li><a style="font-weight: bold;" href="https://dash.plotly.com">Dash</a></li> <!--<li><a style="font-weight: bold;" href="http://plotly.cloud">Dash Cloud</a></li>--> </ul> <div class="switch-mode"> <div class="icon-dark"></div> <div class="switch"></div> <div class="icon-light"></div> </div> </nav> </div> <div class="menu-icon"> <span></span><span></span><span></span> </div> </div> </header> </div> <main class="page --home --api"> <div class="--wrap-top"> <section class="hero"> <div class="--wrap-inner"> <div class="--welcome layer"> <h2 style="margin-top:40px">Plotly Open Source Graphing Libraries</h2> <span class="welcome"> <p> Interactive charts and maps for Python, R, Julia, Javascript, ggplot2, F#, MATLAB®, and Dash. </p> <br> </span> </div> </div> </section> <section class="--documentation-categories"> <div class="--wrap category-buttons"> <ul> <li> <a href="/python/"> <div class="category-wrap"> <div class="category-img"><img src="../all_static/images/python.png" alt=""> </div> <div class="category-meta"> <h2>Plotly Python<br />Open Source<br />Graphing Library</h2> <!--<p>Anyone making charts or dashboards online.</p>--> </div> <div class="category-wrap github-stars"> <!-- Place this tag where you want the button to render. --> <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=plotly.py&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> </div> </a> </li> <li> <a href="/r/"> <div class="category-wrap"> <div class="category-img"><img src="../all_static/images/r.png" alt="Plotly R API"> </div> <div class="category-meta"> <h2>Plotly R<br />Open Source<br />Graphing Library</h2> <!--<p>--> <!--Upload Excel sheets to plotly to build best-practice charts, reports and--> <!--dashboards.--> <!--</p>--> </div> <div class="category-wrap github-stars"> <!-- Place this tag where you want the button to render. --> <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=plotly.R&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> </div> </a> </li> <li> <a href="/julia/"> <div class="category-wrap"> <div class="category-img"><img src="../all_static/images/julia.png" alt=""> </div> <div class="category-meta"> <h2>Plotly Julia<br />Open Source<br />Graphing Library</h2> <!--<p>--> <!--Upload Excel sheets to plotly to build best-practice charts, reports and--> <!--dashboards.--> <!--</p>--> </div> <div class="category-wrap github-stars"> <!-- Place this tag where you want the button to render. --> <iframe src="https://ghbtns.com/github-btn.html?user=JuliaPlots&repo=PlotlyJS.jl&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> </div> </a> </li> <li> <a href="/javascript/"> <div class="category-wrap"> <div class="category-img"><img src="../all_static/images/icon-plotly_js.png" alt=""> </div> <div class="category-meta"> <h2>Plotly Javascript<br />Open Source<br />Graphing Library</h2> <!--<p>--> <!--Upload Excel sheets to plotly to build best-practice charts, reports and--> <!--dashboards.--> <!--</p>--> </div> <div class="category-wrap github-stars"> <!-- Place this tag where you want the button to render. --> <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=plotly.js&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> </div> </a> </li> <li> <a href="/ggplot2/"> <div class="category-wrap"> <div class="category-img"><img src="../all_static/images/ggplot2.png" alt=""> </div> <div class="category-meta"> <h2>Plotly ggplot2<br />Open Source<br />Graphing Library</h2> <!--<p>--> <!--Upload Excel sheets to plotly to build best-practice charts, reports and--> <!--dashboards.--> <!--</p>--> </div> <div class="category-wrap github-stars"> <!-- Place this tag where you want the button to render. --> <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=plotly.R&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> </div> </a> </li> <li> <a href="/fsharp/"> <div class="category-wrap"> <div class="category-img"><img src="../all_static/images/icon-fsharp.png" alt=""> </div> <div class="category-meta"> <h2>Plotly F#<br />Open Source<br />Graphing Library</h2> <!--<p>--> <!--Upload Excel sheets to plotly to build best-practice charts, reports and--> <!--dashboards.--> <!--</p>--> </div> <div class="category-wrap github-stars"> <!-- Place this tag where you want the button to render. --> <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=Plotly.NET&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> </div> </a> </li> <li> <a href="/matlab/"> <div class="category-wrap"> <div class="category-img"><img src="../all_static/images/icon-matlab.png" alt=""> </div> <div class="category-meta"> <h2>Plotly MATLAB®<br />Open Source<br />Graphing Library</h2> <!--<p>--> <!--Upload Excel sheets to plotly to build best-practice charts, reports and--> <!--dashboards.--> <!--</p>--> </div> <div class="category-wrap github-stars"> <!-- Place this tag where you want the button to render. --> <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=plotly_matlab&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> </div> </a> </li> <li> <a href="https://dash.plotly.com/"> <div class="category-wrap"> <div class="category-img"> <img src="../all_static/images/icon-dash-dark.png" alt="" class="dash-dark"> <img src="../all_static/images/icon-dash.png" alt="" class="dash-light"> </div> <div class="category-meta"> <h2>Plotly Dash<br />Open Source <br />Analytical App Framework</h2> <!--<p>--> <!--Upload Excel sheets to plotly to build best-practice charts, reports and--> <!--dashboards.--> <!--</p>--> </div> <div class="category-wrap github-stars"> <!-- Place this tag where you want the button to render. --> <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=dash&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> </div> </a> </li> </ul> </div> </section> </div> </main> <footer class="--footer-main"> <section class="--footer-top"> <div class="--wrap"> <ul class="--footer-body"> <li class="--footer-column"> <h6 style="color:#119dff" class="--footer-heading">JOIN OUR MAILING LIST</h6>			 <ul> 				 <li> <p class="subscribe-text"> Sign up to stay in the loop with all things Plotly — from Dash Club to product updates, webinars, and more!</p> <a href="https://go.plot.ly/subscription" class="subscribe-button" target="_blank"> Subscribe </a> </li> </ul> </li> 		 <li class="--footer-column"> <h6 style="color:#e763fa" class="--footer-heading">Products</h6>			 <ul> <li><a href="https://plotly.com/dash/" target="_self">Dash</a></li> 				 				 <li><a href="https://plotly.com/consulting-and-oem/" target="_self">Consulting and Training</a></li> </ul> </li> 		 <li class="--footer-column"> <h6 style="color:#636efa" class="--footer-heading">Pricing</h6>			 <ul> <li><a href="https://plotly.com/get-pricing/" target="_self">Enterprise Pricing</a></li> 				 </ul> </li> 		 <li class="--footer-column"> <h6 style="color:#00cc96" class="--footer-heading">About Us</h6>			 <ul> <li><a href="https://plotly.com/careers" target="_self">Careers</a></li> 				 <li><a href="https://plotly.com/resources/" target="_self">Resources</a></li> 				 <li><a href="https://medium.com/@plotlygraphs" target="_self">Blog</a></li> 				 </ul> </li> 		 <li class="--footer-column"> <h6 style="color:#EF553B" class="--footer-heading">Support</h6>			 <ul> <li><a href="https://community.plot.ly/" target="_self">Community Support</a></li> 				 <li><a href="https://plotly.com/graphing-libraries" target="_self">Documentation</a></li> 				 </ul> </li> </ul> </div> </section> <section class="--footer-meta"> <div class="--wrap"> <div class="left"> <article class="--copyright">Copyright © 2024 Plotly. All rights reserved.</article> </div> <div class="right"> <article class="--tos"><a href="https://community.plotly.com/tos" target="_blank">Terms of Service</a> </article> <article class="--privacy"><a href="https://plotly.com/privacy/" target="_blank">Privacy Policy</a> </article> </div> </div> <div id="markprompt" /> </section> </footer> <!-- Hash offset Script --> <script src="/all_static//javascripts/hash_offset.js"></script> <!-- Image Hover Script --> <script src="/all_static/javascripts/imghover.js"></script> <script src="/all_static/javascripts/improve.js?version=2024-11-19-15-59"></script> <!-- code highlighting --> <!--<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script> <script src="/all_static/javascripts/highlight.line-numbers.js"></script>--> <script src="/all_static/javascripts/highlight/highlight.min.js"></script> <script src="/all_static/javascripts/highlight/julia.min.js"></script> <script src="/all_static/javascripts/highlight.line-numbers.js"></script> </body> </html>