{%- extends "layout.html" -%}

{%- set title = 'scikit-plots: machine learning visualization in Python' -%}

{#- Beyond the News -#}
{%- if is_devrelease|tobool -%}
  {%- set release_history_link = pathto("whats_new/index") -%}
  {%- set release_history_attrs = "" -%}
{%- else -%}
  {%- set release_history_link = "https://scikit-plots.github.io/dev/whats_new/index.html" -%}
  {%- set release_history_attrs = 'target="_blank" rel="noopener noreferrer"' -%}
{%- endif -%}

{#- Meet the Community -#}
{%- if is_devrelease|tobool -%}
  {%- set contributing_link = pathto("devel/index") -%}
  {%- set contributing_attrs = "" -%}
{%- else -%}
  {%- set contributing_link = "https://scikit-plots.github.io/dev/devel/index.html" -%}
  {%- set contributing_attrs = 'target="_blank" rel="noopener noreferrer"' -%}
{%- endif -%}


{%- import "static/webpack-macros.html" as _webpack with context -%}

{%- block docs_navbar %}
{#- Original content of docs_main block from the theme #}
{{ super() }}

{#- Custom content that comes after the original docs_main content #}
<div class="container-fluid sk-landing-top-bar py-4">
  <div class="container sk-landing-container">
    <div class="row justify-content-center">
      <!-- Content -->
      <div class="col-lg-8 text-center">
        <h1 class="sk-landing-header font-monospace">scikit-plots</h1>
        <h4 class="sk-landing-subheader fst-italic mb-3">Machine Learning Visualization in Python</h4>

        <!-- Conditional rendering for "Getting Started" button -->
        {%- if getting_started is defined and getting_started %}
          <a class="btn sk-btn-orange mb-2" href="{{ pathto('getting_started') }}" role="button">
            Getting Started
          </a>
        {%- endif %}

        <!-- Conditional rendering for "Release Highlights" button -->
        {%- if release_highlights is defined and release_highlights and release_highlights_version is defined %}
          <a class="btn sk-btn-orange mb-2" href="{{ pathto(release_highlights) }}" role="button">
            Release Highlights for {{ release_highlights_version }}
          </a>
        {%- endif %}

        <!-- Description List -->
        <ul class="sk-landing-header-body list-unstyled mt-4">
          <li>Open source, commercially usable - BSD license</li>
        </ul>
      </div>
    </div>
  </div>
</div>

{%- endblock docs_navbar %}



{%- block docs_main %}
{#- Main content goes here #}
<div class="container sk-landing-container pt-3 sk-landing-body" role="main">
  <div class="row no-gutters">
    <!-- Dimensionality reduction -->
    <div class="col-md-4 mb-3 px-md-2 sk-px-xl-4">
      <div class="card h-100" sk-align-group="1">
        <div class="card-body">
          <h4 class="sk-card-title card-title sk-vert-align" sk-align-name="title">
            <a href="user_guide/api/decomposition.html">Dimensionality Reduction</a>
          </h4>
          <p class="sk-vert-align" sk-align-name="desc">Plotting the reducing the number of random variables to consider.</p>
          <p>
            <strong>Applications:</strong> Visualization, increased efficiency.</br>
            <strong>Algorithms:</strong>
            <a href="user_guide/api/decomposition.html#plot-pca-2d-projection">Plots the 2-dimensional projection of PCA</a>,
            <a href="user_guide/api/decomposition.html#plot-pca-component-variance">Plots PCA components’ explained variance ratios</a>,
            and <a href="user_guide/api/decomposition.html">more...</a>
          </p>
        </div>
        <div class="sk-card-img-container overflow-hidden mx-2 flex-fill">
          <a href="auto_examples/decomposition/index.html" aria-label="Dimensionality reduction">
            <img style="max-width: 100%; height: 200;" alt="pca sample" src="_images/sphx_glr_plot_pca_2d_projection_script_001.png">
          </a>
        </div>
        <a href="auto_examples/decomposition/index.html" class="sk-btn-cyan btn" role="button">Tutorials</a>
      </div>
    </div>
    <!-- Model Evaluation Metric Performance -->
    <div class="col-md-4 mb-3 px-md-2 sk-px-xl-4">
      <div class="card h-100" sk-align-group="1">
        <div class="card-body">
          <h4 class="sk-card-title card-title sk-vert-align" sk-align-name="title">
            <a href="user_guide/api/index.html">Metric Analysis</a>
          </h4>
          <p class="sk-vert-align" sk-align-name="desc">Model Evaluation: Metrics Performance Analysis.</p>
          <p>
            <strong>Applications:</strong> Spam detection, image recognition.</br>
            <strong>Metrics:</strong>
            <a href="user_guide/api/estimators.html#plot-feature-importances">Feature Importances</a>,
            <a href="user_guide/api/metrics.html#plot-roc">ROC AUC Curves</a>,
            <a href="user_guide/api/metrics.html#plot-precision-recall">Precision-Recall Curves</a>,
            and <a href="user_guide/api/index.html">more...</a>
          </p>
        </div>
        <div class="sk-card-img-container overflow-hidden mx-2 flex-fill">
          <a href="auto_examples/index.html#classification" aria-label="Classification">
            <img style="max-width: 100%; height: 200;" alt="plot_classifier_eval" src="_images/sphx_glr_plot_classifier_eval_script_001.png">
          </a>
        </div>
        <a href="auto_examples/index.html#classification" class="sk-btn-cyan btn" role="button">Tutorials</a>
      </div>
    </div>
    <!-- Model Evaluation Decile-Wise Performance -->
    <div class="col-md-4 mb-3 px-md-2 sk-px-xl-4">
      <div class="card h-100" sk-align-group="1">
        <div class="card-body">
          <h4 class="sk-card-title card-title sk-vert-align" sk-align-name="title">
            <a href="user_guide/decile_wise_perf/index.html">Decile-Wise Analysis</a>
          </h4>
          <p class="sk-vert-align" sk-align-name="desc">Model Evaluation: Decile-Based Performance Analysis.</p>
          <p>
            <strong>Applications:</strong> Spam detection, image recognition.</br>
            <strong>Algorithms:</strong>
            <a href="user_guide/decile_wise_perf/kds.html#plot-ks-statistic">Generates the KS Statistic plot</a>,
            <a href="user_guide/decile_wise_perf/kds.html#plot-cumulative-gain">Generates the Cumulative Gains plot</a>,
            <a href="user_guide/decile_wise_perf/modelplotpy.html#plot-cumgains">Generates the Cumulative Gains plot</a>,
            and <a href="user_guide/decile_wise_perf/index.html">more...</a>
          </p>
        </div>
        <div class="sk-card-img-container overflow-hidden mx-2 flex-fill">
          <a href="auto_examples/index.html#modelplotpy" aria-label="modelplotpy">
            <img style="max-width: 100%; height: 200;" alt="plot_ks_statistic" src="_images/sphx_glr_plot_ks_statistic_script_001.png">
          </a>
        </div>
        <a href="auto_examples/index.html#modelplotpy" class="sk-btn-cyan btn" role="button">Tutorials</a>
      </div>
    </div>

    <!-- Stats -->
    <div class="col-md-4 mb-3 px-md-2 sk-px-xl-4">
      <div class="card h-100" sk-align-group="1">
        <div class="card-body">
          <h4 class="sk-card-title card-title sk-vert-align" sk-align-name="title">
            <a href="user_guide/stats/index.html">Statistical Analysis</a>
          </h4>
          <p class="sk-vert-align" sk-align-name="desc">Elegant quantitative analysis tools for clear, intuitive, and insightful data visualization and interpretation.</p>
          <p>
            <strong>Applications:</strong> Selecting the bin width of histograms, Model Selection, Time Series Analysis...</br>
            <strong>Algorithms:</strong>
            <a href="user_guide/stats/index.html#astrostatistics-tools">Astrostatistics Tools</a>,
            <a href="user_guide/stats/index.html#tweedie-distribution">Tweedie Family</a>,
            and <a href="user_guide/stats/index.html">more...</a>
          </p>
        </div>
        <div class="sk-card-img-container overflow-hidden mx-2 flex-fill">
          <a href="auto_examples/index.html#stats" aria-label="Stats">
            <img style="max-width: 100%; height: 200;" alt="stats" src="_images/scikitplot-_astropy-stats-binned_binom_proportion-1.png">
          </a>
        </div>
        <a href="auto_examples/index.html#stats" class="sk-btn-cyan btn" role="button">Tutorials</a>
      </div>
    </div>
    <!-- Array API support (experimental) -->
    <div class="col-md-4 mb-3 px-md-2 sk-px-xl-4">
      <div class="card h-100" sk-align-group="1">
        <div class="card-body">
          <h4 class="sk-card-title card-title sk-vert-align" sk-align-name="title">
            <a href="user_guide/_lib/index.html">Array API Support (experimental)</a>
          </h4>
          <p class="sk-vert-align" sk-align-name="desc">The array API standard and specific compatibility functions for Numpy, CuPy and PyTorch is provided through `array-api-compat`.</p>
          <p>
            <strong>Applications:</strong> Using the Array API standard to accelerate ML and DL model visualization.</br>
            <strong>Algorithms:</strong>
            <!-- <a href="user_guide/array_api.html#graphical-visualization">Graphical Visualization plot</a>, -->
            <!-- <a href="user_guide/array_api.html#layered-visualization">Layered Visualization plot</a>, -->
            and <a href="user_guide/_lib/index.html">more...</a>
          </p>
        </div>
        <div class="sk-card-img-container overflow-hidden mx-2 flex-fill">
          <a href="auto_examples/index.html#array-api-support-experimental" aria-label="Array API support (experimental)">
            <img style="max-width: 100%; height: 200;" alt="Array API support" src="https://data-apis.org/images/dark_blue_logo.png">
          </a>
        </div>
        <a href="auto_examples/index.html#array-api-support-experimental" class="sk-btn-cyan btn" role="button">Tutorials</a>
      </div>
    </div>
    <!-- Visualkeras -->
    <div class="col-md-4 mb-3 px-md-2 sk-px-xl-4">
      <div class="card h-100" sk-align-group="1">
        <div class="card-body">
          <h4 class="sk-card-title card-title sk-vert-align" sk-align-name="title">
            <a href="user_guide/visualkeras/index.html">Visualkeras</a>
          </h4>
          <p class="sk-vert-align" sk-align-name="desc">Visualize Keras (either standalone or included in tensorflow) neural network architectures.</p>
          <p>
            <strong>Applications:</strong> ANN, CNN, NLP Tasks...</br>
            <strong>Algorithms:</strong>
            <a href="user_guide/visualkeras/index.html#graphical-visualization">Graphical Visualization plot</a>,
            <a href="user_guide/visualkeras/index.html#layered-visualization">Layered Visualization plot</a>,
            and <a href="user_guide/visualkeras/index.html">more...</a>
          </p>
        </div>
        <div class="sk-card-img-container overflow-hidden mx-2 flex-fill">
          <a href="auto_examples/index.html#visualkeras-ann" aria-label="Visualkeras ANN">
            <img style="max-width: 100%; height: 200;" alt="visualkeras ann" src="_images/sphx_glr_plot_vgg_001.png">
          </a>
        </div>
        <a href="auto_examples/index.html#visualkeras-ann" class="sk-btn-cyan btn" role="button">Tutorials</a>
      </div>
    </div>

  </div>
</div>

<div class="additional-content">
    {%- include "shell.html" %}
</div>

{%- endblock docs_main %}



{%- block footer %}
<div class="container-fluid sk-landing-more-info py-3">
  <div class="container sk-landing-container bd-page-width">
    <div class="row">
      <!--Testimonials -->
      <div class="col-md-4">
        <h4 class="sk-landing-call-header">Adoptive Vanguards</h4>
        <div id="skWhoUsesCarousel" class="carousel slide sk-who-uses-carousel" data-bs-ride="carousel" data-bs-interval="5000">
          <div class="carousel-inner">
            <!-- <div class="carousel-item active">
              <img class="d-block mx-auto img-thumbnail" src="_images/inria.png" alt="inria">
              <em>"We use scikit-learn to support leading-edge basic research [...]"</em>
            </div> -->
            <!-- <div class="carousel-item">
              <img class="d-block mx-auto img-thumbnail" src="_images/spotify.png" alt="spotify">
              <em>"I think it's the most well-designed ML package I've seen so far."</em>
            </div>
            <div class="carousel-item">
              <img class="d-block mx-auto img-thumbnail" src="_images/change-logo.png" alt="change-logo">
              <em>"scikit-learn's ease-of-use, performance and overall variety of algorithms implemented has proved invaluable [...]"</em>
            </div>
            <div class="carousel-item">
              <img class="d-block mx-auto img-thumbnail" src="_images/telecomparistech.jpg" alt="telecomparistech">
              <em>"The great benefit of scikit-learn is its fast learning curve [...]"</em>
            </div>
            <div class="carousel-item">
              <img class="d-block mx-auto img-thumbnail" src="_images/aweber.png" alt="aweber">
              <em>"It allows us to do AWesome stuff we would not otherwise accomplish."</em>
            </div>
            <div class="carousel-item">
              <img class="d-block mx-auto img-thumbnail" src="_images/yhat.png" alt="yhat">
              <em>"scikit-learn makes doing advanced analysis in Python accessible to anyone."</em>
            </div> -->
          </div>
        </div>
        <p class="sk-more-testimonials">
          <!-- <a href="testimonials/testimonials.html">More testimonials...</a> -->
        </p>
      </div>
      <!-- Changelog -->
      <div class="col-md-4">
        <h4 class="sk-landing-call-header">Beyond the News</h4>
        <ul class="sk-landing-call-list list-unstyled">
          <li><strong>On-going development:</strong> <a href="whats_new/v0.5.html#version-0-5-0">scikit-plots 0.5 (Changelog)</a>.</li>
          <li><strong>Nov 2024.</strong> scikit-plots 0.4.0 is available for download (<a href="whats_new/v0.4.html#version-0-4-0">Changelog</a>).</li>
          <li>
            <strong>All releases:</strong>
            <!-- <a href="https://scikit-plots.github.io/dev/whats_new/index.html"><strong>What's new</strong> (Changelog).</a> -->
            <a href="{{ release_history_link }}" {{ release_history_attrs }}><strong>What's new</strong> (Changelog).</a>
          </li>
        </ul>
      </div>
      <!-- Community -->
      <div class="col-md-4">
        <h4 class="sk-landing-call-header">Meet the Community</h4>
        <ul class="sk-landing-call-list list-unstyled">
          <li>
            <strong>About us:</strong> See
            <a href="project/teams/index.html#the-people-behind-scikit-plots">people</a> and
            <a href="{{ contributing_link }}" {{ contributing_attrs }}>contributing</a>
          </li>
          <!-- <li><strong>More Machine Learning:</strong> Find <a href="related_projects.html">related projects</a></li>
          <li><strong>Questions?</strong> See <a href="faq.html">FAQ</a>, <a href="support.html">support</a>, and <a href="https://stackoverflow.com/questions/tagged/scikit-learn">stackoverflow</a></li>
          <li><strong>Subscribe to the</strong> <a href="https://mail.python.org/mailman/listinfo/scikit-learn">mailing list</a></li>
          <li><strong>Blog:</strong> <a href="https://blog.scikit-learn.org">blog.scikit-learn.org</a></li>
          <li><strong>Logos & Branding:</strong> <a href="https://github.com/scikit-learn/scikit-learn/tree/main/doc/logos">logos and branding</a></li>
          <li><strong>Calendar:</strong> <a href="https://blog.scikit-learn.org/calendar/">calendar</a></li>
          <li><strong>Twitter:</strong> <a href="https://twitter.com/scikit_learn">@scikit_learn</a></li>
          <li><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/company/scikit-learn">linkedin/scikit-learn</a></li>
          <li><strong>YouTube:</strong> <a href="https://www.youtube.com/channel/UCJosFjYm0ZYVUARxuOZqnnw/playlists">youtube.com/scikit-learn</a></li>
          <li><strong>Facebook:</strong> <a href="https://www.facebook.com/scikitlearnofficial/">@scikitlearnofficial</a></li>
          <li><strong>Instagram:</strong> <a href="https://www.instagram.com/scikitlearnofficial/">@scikitlearnofficial</a></li>
          <li><strong>TikTok:</strong> <a href="https://www.tiktok.com/@scikit.learn">@scikit.learn</a></li>
          <li><strong>Mastodon:</strong> <a href="https://mastodon.social/@sklearn@fosstodon.org">@sklearn</a></li>
          <li><strong>Discord:</strong> <a href="https://discord.gg/h9qyrK8Jc8">@scikit-learn</a></li>
          <li>Communication on all channels should respect <a href="https://www.python.org/psf/conduct/">PSF's code of conduct.</a></li> -->
        </ul>
        <p>
          <!-- <a class="btn sk-btn-orange mb-1" href="https://numfocus.org/donate-to-scikit-learn">Help us, <strong>donate!</strong></a> -->
          <a class="btn sk-btn-orange mb-1" href="project/citing.html"><strong>Cite us!</strong></a>
        </p>
      </div>
    </div>
  </div>
</div>

<div class="container-fluid sk-landing-footer py-3">
  <div class="container sk-landing-container">
    <a class="sk-footer-funding-link" href="project/funding.html">
      <div class="text-center">
        <p class="mt-2 sk-footer-funding-text">
          scikit-plots supported by
        </p>
        <!-- <div class="sk-footer-funding-logos">
          <img src="_static/probabl.png" title="Probabl">
          <img src="_static/inria-small.png" title="INRIA">
          <img src="_static/chanel-small.png" title="Channel">
          <img src="_static/axa-small.png" title="AXA Assurances">
          <img src="_static/bnp-small.png" title="BNP Paris Bas Cardif">
          <img src="_static/microsoft-small.png" title="Microsoft">
          <img src="_static/dataiku-small.png" title="Dataiku">
          <img src="_static/nvidia-small.png" title="Nvidia">
          <img src="_static/quansight-labs-small.png" title="Quansight Labs">
          <img src="_static/czi-small.png" title="Chan Zuckerberg Initiative">
          <img src="_static/wellcome-trust-small.png" title="Wellcome Trust">
        </div> -->
      </div>
    </a>
  </div>
</div>

{%- endblock footer %}



{%- block scripts_end %}
{{ _webpack.body_post() }}
{%- endblock scripts_end %}