CINXE.COM
ScottPlot - Interactive Plotting Library for .NET
<!doctype html> <html lang="en"> <head> <meta name="generator" content="Hugo 0.121.1"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ScottPlot - Interactive Plotting Library for .NET</title> <meta name="description" content="ScottPlot is a free and open-source plotting library for .NET that makes it easy to interactively display large datasets. Line plots, bar charts, pie graphs, scatter plots, and more can be created with just a few lines of code."> <link rel="canonical" href="https://ScottPlot.NET/" /> <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" href="/images/brand/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/images/brand/favicon-180.png"> <link rel="manifest" href="/images/brand/manifest.webmanifest"> <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"> <meta name="theme-color" content="#67217A" /> <meta property="og:url" content="https://ScottPlot.NET"> <meta property="og:type" content="website"> <meta property="og:title" content="ScottPlot - Interactive Plotting Library for .NET"> <meta property="og:description" content="ScottPlot is a free and open-source plotting library for .NET that makes it easy to interactively display large datasets. Line plots, bar charts, pie graphs, scatter plots, and more can be created with just a few lines of code."> <meta property="og:image" content="/images/brand/banner.jpg"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <script src="/js/anchor.js"></script> <script src="/js/recipe.js?20250128"></script> <link rel="stylesheet" href="/css/accordian.css?20231209"> <link rel="stylesheet" href="/css/stats.css?20231209"> <link rel="stylesheet" href="/css/page.css?20231209"> <link rel="stylesheet" href="/css/github.css?20240321"> <link rel="stylesheet" href="/css/contributors.css?20241125b"> <link rel="stylesheet" href="/css/highlightjs/vs2015.css?20241101"> <script src="/js/highlight.min.js"></script> <link rel="stylesheet" href="/css/recipe.css?20250123"> </head> <body onload="scrollToUrlAnchor()"> <header> <div style="background-color: #67217a;"> <div class="content-limited-width"> <div class="d-flex justify-content-between show-when-large pt-3 px-2"> <div class="d-flex"> <div class="me-2 mt-1"> <a href="/"> <img class="" src='/images/brand/favicon.svg' width="56" height="56" /> </a> </div> <div class="mt-1"> <a class="text-light lh-1" href="/" style="font-size: 1.8em;"> ScottPlot.NET </a> <div class=""> <div id="githubinfo"> <a href="https://github.com/scottplot/scottplot" id="githubinfo-repo" class="align-bottom"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" /> </svg> <span class="align-middle"> ScottPlot </span> </a> <a href="https://github.com/scottplot/scottplot" class="align-middle" id="githubinfo-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z" /> </svg> <span class="align-middle"> 6,942 </span> </a> <a href="https://github.com/scottplot/scottplot" class="align-middle" id="githubinfo-forks"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z" /> </svg> <span class="align-middle"> 420 </span> </a> </div> <script> function updateGitHubInfoData() { const isDevEnvironment = window.location.href.includes("localhost:"); const repoUrl = isDevEnvironment ? '/test/scottplot.json' : 'https://api.github.com/repos/scottplot/scottplot'; document.getElementById("githubinfo-repo").style.opacity = .55; fetch(repoUrl) .then(response => response.ok ? response.json() : null) .then(data => { if (data) { document.getElementById("githubinfo-stars").getElementsByTagName("span")[0].innerText = data.stargazers_count.toLocaleString(); document.getElementById("githubinfo-stars").style.opacity = .55; document.getElementById("githubinfo-forks").getElementsByTagName("span")[0].innerText = data.forks_count.toLocaleString(); document.getElementById("githubinfo-forks").style.opacity = .55; document } else { console.log("GitHubInfo: Error reading JSON"); } }); } setTimeout(updateGitHubInfoData, 50); </script> </div> </div> </div> <div> <a href="https://github.com/scottplot/scottplot/"> <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/scottplot/scottplot" id="starImg"> </a> </div> </div> <nav class="navbar navbar-expand-md"> <div class="container-fluid"> <div class="navbar-brand d-flex align-items-center show-when-small"> <a href="/"> <img src="https://scottplot.net/images/brand/favicon.svg" width="32" height="32" class="me-2"> </img> </a> <div class="fs-4"> <a href="/">ScottPlot.NET</a> </div> </div> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5" /> </svg> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/quickstart/" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Quickstart </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li> <a class="dropdown-item" href="/quickstart/console/"> Console Application </a> </li> <li> <a class="dropdown-item" href="/quickstart/winforms/"> Windows Forms </a> </li> <li> <a class="dropdown-item" href="/quickstart/wpf/"> WPF </a> </li> <li> <a class="dropdown-item" href="/quickstart/winui/"> WinUI </a> </li> <li> <a class="dropdown-item" href="/quickstart/maui/"> MAUI </a> </li> <li> <a class="dropdown-item" href="/quickstart/unoplatform/"> Uno Platform </a> </li> <li> <a class="dropdown-item" href="/quickstart/avalonia/"> Avalonia </a> </li> <li> <a class="dropdown-item" href="/quickstart/eto/"> Eto </a> </li> <li> <a class="dropdown-item" href="/quickstart/api/"> .NET Core API </a> </li> <li> <a class="dropdown-item" href="/quickstart/blazor/"> Blazor WASM </a> </li> <li> <a class="dropdown-item" href="/quickstart/powershell/"> PowerShell </a> </li> <li> <a class="dropdown-item" href="/quickstart/notebook/"> .NET Notebook </a> </li> <li> <a class="dropdown-item" href="/quickstart/ironpython/"> IronPython </a> </li> <li> <hr class="dropdown-divider"> </li> <li> <a class="dropdown-item" href="/quickstart/console/"> C# </a> </li> <li> <a class="dropdown-item" href="/quickstart/fsharp/"> F# </a> </li> <li> <a class="dropdown-item" href="/quickstart/vb/"> VB </a> </li> </ul> </li> <li class="nav-item"> <a class=" nav-link" href="/cookbook/5.0/"> Cookbook </a> </li> <li class="nav-item"> <a class="nav-link" href="/demo/5.0/"> Demo </a> </li> <li class="nav-item"> <a class="nav-link" href="/faq"> FAQ </a> </li> <li class="nav-item"> <a class="nav-link" href="/discord"> Discord </a> </li> <li class="nav-item"> <a class="nav-link" href="https://github.com/scottplot/scottplot/"> GitHub </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> More </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li> <a class="dropdown-item" href="/changelog"> <img src="/images/icons/journal-text.svg"> Changelog </a> </li> <li> <a class="dropdown-item" href="/contributors"> <img src="/images/icons/people-fill.svg"> Contributors </a> </li> <hr /> <li> <a class="dropdown-item" href="https://www.nuget.org/profiles/ScottPlot"> <img src="/images/icons/box-seam.svg"> ScottPlot on NuGet </a> </li> <li> <a class="dropdown-item" href="https://github.com/ScottPlot/ScottPlot"> <img src="/images/icons/github.svg"> ScottPlot on GitHub </a> </li> <li> <a class="dropdown-item" href="https://github.com/ScottPlot/ScottPlot.NET"> <img src="/images/icons/github.svg"> This website on GitHub </a> </li> <hr /> <li> <a class="dropdown-item" href="/support/"> <img src="/images/icons/question-circle.svg"> ScottPlot Support </a> </li> <li> <a class="dropdown-item" href="/discord/"> <img src="/images/icons/discord.svg"> ScottPlot on Discord </a> </li> <hr /> <li> <a class="dropdown-item" href="https://scottplotstatsstorage.z20.web.core.windows.net/"> <img src="/images/icons/bar-chart-line-fill.svg"> Repository Metrics </a> </li> <li> <a class="dropdown-item" href="https://scottplot.net/metrics/"> <img src="/images/icons/list-columns-reverse.svg"> Code Metrics </a> </li> <li> <a class="dropdown-item" href="https://scottplot.net/api/5.0/"> <img src="/images/icons/file-earmark-code.svg"> ScottPlot API </a> </li> <li> <a class="dropdown-item" href="/versions"> <img src="/images/icons/list-check.svg"> Major Versions </a> </li> <li> <a class="dropdown-item" href="/about/"> <img src="/images/icons/person-lines-fill.svg"> About ScottPlot </a> </li> </ul> </li> </ul> </div> </div> </nav> </div> </div> </header> <div class="container-fluid p-0 content-limited-width"> <main class="mb-5"> <article class="my-0"> <div class="p-2"> <h1 class='border-0 mt-4 mb-0'>ScottPlot</h1> <p><a href="https://www.nuget.org/packages/ScottPlot/"><img src="https://img.shields.io/nuget/dt/scottplot?color=29ab47&label=Downloads&logo=NuGet" alt=""></a> <a href="https://www.nuget.org/packages/ScottPlot/"><img src="https://img.shields.io/nuget/vpre/scottplot?color=044577&label=NuGet&logo=nuget" alt=""></a> <a href="https://scottplot.net/discord/"><img src="https://badgen.net/discord/members/Dru6fnY2UX?color=5562ea&icon=discord&label=Discord" alt=""></a></p> <p><strong>ScottPlot is a free and open-source plotting library for .NET</strong> that makes it easy to interactively display large datasets. Line plots, bar charts, pie graphs, scatter plots, and more can be created with just a few lines of code.</p> <a href='cookbook/5.0/'> <img src='/images/scottplot.gif' class="d-block mx-auto my-5" /> </a> <a href="#quickstart"><h2 id="quickstart">Quickstart</a> </h2> <p>Quickstart pages exist for <a href="/quickstart/console/">console applications</a>, <a href="/quickstart/winforms/">Windows Forms</a>, <a href="/quickstart/wpf/">WPF</a>, <a href="/quickstart/winui/">WinUI</a>, <a href="/quickstart/unoplatform/">Uno Platform</a>, <a href="/quickstart/blazor/">Blazor</a>, and more!</p> <div class="highlight"><pre tabindex="0" style="background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-cs" data-lang="cs"><span style="display:flex;"><span><span style="color:#2b91af">double</span>[] xs = { 1, 2, 3, 4, 5 }; </span></span><span style="display:flex;"><span><span style="color:#2b91af">double</span>[] ys = { 1, 4, 9, 16, 25 }; </span></span><span style="display:flex;"><span>ScottPlot.Plot myPlot = <span style="color:#00f">new</span>(); </span></span><span style="display:flex;"><span>myPlot.Add.Scatter(xs, ys); </span></span><span style="display:flex;"><span>myPlot.SavePng(<span style="color:#a31515">"quickstart.png"</span>, 400, 300); </span></span></code></pre></div><p><img src="/images/quickstart/scottplot-quickstart-console.png" alt=""></p> <a href="#cookbook"><h2 id="cookbook">Cookbook</a> </h2> <p>The <a href="cookbook/5.0/"><strong>ScottPlot Cookbook</strong></a> demonstrates how to create line plots, bar charts, pie graphs, scatter plots, and more with just a few lines of code.</p> <a href='cookbook/5.0/'> <img src='images/cookbook.jpg' class="d-block mx-auto my-5" /> </a> <a href="#demo"><h2 id="demo">Demo</a> </h2> <p>The <a href="demo/5.0/"><strong>ScottPlot Demo</strong></a> is a click-to-run application that provides mouse-interactive versions of every cookbook recipe and demonstrates how to perform advanced interactive customizations.</p> <a href='demo/5.0/'> <img src='/images/demo/5.0/demo.png' class="d-block mx-auto my-5" /> </a> <a href="#plot-in-the-cloud"><h2 id="plot-in-the-cloud">Plot in the Cloud</a> </h2> <p><strong>ScottPlot does not require a GUI so it can be used to create plots in cloud applications.</strong> The images below are regenerated hourly using Azure Functions to update star metrics from the GitHub API and download count from the NuGet API. The data is plotted with ScottPlot and saved as an image file in blob storage. Try it out!</p> <p><strong>Try it out:</strong> If you <a href="https://github.com/scottplot/scottplot"><strong>give us a star</strong> ⭐</a> and come back in an hour and your name will appear in the graph below!</p> <a href="https://scottplotstatsstorage.z20.web.core.windows.net/stars.png" target="_blank"> <img src="https://scottplotstatsstorage.z20.web.core.windows.net/stars.png" class="d-block mx-auto my-5" > </a> <a href='https://scottplotstatsstorage.z20.web.core.windows.net/scottplot-download-count.png'> <img src='https://scottplotstatsstorage.z20.web.core.windows.net/scottplot-download-count.png' class="d-block mx-auto my-5" > </a> </div> </article> </main> </div> <footer class="container align-items-end mt-5"> <div class="row"> <div class="col-sm text-center py-3" style="opacity: .3;"> <div> Copyright © 2025 </div> <div> <a href='https://swharden.com/about' class="text-dark">Scott W Harden</a> </div> </div> <div class="col-sm text-center py-3" style="opacity: .3;"> <div> Built with Hugo 0.121.1 </div> <div> March 22, 2025 at 5:37 pm EST </div> </div> <div class="col-sm text-center py-3" style="opacity: .3;"> <div> <a href="https://github.com/scottplot/scottplot.net/blob/main/content/_index.md" class="text-dark"> Edit on GitHub </a> </div> <div> <a href="/sitemap.xml" class="text-dark">Sitemap</a> </div> </div> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> <script> const startupLanguage = localStorage.getItem("startupLanguage") ?? "Console"; set_language(startupLanguage); </script> </body> </html>