.. DO NOT EDIT.
.. THIS FILE WAS AUTOMATICALLY GENERATED BY SPHINX-GALLERY.
.. TO MAKE CHANGES, EDIT THE SOURCE PYTHON FILE:
.. "auto_examples/technical_details/plot_skore_api.py"
.. LINE NUMBERS ARE GIVEN BELOW.

.. only:: html

    .. note::
        :class: sphx-glr-download-link-note

        :ref:`Go to the end <sphx_glr_download_auto_examples_technical_details_plot_skore_api.py>`
        to download the full example code.

.. rst-class:: sphx-glr-example-title

.. _sphx_glr_auto_examples_technical_details_plot_skore_api.py:


.. _example_skore_api:

=============
The skore API
=============

Skore has three types of reports: :class:`~skore.EstimatorReport`
(single train-test evaluation), :class:`~skore.CrossValidationReport`
(cross-validation), and :class:`~skore.ComparisonReport` (comparing several
estimators). All three are created via :func:`~skore.evaluate` by passing an
estimator (or a list of estimators for comparison), the data ``X`` and ``y``,
and a ``splitter`` that controls the evaluation strategy.

This example showcases the **unified API** shared by these reports: they expose
the same accessors (``data``, ``metrics``, ``inspection``). Methods that
produce a visualization return a **Display** object with ``plot()``, ``frame()``,
``set_style()``, and ``help()``.

.. GENERATED FROM PYTHON SOURCE LINES 22-39

Three report types, one API
===========================

:func:`~skore.evaluate` returns one of three report types depending on its
``splitter`` argument: an :class:`~skore.EstimatorReport` when ``splitter`` is a
float or ``"prefit"``, a :class:`~skore.CrossValidationReport` when ``splitter`` is
an integer or a scikit-learn cross-validator (e.g. ``KFold``, ``StratifiedKFold``),
or a :class:`~skore.ComparisonReport` when passing a list of estimators.
All three respect the same accessor layout where applicable:

- **data**: dataset analysis
- **metrics**: performance metrics and related displays (e.g. ROC, confusion matrix)
- **inspection**: model inspection (e.g. coefficients, feature importance)

The ``data`` accessor is not available on ComparisonReport because compared
models may use different input data; you can still inspect each underlying report.
Methods on these accessors return **Display** objects with a common interface.

.. GENERATED FROM PYTHON SOURCE LINES 41-47

First report: single train-test split
=====================================

We call :func:`~skore.evaluate` with the default ``splitter=0.2`` to get an
:class:`~skore.EstimatorReport`. The accessors and display API shown below
are the same for the other report types.

.. GENERATED FROM PYTHON SOURCE LINES 47-57

.. code-block:: Python

    from sklearn.datasets import load_breast_cancer
    from sklearn.linear_model import LogisticRegression
    from skore import evaluate
    from skrub import tabular_pipeline

    X, y = load_breast_cancer(return_X_y=True, as_frame=True)
    estimator = tabular_pipeline(LogisticRegression())

    report = evaluate(estimator, X, y, splitter=0.2)








.. GENERATED FROM PYTHON SOURCE LINES 58-63

Data accessor: ``report.data.analyze()`` returns a display
----------------------------------------------------------

The **data** accessor provides dataset summaries. Its ``analyze()`` method
returns a :class:`~skore._sklearn._plot.data.table_report.TableReportDisplay`.

.. GENERATED FROM PYTHON SOURCE LINES 63-66

.. code-block:: Python

    data_display = report.data.analyze()
    data_display.help()






.. raw:: html

    <div class="output_subarea output_html rendered_html output_result">
    <div id="skore-display-help-cb956a0c-wrapper">
        <template id="skore-display-help-cb956a0c-template">
            <style>
    /* Light theme (default) */
    .container,
    :host {
        --color-blue: #3043f0;
        --color-orange: #f97316;
        --color-text: #000;
        --color-background: #fff;
        --color-orange-hover: rgba(249, 115, 22, 0.1);
        --color-blue-hover: rgba(48, 67, 240, 0.1);
    }

    /* Dark theme */
    .container.dark-theme,
    .container[data-theme="dark"],
    :host(.dark-theme),
    :host([data-theme="dark"]) {
        --color-blue: #6b42f6;
        --color-orange: #f97316;
        --color-text: #fff;
        --color-background: #000;
        --color-orange-hover: rgba(249, 115, 22, 0.2);
        --color-blue-hover: rgba(107, 66, 246, 0.2);
    }

    .container {
        font-family: monospace;
        font-size: 13px;
        line-height: 1.5;
        padding: 10px;
        border: 1px solid var(--color-orange);
        border-radius: 4px;
        background-color: var(--color-background);
        margin: 10px 0;
        width: fit-content;
        min-width: 500px;
        max-width: 800px;
    }

    .title {
        font-weight: bold;
        color: var(--color-text);
        margin-bottom: 10px;
        font-size: 14px;
        text-align: center;
    }

    .tree {
        margin-left: 0;
    }

    .node {
        margin: 0;
        padding: 0;
    }

    .label {
        color: var(--color-text);
        font-weight: bold;
    }

    .root-content {
        margin-left: 16px;
        position: relative;
    }

    /* Vertical lines for root content items - using border-left pattern */
    .root-content > .node,
    .root-content > .method {
        border-left: 2px solid var(--color-text);
        padding-left: 16px;
        position: relative;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Extend border to connect with previous element */
    .root-content > .node:not(:first-child),
    .root-content > .method:not(:first-child) {
        border-top: 2px solid transparent;
        margin-top: -2px;
        padding-top: 2px;
    }

    /* Hide vertical line on last item below middle */
    .root-content > .node:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* Add half-height vertical line for last item */
    .root-content > .node:last-child::after,
    .root-content > .method:last-child::after {
        content: '';
        position: absolute;
        left: -2px;
        top: 0;
        height: calc(1.5em / 2); /* Half of line-height */
        width: 2px;
        background-color: var(--color-text);
    }

    /* Hide border below middle for last item */
    .root-content > .node:last-child,
    .root-content > .method:last-child {
        border-left-color: transparent;
    }

    /* Horizontal connector lines for root content items */
    .root-content > .node::before,
    .root-content > .method::before {
        content: '';
        position: absolute;
        left: -2px;
        top: calc(1.5em / 2); /* Half of line-height */
        width: 12px;
        height: 2px;
        background-color: var(--color-text);
    }

    .toggle {
        display: none;
    }

    .branch-label {
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        color: var(--color-blue);
        font-weight: bold;
        position: relative;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
    }

    /* Orange hover for accessors */
    .branch-label:has(.name):hover {
        background-color: var(--color-orange-hover);
    }

    /* Blue hover for Methods and Attributes sections */
    .branch-label:has(.section-name):hover {
        background-color: var(--color-blue-hover);
    }

    .name {
        color: var(--color-orange);
    }

    .section-name {
        color: var(--color-blue);
    }

    .branch-content {
        margin-left: 16px;
        position: relative;
        padding-left: 0;
        display: none;
    }

    .branch-label:has(.toggle:checked) + .branch-content {
        display: block;
    }

    /* Vertical lines for items inside branch content */
    .branch-content > .node,
    .branch-content > .method {
        border-left: 2px solid var(--color-text);
        padding-left: 16px;
        position: relative;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Extend border to connect with previous element */
    .branch-content > .node:not(:first-child),
    .branch-content > .method:not(:first-child) {
        border-top: 2px solid transparent;
        margin-top: -2px;
        padding-top: 2px;
    }

    /* Hide vertical line on last item below middle */
    .branch-content > .node:last-child,
    .branch-content > .method:last-child {
        border-left-color: transparent;
    }

    /* Add half-height vertical line for last items */
    .branch-content > .node:last-child::after,
    .branch-content > .method:last-child::after {
        content: '';
        position: absolute;
        left: -2px;
        top: 0;
        height: calc(1.5em / 2); /* Half of line-height */
        width: 2px;
        background-color: var(--color-text);
    }

    /* Horizontal connector lines for items inside branch content */
    .branch-content > .node::before,
    .branch-content > .method::before {
        content: '';
        position: absolute;
        left: -2px;
        top: calc(1.5em / 2); /* Half of line-height */
        width: 12px;
        height: 2px;
        background-color: var(--color-text);
    }

    .method {
        color: var(--color-text);
        margin: 0;
        padding: 0;
        line-height: 1.5em;
    }

    .method-name {
        color: var(--color-text);
    }


    .method-tooltip {
        position: relative;
        text-decoration: underline;
        text-decoration-style: dashed;
        text-underline-offset: 0.3em;
        cursor: help;
        color: inherit;
        text-decoration-color: inherit;
    }

    .method-tooltip:hover {
        color: inherit;
    }

    .method-tooltip:hover .tooltip-text {
        visibility: visible;
        opacity: 1;
    }

    .tooltip-text {
        visibility: hidden;
        opacity: 0;
        background-color: var(--color-text);
        color: var(--color-background);
        text-align: left;
        border-radius: 4px;
        padding: 8px 10px;
        position: absolute;
        z-index: 1000;
        top: 50%;
        left: 100%;
        transform: translateY(-50%);
        margin-left: 8px;
        white-space: normal;
        width: 250px;
        font-size: 12px;
        line-height: 1.4;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        transition: opacity 0.2s, visibility 0.2s;
    }

    .arrow {
        vertical-align: text-top;
    }

    .tooltip-text::before {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        border: 5px solid transparent;
        border-right-color: var(--color-text);
    }

    .legend {
        margin-top: 15px;
        padding-top: 10px;
        border-top: 1px solid var(--color-text);
        font-size: 12px;
        color: var(--color-text);
    }
            </style>
            <div class="container">
        <header class="title">TableReportDisplay display</header>
        <div class="tree">
        
            <div class="node">
                <span class="label">TableReportDisplay</span>
            </div>
            <div class="root-content">
            
            
                    <div class="node branch">
                        <label class="branch-label">
                            <input type="checkbox" class="toggle">
                            <span class="section-name">Methods</span>
                        </label>
                        <div class="branch-content" id="1936d5f3-4197-4cb4-aa00-57fb6459f914">
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.TableReportDisplay.html#skore.TableReportDisplay.frame" target="_blank" class="method-tooltip">frame<span class="tooltip-text">Get the data related to the table report.</span></a>(kind)</span>
                                    </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.TableReportDisplay.html#skore.TableReportDisplay.plot" target="_blank" class="method-tooltip">plot<span class="tooltip-text">Plot distribution or correlation of the columns from the dataset.</span></a>(x, y, hue, kind, top_k_categories)</span>
                                    </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.TableReportDisplay.html#skore.TableReportDisplay.set_style" target="_blank" class="method-tooltip">set_style<span class="tooltip-text">Set the style parameters for the display.</span></a>(policy, scatterplot_kwargs, stripplot_kwargs, boxplot_kwargs, heatmap_kwargs, histplot_kwargs)</span>
                                    </div>
                        
                        </div>
                    </div>
            

            
            
                    <div class="node branch">
                        <label class="branch-label">
                            <input type="checkbox" class="toggle">
                            <span class="section-name">Attributes</span>
                        </label>
                        <div class="branch-content" id="5de53de7-db15-43d2-8264-d55e088be513">
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.TableReportDisplay.html#:~:text=summary,-dict" target="_blank" class="method-tooltip">summary<span class="tooltip-text">The summary of the dataset, as returned by ``summarize_dataframe``</span></a></span>
                                </div>
                        
                        </div>
                    </div>
            
            </div>
        </div>
    </div>
        </template>

        <div id="skore-display-help-cb956a0c"></div>

        <script>
    function detectTheme(refElementId) {
        const body = document.querySelector('body');

        // Check VSCode theme
        const themeKindAttr = body.getAttribute('data-vscode-theme-kind');
        const themeNameAttr = body.getAttribute('data-vscode-theme-name');

        if (themeKindAttr && themeNameAttr) {
            const themeKind = themeKindAttr.toLowerCase();
            const themeName = themeNameAttr.toLowerCase();

            if (themeKind.includes("dark") || themeName.includes("dark")) {
                return "dark";
            }
            if (themeKind.includes("light") || themeName.includes("light")) {
                return "light";
            }
        }

        // Check Jupyter theme
        if (body.getAttribute('data-jp-theme-light') === 'false') {
            return 'dark';
        } else if (body.getAttribute('data-jp-theme-light') === 'true') {
            return 'light';
        }

        // Guess based on a reference element's color (luma)
        if (refElementId) {
            const refElement = document.getElementById(refElementId);
            if (refElement) {
                const color = window.getComputedStyle(refElement, null).getPropertyValue('color');
                const match = color.match(/^rgb[a]?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
                if (match) {
                    const r = parseInt(match[1], 10);
                    const g = parseInt(match[2], 10);
                    const b = parseInt(match[3], 10);
                    // https://en.wikipedia.org/wiki/HSL_and_HSV#Lightness
                    const luma = 0.299 * r + 0.587 * g + 0.114 * b;

                    if (luma > 180) {
                        return 'dark';
                    }
                    if (luma < 75) {
                        return 'light';
                    }
                }
            }
        }

        // Fallback to system preference
        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    }

    function applyThemeToHelpContainer(container, refElementId) {
        const theme = detectTheme(refElementId);
        if (theme === 'dark') {
            container.setAttribute('data-theme', 'dark');
            container.classList.add('dark-theme');
        } else {
            container.removeAttribute('data-theme');
            container.classList.remove('dark-theme');
        }
    }
        </script>
    </div>

    <script>
    (function() {
        const wrapper = document.getElementById('skore-display-help-cb956a0c-wrapper');
        const container = document.getElementById('skore-display-help-cb956a0c');
        if (!wrapper || !container) {
            return;
        }

        const template = document.getElementById('skore-display-help-cb956a0c-template');
        if (!template) {
            return;
        }

        // Create shadow root with closed mode for better isolation
        const shadowRoot = container.attachShadow({ mode: 'closed' });
        shadowRoot.appendChild(template.content.cloneNode(true));

        // Apply theme to the container (wrapper is ref for luma-based detection)
        const helpContainer = shadowRoot.querySelector('.container');
        if (helpContainer) {
            applyThemeToHelpContainer(helpContainer, 'skore-display-help-cb956a0c-wrapper');
        }
    })();
    </script>
    </div>
    <br />
    <br />

.. GENERATED FROM PYTHON SOURCE LINES 67-70

Every display implements the same API. You can:

- **Plot** it (with optional backend and style):

.. GENERATED FROM PYTHON SOURCE LINES 70-72

.. code-block:: Python

    data_display.plot(kind="dist", x="mean radius", y="mean texture")




.. image-sg:: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_001.png
   :alt: plot skore api
   :srcset: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_001.png
   :class: sphx-glr-single-img





.. GENERATED FROM PYTHON SOURCE LINES 73-74

You can set the style of the plot via ``set_style()`` and then call ``plot()``:

.. GENERATED FROM PYTHON SOURCE LINES 74-77

.. code-block:: Python

    data_display.set_style(scatterplot_kwargs={"color": "orange", "alpha": 1.0})
    data_display.plot(kind="dist", x="mean radius", y="mean texture")




.. image-sg:: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_002.png
   :alt: plot skore api
   :srcset: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_002.png
   :class: sphx-glr-single-img





.. GENERATED FROM PYTHON SOURCE LINES 78-79

- **Export** the underlying data as a DataFrame:

.. GENERATED FROM PYTHON SOURCE LINES 79-81

.. code-block:: Python

    data_display.frame()






.. raw:: html

    <div class="output_subarea output_html rendered_html output_result">
    <div>
    <style scoped>
        .dataframe tbody tr th:only-of-type {
            vertical-align: middle;
        }

        .dataframe tbody tr th {
            vertical-align: top;
        }

        .dataframe thead th {
            text-align: right;
        }
    </style>
    <table border="1" class="dataframe">
      <thead>
        <tr style="text-align: right;">
          <th></th>
          <th>mean radius</th>
          <th>mean texture</th>
          <th>mean perimeter</th>
          <th>mean area</th>
          <th>mean smoothness</th>
          <th>mean compactness</th>
          <th>mean concavity</th>
          <th>mean concave points</th>
          <th>mean symmetry</th>
          <th>mean fractal dimension</th>
          <th>radius error</th>
          <th>texture error</th>
          <th>perimeter error</th>
          <th>area error</th>
          <th>smoothness error</th>
          <th>compactness error</th>
          <th>concavity error</th>
          <th>concave points error</th>
          <th>symmetry error</th>
          <th>fractal dimension error</th>
          <th>worst radius</th>
          <th>worst texture</th>
          <th>worst perimeter</th>
          <th>worst area</th>
          <th>worst smoothness</th>
          <th>worst compactness</th>
          <th>worst concavity</th>
          <th>worst concave points</th>
          <th>worst symmetry</th>
          <th>worst fractal dimension</th>
          <th>target</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>0</th>
          <td>10.05</td>
          <td>17.53</td>
          <td>64.41</td>
          <td>310.8</td>
          <td>0.10070</td>
          <td>0.07326</td>
          <td>0.02511</td>
          <td>0.01775</td>
          <td>0.1890</td>
          <td>0.06331</td>
          <td>0.2619</td>
          <td>2.0150</td>
          <td>1.778</td>
          <td>16.85</td>
          <td>0.007803</td>
          <td>0.01449</td>
          <td>0.01690</td>
          <td>0.008043</td>
          <td>0.02100</td>
          <td>0.002778</td>
          <td>11.16</td>
          <td>26.84</td>
          <td>71.98</td>
          <td>384.0</td>
          <td>0.1402</td>
          <td>0.14020</td>
          <td>0.1055</td>
          <td>0.06499</td>
          <td>0.2894</td>
          <td>0.07664</td>
          <td>1</td>
        </tr>
        <tr>
          <th>1</th>
          <td>10.80</td>
          <td>21.98</td>
          <td>68.79</td>
          <td>359.9</td>
          <td>0.08801</td>
          <td>0.05743</td>
          <td>0.03614</td>
          <td>0.01404</td>
          <td>0.2016</td>
          <td>0.05977</td>
          <td>0.3077</td>
          <td>1.6210</td>
          <td>2.240</td>
          <td>20.20</td>
          <td>0.006543</td>
          <td>0.02148</td>
          <td>0.02991</td>
          <td>0.010450</td>
          <td>0.01844</td>
          <td>0.002690</td>
          <td>12.76</td>
          <td>32.04</td>
          <td>83.69</td>
          <td>489.5</td>
          <td>0.1303</td>
          <td>0.16960</td>
          <td>0.1927</td>
          <td>0.07485</td>
          <td>0.2965</td>
          <td>0.07662</td>
          <td>1</td>
        </tr>
        <tr>
          <th>2</th>
          <td>16.14</td>
          <td>14.86</td>
          <td>104.30</td>
          <td>800.0</td>
          <td>0.09495</td>
          <td>0.08501</td>
          <td>0.05500</td>
          <td>0.04528</td>
          <td>0.1735</td>
          <td>0.05875</td>
          <td>0.2387</td>
          <td>0.6372</td>
          <td>1.729</td>
          <td>21.83</td>
          <td>0.003958</td>
          <td>0.01246</td>
          <td>0.01831</td>
          <td>0.008747</td>
          <td>0.01500</td>
          <td>0.001621</td>
          <td>17.71</td>
          <td>19.58</td>
          <td>115.90</td>
          <td>947.9</td>
          <td>0.1206</td>
          <td>0.17220</td>
          <td>0.2310</td>
          <td>0.11290</td>
          <td>0.2778</td>
          <td>0.07012</td>
          <td>1</td>
        </tr>
        <tr>
          <th>3</th>
          <td>12.18</td>
          <td>17.84</td>
          <td>77.79</td>
          <td>451.1</td>
          <td>0.10450</td>
          <td>0.07057</td>
          <td>0.02490</td>
          <td>0.02941</td>
          <td>0.1900</td>
          <td>0.06635</td>
          <td>0.3661</td>
          <td>1.5110</td>
          <td>2.410</td>
          <td>24.44</td>
          <td>0.005433</td>
          <td>0.01179</td>
          <td>0.01131</td>
          <td>0.015190</td>
          <td>0.02220</td>
          <td>0.003408</td>
          <td>12.83</td>
          <td>20.92</td>
          <td>82.14</td>
          <td>495.2</td>
          <td>0.1140</td>
          <td>0.09358</td>
          <td>0.0498</td>
          <td>0.05882</td>
          <td>0.2227</td>
          <td>0.07376</td>
          <td>1</td>
        </tr>
        <tr>
          <th>4</th>
          <td>12.25</td>
          <td>22.44</td>
          <td>78.18</td>
          <td>466.5</td>
          <td>0.08192</td>
          <td>0.05200</td>
          <td>0.01714</td>
          <td>0.01261</td>
          <td>0.1544</td>
          <td>0.05976</td>
          <td>0.2239</td>
          <td>1.1390</td>
          <td>1.577</td>
          <td>18.04</td>
          <td>0.005096</td>
          <td>0.01205</td>
          <td>0.00941</td>
          <td>0.004551</td>
          <td>0.01608</td>
          <td>0.002399</td>
          <td>14.17</td>
          <td>31.99</td>
          <td>92.74</td>
          <td>622.9</td>
          <td>0.1256</td>
          <td>0.18040</td>
          <td>0.1230</td>
          <td>0.06335</td>
          <td>0.3100</td>
          <td>0.08203</td>
          <td>1</td>
        </tr>
        <tr>
          <th>...</th>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
        </tr>
        <tr>
          <th>564</th>
          <td>17.42</td>
          <td>25.56</td>
          <td>114.50</td>
          <td>948.0</td>
          <td>0.10060</td>
          <td>0.11460</td>
          <td>0.16820</td>
          <td>0.06597</td>
          <td>0.1308</td>
          <td>0.05866</td>
          <td>0.5296</td>
          <td>1.6670</td>
          <td>3.767</td>
          <td>58.53</td>
          <td>0.031130</td>
          <td>0.08555</td>
          <td>0.14380</td>
          <td>0.039270</td>
          <td>0.02175</td>
          <td>0.012560</td>
          <td>18.07</td>
          <td>28.07</td>
          <td>120.40</td>
          <td>1021.0</td>
          <td>0.1243</td>
          <td>0.17930</td>
          <td>0.2803</td>
          <td>0.10990</td>
          <td>0.1603</td>
          <td>0.06818</td>
          <td>0</td>
        </tr>
        <tr>
          <th>565</th>
          <td>12.75</td>
          <td>16.70</td>
          <td>82.51</td>
          <td>493.8</td>
          <td>0.11250</td>
          <td>0.11170</td>
          <td>0.03880</td>
          <td>0.02995</td>
          <td>0.2120</td>
          <td>0.06623</td>
          <td>0.3834</td>
          <td>1.0030</td>
          <td>2.495</td>
          <td>28.62</td>
          <td>0.007509</td>
          <td>0.01561</td>
          <td>0.01977</td>
          <td>0.009199</td>
          <td>0.01805</td>
          <td>0.003629</td>
          <td>14.45</td>
          <td>21.74</td>
          <td>93.63</td>
          <td>624.1</td>
          <td>0.1475</td>
          <td>0.19790</td>
          <td>0.1423</td>
          <td>0.08045</td>
          <td>0.3071</td>
          <td>0.08557</td>
          <td>1</td>
        </tr>
        <tr>
          <th>566</th>
          <td>20.18</td>
          <td>19.54</td>
          <td>133.80</td>
          <td>1250.0</td>
          <td>0.11330</td>
          <td>0.14890</td>
          <td>0.21330</td>
          <td>0.12590</td>
          <td>0.1724</td>
          <td>0.06053</td>
          <td>0.4331</td>
          <td>1.0010</td>
          <td>3.008</td>
          <td>52.49</td>
          <td>0.009087</td>
          <td>0.02715</td>
          <td>0.05546</td>
          <td>0.019100</td>
          <td>0.02451</td>
          <td>0.004005</td>
          <td>22.03</td>
          <td>25.07</td>
          <td>146.00</td>
          <td>1479.0</td>
          <td>0.1665</td>
          <td>0.29420</td>
          <td>0.5308</td>
          <td>0.21730</td>
          <td>0.3032</td>
          <td>0.08075</td>
          <td>0</td>
        </tr>
        <tr>
          <th>567</th>
          <td>18.31</td>
          <td>20.58</td>
          <td>120.80</td>
          <td>1052.0</td>
          <td>0.10680</td>
          <td>0.12480</td>
          <td>0.15690</td>
          <td>0.09451</td>
          <td>0.1860</td>
          <td>0.05941</td>
          <td>0.5449</td>
          <td>0.9225</td>
          <td>3.218</td>
          <td>67.36</td>
          <td>0.006176</td>
          <td>0.01877</td>
          <td>0.02913</td>
          <td>0.010460</td>
          <td>0.01559</td>
          <td>0.002725</td>
          <td>21.86</td>
          <td>26.20</td>
          <td>142.20</td>
          <td>1493.0</td>
          <td>0.1492</td>
          <td>0.25360</td>
          <td>0.3759</td>
          <td>0.15100</td>
          <td>0.3074</td>
          <td>0.07863</td>
          <td>0</td>
        </tr>
        <tr>
          <th>568</th>
          <td>15.04</td>
          <td>16.74</td>
          <td>98.73</td>
          <td>689.4</td>
          <td>0.09883</td>
          <td>0.13640</td>
          <td>0.07721</td>
          <td>0.06142</td>
          <td>0.1668</td>
          <td>0.06869</td>
          <td>0.3720</td>
          <td>0.8423</td>
          <td>2.304</td>
          <td>34.84</td>
          <td>0.004123</td>
          <td>0.01819</td>
          <td>0.01996</td>
          <td>0.010040</td>
          <td>0.01055</td>
          <td>0.003237</td>
          <td>16.76</td>
          <td>20.43</td>
          <td>109.70</td>
          <td>856.9</td>
          <td>0.1135</td>
          <td>0.21760</td>
          <td>0.1856</td>
          <td>0.10180</td>
          <td>0.2177</td>
          <td>0.08549</td>
          <td>1</td>
        </tr>
      </tbody>
    </table>
    <p>569 rows × 31 columns</p>
    </div>
    </div>
    <br />
    <br />

.. GENERATED FROM PYTHON SOURCE LINES 82-89

Metrics accessor: same idea, same display API
=============================================

The **metrics** accessor exposes methods such as ``confusion_matrix()``,
``roc_curve()``, ``precision_recall()``, and ``prediction_error()``. Each
returns a display (e.g. :class:`~skore.ConfusionMatrixDisplay`) with the
same interface: ``plot()``, ``frame()``, ``set_style()``, ``help()``.

.. GENERATED FROM PYTHON SOURCE LINES 89-92

.. code-block:: Python

    metrics_display = report.metrics.confusion_matrix()
    metrics_display.help()






.. raw:: html

    <div class="output_subarea output_html rendered_html output_result">
    <div id="skore-display-help-b8d2706d-wrapper">
        <template id="skore-display-help-b8d2706d-template">
            <style>
    /* Light theme (default) */
    .container,
    :host {
        --color-blue: #3043f0;
        --color-orange: #f97316;
        --color-text: #000;
        --color-background: #fff;
        --color-orange-hover: rgba(249, 115, 22, 0.1);
        --color-blue-hover: rgba(48, 67, 240, 0.1);
    }

    /* Dark theme */
    .container.dark-theme,
    .container[data-theme="dark"],
    :host(.dark-theme),
    :host([data-theme="dark"]) {
        --color-blue: #6b42f6;
        --color-orange: #f97316;
        --color-text: #fff;
        --color-background: #000;
        --color-orange-hover: rgba(249, 115, 22, 0.2);
        --color-blue-hover: rgba(107, 66, 246, 0.2);
    }

    .container {
        font-family: monospace;
        font-size: 13px;
        line-height: 1.5;
        padding: 10px;
        border: 1px solid var(--color-orange);
        border-radius: 4px;
        background-color: var(--color-background);
        margin: 10px 0;
        width: fit-content;
        min-width: 500px;
        max-width: 800px;
    }

    .title {
        font-weight: bold;
        color: var(--color-text);
        margin-bottom: 10px;
        font-size: 14px;
        text-align: center;
    }

    .tree {
        margin-left: 0;
    }

    .node {
        margin: 0;
        padding: 0;
    }

    .label {
        color: var(--color-text);
        font-weight: bold;
    }

    .root-content {
        margin-left: 16px;
        position: relative;
    }

    /* Vertical lines for root content items - using border-left pattern */
    .root-content > .node,
    .root-content > .method {
        border-left: 2px solid var(--color-text);
        padding-left: 16px;
        position: relative;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Extend border to connect with previous element */
    .root-content > .node:not(:first-child),
    .root-content > .method:not(:first-child) {
        border-top: 2px solid transparent;
        margin-top: -2px;
        padding-top: 2px;
    }

    /* Hide vertical line on last item below middle */
    .root-content > .node:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* Add half-height vertical line for last item */
    .root-content > .node:last-child::after,
    .root-content > .method:last-child::after {
        content: '';
        position: absolute;
        left: -2px;
        top: 0;
        height: calc(1.5em / 2); /* Half of line-height */
        width: 2px;
        background-color: var(--color-text);
    }

    /* Hide border below middle for last item */
    .root-content > .node:last-child,
    .root-content > .method:last-child {
        border-left-color: transparent;
    }

    /* Horizontal connector lines for root content items */
    .root-content > .node::before,
    .root-content > .method::before {
        content: '';
        position: absolute;
        left: -2px;
        top: calc(1.5em / 2); /* Half of line-height */
        width: 12px;
        height: 2px;
        background-color: var(--color-text);
    }

    .toggle {
        display: none;
    }

    .branch-label {
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        color: var(--color-blue);
        font-weight: bold;
        position: relative;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
    }

    /* Orange hover for accessors */
    .branch-label:has(.name):hover {
        background-color: var(--color-orange-hover);
    }

    /* Blue hover for Methods and Attributes sections */
    .branch-label:has(.section-name):hover {
        background-color: var(--color-blue-hover);
    }

    .name {
        color: var(--color-orange);
    }

    .section-name {
        color: var(--color-blue);
    }

    .branch-content {
        margin-left: 16px;
        position: relative;
        padding-left: 0;
        display: none;
    }

    .branch-label:has(.toggle:checked) + .branch-content {
        display: block;
    }

    /* Vertical lines for items inside branch content */
    .branch-content > .node,
    .branch-content > .method {
        border-left: 2px solid var(--color-text);
        padding-left: 16px;
        position: relative;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Extend border to connect with previous element */
    .branch-content > .node:not(:first-child),
    .branch-content > .method:not(:first-child) {
        border-top: 2px solid transparent;
        margin-top: -2px;
        padding-top: 2px;
    }

    /* Hide vertical line on last item below middle */
    .branch-content > .node:last-child,
    .branch-content > .method:last-child {
        border-left-color: transparent;
    }

    /* Add half-height vertical line for last items */
    .branch-content > .node:last-child::after,
    .branch-content > .method:last-child::after {
        content: '';
        position: absolute;
        left: -2px;
        top: 0;
        height: calc(1.5em / 2); /* Half of line-height */
        width: 2px;
        background-color: var(--color-text);
    }

    /* Horizontal connector lines for items inside branch content */
    .branch-content > .node::before,
    .branch-content > .method::before {
        content: '';
        position: absolute;
        left: -2px;
        top: calc(1.5em / 2); /* Half of line-height */
        width: 12px;
        height: 2px;
        background-color: var(--color-text);
    }

    .method {
        color: var(--color-text);
        margin: 0;
        padding: 0;
        line-height: 1.5em;
    }

    .method-name {
        color: var(--color-text);
    }


    .method-tooltip {
        position: relative;
        text-decoration: underline;
        text-decoration-style: dashed;
        text-underline-offset: 0.3em;
        cursor: help;
        color: inherit;
        text-decoration-color: inherit;
    }

    .method-tooltip:hover {
        color: inherit;
    }

    .method-tooltip:hover .tooltip-text {
        visibility: visible;
        opacity: 1;
    }

    .tooltip-text {
        visibility: hidden;
        opacity: 0;
        background-color: var(--color-text);
        color: var(--color-background);
        text-align: left;
        border-radius: 4px;
        padding: 8px 10px;
        position: absolute;
        z-index: 1000;
        top: 50%;
        left: 100%;
        transform: translateY(-50%);
        margin-left: 8px;
        white-space: normal;
        width: 250px;
        font-size: 12px;
        line-height: 1.4;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        transition: opacity 0.2s, visibility 0.2s;
    }

    .arrow {
        vertical-align: text-top;
    }

    .tooltip-text::before {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        border: 5px solid transparent;
        border-right-color: var(--color-text);
    }

    .legend {
        margin-top: 15px;
        padding-top: 10px;
        border-top: 1px solid var(--color-text);
        font-size: 12px;
        color: var(--color-text);
    }
            </style>
            <div class="container">
        <header class="title">ConfusionMatrixDisplay display</header>
        <div class="tree">
        
            <div class="node">
                <span class="label">ConfusionMatrixDisplay</span>
            </div>
            <div class="root-content">
            
            
                    <div class="node branch">
                        <label class="branch-label">
                            <input type="checkbox" class="toggle">
                            <span class="section-name">Methods</span>
                        </label>
                        <div class="branch-content" id="11b557b1-06eb-44ad-983e-e6fe12bb1657">
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#skore.ConfusionMatrixDisplay.frame" target="_blank" class="method-tooltip">frame<span class="tooltip-text">Return the confusion matrix as a long format dataframe.</span></a>(normalize, threshold_value)</span>
                                    </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#skore.ConfusionMatrixDisplay.plot" target="_blank" class="method-tooltip">plot<span class="tooltip-text">Plot the confusion matrix.</span></a>(normalize, threshold_value, subplot_by)</span>
                                    </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#skore.ConfusionMatrixDisplay.set_style" target="_blank" class="method-tooltip">set_style<span class="tooltip-text">Set the style parameters for the display.</span></a>(policy, heatmap_kwargs, facet_grid_kwargs)</span>
                                    </div>
                        
                        </div>
                    </div>
            

            
            
                    <div class="node branch">
                        <label class="branch-label">
                            <input type="checkbox" class="toggle">
                            <span class="section-name">Attributes</span>
                        </label>
                        <div class="branch-content" id="ccc4072d-c3e6-4c8e-a809-3bb2f25e8853">
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#:~:text=confusion_matrix,-pd.DataFrame" target="_blank" class="method-tooltip">confusion_matrix<span class="tooltip-text">No description available</span></a></span>
                                </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#:~:text=data_source,-%7B%22test%22%2C%20%22train%22%7D" target="_blank" class="method-tooltip">data_source<span class="tooltip-text">The data source to use</span></a></span>
                                </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#:~:text=display_labels,-list%20of%20str" target="_blank" class="method-tooltip">display_labels<span class="tooltip-text">Display labels for plot axes</span></a></span>
                                </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#:~:text=ml_task,-%7B%22binary-classification%22%2C%20%22multiclass-classification%22%7D" target="_blank" class="method-tooltip">ml_task<span class="tooltip-text">The machine learning task</span></a></span>
                                </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#:~:text=pos_label,-int%2C%20float%2C%20bool%2C%20str%20or%20None" target="_blank" class="method-tooltip">pos_label<span class="tooltip-text">No description available</span></a></span>
                                </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#:~:text=report_type,-%7B%22comparison-cross-validation%22%2C%20%22comparison-estimator%22%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%22cross-validation%22%2C%20%22estimator%22%7D" target="_blank" class="method-tooltip">report_type<span class="tooltip-text">The type of report</span></a></span>
                                </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#:~:text=response_method,-str" target="_blank" class="method-tooltip">response_method<span class="tooltip-text">The estimator&#39;s method that was used to get the predictions</span></a></span>
                                </div>
                        
                                <div class="node method">
                                    <span class="method-name">.<a href="https://docs.skore.probabl.ai/dev/reference/api/skore.ConfusionMatrixDisplay.html#:~:text=thresholds,-ndarray%20of%20shape%20%28n_thresholds%2C%29" target="_blank" class="method-tooltip">thresholds<span class="tooltip-text">Thresholds of the decision function</span></a></span>
                                </div>
                        
                        </div>
                    </div>
            
            </div>
        </div>
    </div>
        </template>

        <div id="skore-display-help-b8d2706d"></div>

        <script>
    function detectTheme(refElementId) {
        const body = document.querySelector('body');

        // Check VSCode theme
        const themeKindAttr = body.getAttribute('data-vscode-theme-kind');
        const themeNameAttr = body.getAttribute('data-vscode-theme-name');

        if (themeKindAttr && themeNameAttr) {
            const themeKind = themeKindAttr.toLowerCase();
            const themeName = themeNameAttr.toLowerCase();

            if (themeKind.includes("dark") || themeName.includes("dark")) {
                return "dark";
            }
            if (themeKind.includes("light") || themeName.includes("light")) {
                return "light";
            }
        }

        // Check Jupyter theme
        if (body.getAttribute('data-jp-theme-light') === 'false') {
            return 'dark';
        } else if (body.getAttribute('data-jp-theme-light') === 'true') {
            return 'light';
        }

        // Guess based on a reference element's color (luma)
        if (refElementId) {
            const refElement = document.getElementById(refElementId);
            if (refElement) {
                const color = window.getComputedStyle(refElement, null).getPropertyValue('color');
                const match = color.match(/^rgb[a]?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
                if (match) {
                    const r = parseInt(match[1], 10);
                    const g = parseInt(match[2], 10);
                    const b = parseInt(match[3], 10);
                    // https://en.wikipedia.org/wiki/HSL_and_HSV#Lightness
                    const luma = 0.299 * r + 0.587 * g + 0.114 * b;

                    if (luma > 180) {
                        return 'dark';
                    }
                    if (luma < 75) {
                        return 'light';
                    }
                }
            }
        }

        // Fallback to system preference
        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    }

    function applyThemeToHelpContainer(container, refElementId) {
        const theme = detectTheme(refElementId);
        if (theme === 'dark') {
            container.setAttribute('data-theme', 'dark');
            container.classList.add('dark-theme');
        } else {
            container.removeAttribute('data-theme');
            container.classList.remove('dark-theme');
        }
    }
        </script>
    </div>

    <script>
    (function() {
        const wrapper = document.getElementById('skore-display-help-b8d2706d-wrapper');
        const container = document.getElementById('skore-display-help-b8d2706d');
        if (!wrapper || !container) {
            return;
        }

        const template = document.getElementById('skore-display-help-b8d2706d-template');
        if (!template) {
            return;
        }

        // Create shadow root with closed mode for better isolation
        const shadowRoot = container.attachShadow({ mode: 'closed' });
        shadowRoot.appendChild(template.content.cloneNode(true));

        // Apply theme to the container (wrapper is ref for luma-based detection)
        const helpContainer = shadowRoot.querySelector('.container');
        if (helpContainer) {
            applyThemeToHelpContainer(helpContainer, 'skore-display-help-b8d2706d-wrapper');
        }
    })();
    </script>
    </div>
    <br />
    <br />

.. GENERATED FROM PYTHON SOURCE LINES 93-95

.. code-block:: Python

    metrics_display.frame()






.. raw:: html

    <div class="output_subarea output_html rendered_html output_result">
    <div>
    <style scoped>
        .dataframe tbody tr th:only-of-type {
            vertical-align: middle;
        }

        .dataframe tbody tr th {
            vertical-align: top;
        }

        .dataframe thead th {
            text-align: right;
        }
    </style>
    <table border="1" class="dataframe">
      <thead>
        <tr style="text-align: right;">
          <th></th>
          <th>true_label</th>
          <th>predicted_label</th>
          <th>value</th>
          <th>threshold</th>
          <th>split</th>
          <th>estimator</th>
          <th>data_source</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>268</th>
          <td>0</td>
          <td>0</td>
          <td>44</td>
          <td>0.417378</td>
          <td>None</td>
          <td>LogisticRegression</td>
          <td>test</td>
        </tr>
        <tr>
          <th>269</th>
          <td>0</td>
          <td>1</td>
          <td>3</td>
          <td>0.417378</td>
          <td>None</td>
          <td>LogisticRegression</td>
          <td>test</td>
        </tr>
        <tr>
          <th>270</th>
          <td>1</td>
          <td>0</td>
          <td>2</td>
          <td>0.417378</td>
          <td>None</td>
          <td>LogisticRegression</td>
          <td>test</td>
        </tr>
        <tr>
          <th>271</th>
          <td>1</td>
          <td>1</td>
          <td>65</td>
          <td>0.417378</td>
          <td>None</td>
          <td>LogisticRegression</td>
          <td>test</td>
        </tr>
      </tbody>
    </table>
    </div>
    </div>
    <br />
    <br />

.. GENERATED FROM PYTHON SOURCE LINES 96-97

Draw the confusion matrix by calling ``plot()``:

.. GENERATED FROM PYTHON SOURCE LINES 97-99

.. code-block:: Python

    metrics_display.plot()




.. image-sg:: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_003.png
   :alt: Confusion Matrix Decision threshold: 0.50 Data source: Test set
   :srcset: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_003.png
   :class: sphx-glr-single-img





.. GENERATED FROM PYTHON SOURCE LINES 100-107

Inspection accessor
===================

The **inspection** accessor exposes model-specific displays (e.g.
``coefficients()`` for linear models, ``impurity_decrease()`` for trees).
These also return Display objects with the same ``plot()``, ``frame()``,
``set_style()``, and ``help()`` methods.

.. GENERATED FROM PYTHON SOURCE LINES 107-110

.. code-block:: Python

    inspection_display = report.inspection.coefficients()
    inspection_display.plot(select_k=15, sorting_order="descending")




.. image-sg:: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_004.png
   :alt: Coefficients of LogisticRegression
   :srcset: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_004.png
   :class: sphx-glr-single-img





.. GENERATED FROM PYTHON SOURCE LINES 111-117

Second report type: cross-validation
====================================

Using the same :func:`~skore.evaluate` with an integer ``splitter`` returns a
:class:`~skore.CrossValidationReport`. The same accessors and display API
apply; only the way the report was built changes.

.. GENERATED FROM PYTHON SOURCE LINES 117-119

.. code-block:: Python

    cv_report = evaluate(estimator, X, y, splitter=3)








.. GENERATED FROM PYTHON SOURCE LINES 120-122

Again: ``data``, ``metrics``, and ``inspection`` return displays with
``plot()``, ``frame()``, and ``set_style()``.

.. GENERATED FROM PYTHON SOURCE LINES 122-124

.. code-block:: Python

    cv_report.data.analyze().plot(kind="dist", x="mean radius", y="mean texture")




.. image-sg:: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_005.png
   :alt: plot skore api
   :srcset: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_005.png
   :class: sphx-glr-single-img





.. GENERATED FROM PYTHON SOURCE LINES 125-127

.. code-block:: Python

    cv_report.metrics.confusion_matrix().plot()




.. image-sg:: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_006.png
   :alt: Confusion Matrix Decision threshold: 0.50 Data source: Test set
   :srcset: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_006.png
   :class: sphx-glr-single-img


.. rst-class:: sphx-glr-script-out

 .. code-block:: none

    /home/runner/work/skore/skore/skore/venv/lib/python3.13/site-packages/skore/_sklearn/_plot/metrics/confusion_matrix.py:604: FutureWarning: The default of observed=False is deprecated and will be changed to True in a future version of pandas. Pass observed=False to retain current behavior or observed=True to adopt the future default and silence this warning.
      for _, group in self.confusion_matrix.groupby(["split"]):




.. GENERATED FROM PYTHON SOURCE LINES 128-130

.. code-block:: Python

    cv_report.inspection.coefficients().plot(select_k=10, sorting_order="descending")




.. image-sg:: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_007.png
   :alt: Coefficients of LogisticRegression
   :srcset: /auto_examples/technical_details/images/sphx_glr_plot_skore_api_007.png
   :class: sphx-glr-single-img





.. GENERATED FROM PYTHON SOURCE LINES 131-138

Third report type: comparison
=============================

Passing a **list of estimators** to :func:`~skore.evaluate` returns a
:class:`~skore.ComparisonReport`. It exposes the same ``metrics`` and
``inspection`` accessors (no ``data`` accessor, since compared models can
use different datasets). The display API is unchanged.

.. GENERATED FROM PYTHON SOURCE LINES 140-158

Summary
=======

- **Three report types** (:class:`~skore.EstimatorReport`,
  :class:`~skore.CrossValidationReport`, :class:`~skore.ComparisonReport`) are
  all created with :func:`~skore.evaluate` and share the same accessor layout:
  ``report.data``, ``report.metrics``, ``report.inspection`` (where applicable).
- **Accessor methods** that produce figures or tables return **Display**
  objects.
- **Displays** share a single, predictable API:

  - ``plot(**kwargs)`` — render the visualization
  - ``frame(**kwargs)`` — return the data as a :class:`pandas.DataFrame`
  - ``set_style(policy=..., **kwargs)`` — customize appearance
  - ``help()`` — show available options

This consistency makes it easy to switch between report types and to reuse
the same workflow across data, metrics, and inspection.


.. rst-class:: sphx-glr-timing

   **Total running time of the script:** (0 minutes 8.301 seconds)


.. _sphx_glr_download_auto_examples_technical_details_plot_skore_api.py:

.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-example

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download Jupyter notebook: plot_skore_api.ipynb <plot_skore_api.ipynb>`

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download Python source code: plot_skore_api.py <plot_skore_api.py>`

    .. container:: sphx-glr-download sphx-glr-download-zip

      :download:`Download zipped: plot_skore_api.zip <plot_skore_api.zip>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_