app.py

import hvplot.pandas
import numpy as np
import panel as pn
import pandas as pd

xs = np.linspace(0, np.pi)

# Widgets pour la fréquence et la phase
freq = pn.widgets.FloatSlider(name="Frequence", start=0, end=10, value=2)
phase = pn.widgets.FloatSlider(name="Phase", start=0, end=np.pi)

# Widgets pour la saisie de données personnalisées
custom_freq_widget = pn.widgets.FloatInput(name="Frequence", value=2)
custom_phase_widget = pn.widgets.FloatInput(name="Phase", value=0)

def sine(freq, phase):
    return pd.DataFrame(dict(y=np.sin(xs*freq+phase)), index=xs)

def cosine(freq, phase):
    return pd.DataFrame(dict(y=np.cos(xs*freq+phase)), index=xs)

dfi_sine = hvplot.bind(sine, freq, phase).interactive()
dfi_cosine = hvplot.bind(cosine, freq, phase).interactive()

dfi_custom_sine = hvplot.bind(sine, custom_freq_widget, custom_phase_widget).interactive()
dfi_custom_cosine = hvplot.bind(cosine, custom_freq_widget, custom_phase_widget).interactive()

plot_opts = dict(responsive=True, min_height=115, min_width=10)

# Création du tableau de bord
template = pn.template.ReactTemplate(
    title='Platteforme pour la simulation de tests d’écoute avec le médecin ORL(Oto-Rhino-Laryngologiste et chirurgie de l’oreille)',
    sidebar=[pn.pane.PNG('os-modified.png', width=250),
  
             
             #pn.pane.Markdown("# INTERPRÉTATION GRAPHIQUE DU MODÈLE"), 
             #pn.pane.Markdown("# of contention in international "), 
             
              pn.pane.Markdown("""
                    ## INTERPRÉTATION GRAPHIQUE DU MODÈLE

                    Le modèle que vous visualisez ici est basé sur des fonctions sinus et cosinus paramétrées par la fréquence et la phase. Les fonctions sinus et cosinus sont couramment utilisées pour modéliser divers phénomènes périodiques dans la vie pratique.

                    **Frequency (Fréquence)** : La fréquence contrôle le nombre de cycles complets dans la période [0, π].

                    **Phase (Phase)** : La phase détermine le décalage horizontal (ou la translation) de la fonction par rapport à l'origine.

                    En ajustant ces paramètres, vous pouvez observer comment ils affectent les courbes sinus et cosinus. Ces concepts mathématiques sont utilisés pour modéliser des phénomènes périodiques tels que les ondes sonores, les oscillations de pendules, les signaux électriques, etc.

                    Explorez différentes combinaisons de fréquence et de phase pour mieux comprendre comment ces paramètres influencent les modèles mathématiques utilisés dans la vie pratique.
                    """, width=300)
        
             
            ],
)
# Populate the main area with plots, to demonstrate the grid-like API
template.main[:3, :6] = pn.Card(dfi_sine.hvplot(**plot_opts).opts(title='Sin'), dfi_cosine.hvplot(**plot_opts).opts(title='Cos'))
template.main[:3, 6:] = pn.Card(dfi_custom_sine.hvplot(**plot_opts).opts(title='Sin'), dfi_custom_cosine.hvplot(**plot_opts).opts(title='Cos'))

# Lancez le tableau de bord
template.servable()