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

.. only:: html

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

        Click :ref:`here <sphx_glr_download__examples_plotly_plot_main01_roc.py>`
        to download the full example code

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

.. _sphx_glr__examples_plotly_plot_main01_roc.py:


01. Plot ROC
===================

This example shows how to plot the ROC curves for various splits.

.. todo: Instead of specify the color for each single trace,
         which is also a good option, it is possible to
         define in the layout the variable colorway with the
         cycle of colors that will be used.

# sphinx_gallery_thumbnail_path = '_static/images/icon-github.svg'

.. GENERATED FROM PYTHON SOURCE LINES 14-118



.. raw:: html
    :file: images/sphx_glr_plot_main01_roc_001.html





.. code-block:: default
   :lineno-start: 15


    # Libraries
    import plotly.graph_objects as go
    import plotly.express as px
    import numpy as np

    from plotly.io import show

    # Layout
    from plotly.graph_objects import Layout

    # -----------------------------------------
    # Config
    # -----------------------------------------
    # Colors
    colors = px.colors.qualitative.Plotly
    colors = px.colors.sequential.Plasma_r
    colors = px.colors.sequential.Viridis_r

    # -----------------------------------------
    # Data
    # -----------------------------------------
    # Create some data
    fpr = np.arange(10)/10
    tpr = np.arange(10)/10

    # Data
    data = {
        'split1': np.vstack((fpr + -0.10, tpr)).T,
        'split2': np.vstack((fpr + -0.15, tpr)).T,
        'split3': np.vstack((fpr + -0.20, tpr)).T,
        'split4': np.vstack((fpr + -0.25, tpr)).T,
        'split5': np.vstack((fpr + -0.30, tpr)).T,
        'split6': np.vstack((fpr + 0.15, tpr)).T,
        'split7': np.vstack((fpr + 0.15, tpr)).T,
        'split8': np.vstack((fpr + 0.20, tpr)).T,
        'split9': np.vstack((fpr + 0.25, tpr)).T,
        'split10': np.vstack((fpr + 0.30, tpr)).T
    }


    # -------------------------------------
    # Visualize
    # -------------------------------------
    # Create figure
    fig = go.Figure()

    # Add diagonal line
    fig.add_shape(type='line', x0=0, x1=1, y0=0, y1=1,
        line=dict(dash='dash', color='gray', width=1),
    )

    # Plot each split
    for i, (name, array) in enumerate(data.items()):
        # Name of split
        name = f"{name}" # (AUC={10:.2f})"
        # Add trace
        fig.add_trace(go.Scatter(x=array[:, 0],
                                 y=array[:, 1],
                                 name=name,
                                 mode='lines+markers',
                                 line=dict(color=colors[i],
                                           width=0.5)))

    # Update layout
    fig.update_layout(
        xaxis_title='False Positive Rate',
        yaxis_title='True Positive Rate',
        yaxis=dict(scaleanchor="x", scaleratio=1),
        xaxis=dict(constrain='domain'),
        width=350, height=350,
        legend=dict(
            x=1.0, y=0.0,  # x=1, y=1.02
            orientation="v",
            font={'size': 12},
            yanchor="bottom",
            xanchor="right",
        ),
        margin={
            'l': 0,
            'r': 0,
            'b': 0,
            't': 0,
            'pad': 4
        },
        paper_bgcolor='rgba(0,0,0,0)',  # transparent
        plot_bgcolor='rgba(0,0,0,0)'  # transparent
    )

    # Update xaxes
    fig.update_xaxes(showgrid=True,
                     gridwidth=1,
                     nticks=10,
                     range=[0, 1],
                     gridcolor='lightgray')

    # Update yaxes
    fig.update_yaxes(showgrid=True,
                     gridwidth=1,
                     range=[0, 1],
                     nticks=10,
                     gridcolor='lightgray')

    # Show
    show(fig)

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

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


.. _sphx_glr_download__examples_plotly_plot_main01_roc.py:


.. only :: html

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



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

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



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

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


.. only:: html

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

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