{"id":10202,"date":"2025-09-19T16:28:27","date_gmt":"2025-09-19T14:28:27","guid":{"rendered":"https:\/\/spgoo.org\/?page_id=10202"},"modified":"2025-09-20T13:15:01","modified_gmt":"2025-09-20T11:15:01","slug":"sigraphlab-v093","status":"publish","type":"page","link":"https:\/\/spgoo.org\/?page_id=10202","title":{"rendered":"SIGraphLab v093"},"content":{"rendered":"\n<link rel='stylesheet' id='10198-css'  href='https:\/\/spgoo.org\/wp-content\/uploads\/winp-css-js\/10198.css?ver=1758370934' type='text\/css' media='all' \/>\n\n\n\n<link rel='stylesheet' id='10221-css'  href='https:\/\/spgoo.org\/wp-content\/uploads\/winp-css-js\/10221.css?ver=1758366940' type='text\/css' media='all' \/>\n\n\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/handsontable\/handsontable.full.min.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"\/personnalisation\/cursilab\/traceur_v093\/handsontable\/handsontable.min.css\">\r\n<link rel=\"stylesheet\" href=\"\/personnalisation\/cursilab\/traceur_v093\/handsontable\/ht-theme-main.min.css\"> \r\n\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/katex\/dist\/katex.min.js\"><\/script>\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/katex\/dist\/katex.min.css\" rel=\"stylesheet\"> \r\n  \r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.10.5\/font\/bootstrap-icons.css\">\r\n<link ref=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\r\n<script type=\"text\/javascript\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/js\/all.min.js\"><\/script>\r\n\r\n<!-- <script   src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"  crossorigin=\"anonymous\"><\/script> -->\r\n\r\n<link rel=\"stylesheet\" href=\"\/personnalisation\/cursilab\/traceur_v093\/codemirror\/lint.css\">\r\n<link rel=\"stylesheet\" href=\"\/personnalisation\/cursilab\/traceur_v093\/codemirror\/fullscreen.css\">\r\n<!-- <link rel=\"stylesheet\" href=\"\/personnalisation\/cursilab\/traceur_v093\/acp_visu.css\"> -->\r\n\r\n<!-- CodeMirror -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/codemirror\/5.65.12\/codemirror.min.css\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/codemirror\/5.65.12\/codemirror.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/codemirror\/5.65.12\/mode\/javascript\/javascript.min.js\"><\/script>\r\n\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/codemirror\/css-lint.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/jshint@2.13.2\/dist\/jshint.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/jsonlint@1.6.3\/web\/jsonlint.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/csslint@1.0.5\/dist\/csslint.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/codemirror\/lint.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/codemirror\/javascript-lint.js\"><\/script> \r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/codemirror\/fullscreen.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/codemirror\/xml.js\"><\/script>\r\n\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/filesaver.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/0.4.1\/html2canvas.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jsxgraph@1.11.1\/distrib\/jsxgraphcore.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/log4javascript\/1.4.9\/log4javascript.min.js\"><\/script> \r\n\r\n<!-- Biblioth\u00e8que calcul en plus -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/numeric\/1.2.6\/numeric.min.js\"><\/script>\r\n<!-- <script type=\"application\/x-javascript\" src=\".\/libjs\/num.js\"> <\/script> -->\r\n<script src=\".\/personnalisation\/cursilab\/traceur_v093\/libjs\/numjs.min.js\"><\/script>\r\n<!-- pour le calcul de PCA : d\u00e9velopp\u00e9e par l'INRIA   -->\r\n<script type=\"application\/x-javascript\" src=\"\/personnalisation\/cursilab\/traceur_v093\/libjs\/lalolib.js\"> <\/script>\r\n<script type=\"application\/x-javascript\" src=\"\/personnalisation\/cursilab\/traceur_v093\/libjs\/simple-statistics.min.js\"> <\/script>\r\n<script type=\"application\/x-javascript\" src=\"\/personnalisation\/cursilab\/traceur_v093\/editeur_codesStats.js\"> <\/script>\r\n<script type=\"application\/x-javascript\" src=\"\/personnalisation\/cursilab\/traceur_v093\/tests_stationnarites.js\"> <\/script>\r\n<script type=\"application\/x-javascript\" src=\"\/personnalisation\/cursilab\/traceur_v093\/tests_normalite.js\"> <\/script>\r\n\r\n<script src=\"https:\/\/sagecell.sagemath.org\/embedded_sagecell.js\"><\/script>\r\n\r\n\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/echarts\/dist\/echarts.min.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/echarts\/dist\/extension\/dataTool.min.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"\/personnalisation\/cursilab\/traceur_v093\/style_echarts.css\">\r\n<!-- <script src=\"https:\/\/polyfill.io\/v3\/polyfill.min.js?features=es6\"><\/script> -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/mathjax@3\/es5\/tex-mml-chtml.js\"><\/script>\r\n\r\n<script>\r\njQuery(function () {\r\n\/\/ Convert *every* div of class 'compute' into a Sage cell\r\nsagecell.makeSagecell({inputLocation: 'div.compute',\r\n              template:       sagecell.templates.restricted, \/\/ (minimal)Change this to sagecell.templates.restricted, in case\r\n                             \/\/ you want the students to see the code, but not modify it\r\n              evalButtonText: '&Eacute#G\u00e9n\u00e9rer la solution'});\r\n});\r\n<\/script>\r\n<script>\r\n    JXG.Options.text.display = 'html';\r\n    JXG.Options.text.useMathJax = false;\r\n    JXG.Options.text.useKatex=true;\r\n    JXG.Options.renderer='canvas';\r\n<\/script>\r\n\r\n<script type=\"text\/javascript\" id=\"MathJax-script\"  src=\"https:\/\/cdn.jsdelivr.net\/npm\/mathjax@3\/es5\/tex-mml-chtml.js\"><\/script>\r\n\r\n\r\n<!-- <script  src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\" integrity=\"sha256-\/JqT3SQfawRcv\/BIHPThkBvs0OEvtFFmqPF\/lYI\/Cxo=\"\r\n  crossorigin=\"anonymous\"><\/script> -->\r\n\r\n<script>\r\n  window.WebFontConfig = {\r\n      custom: {\r\n          families: ['KaTeX_AMS', 'KaTeX_Caligraphic:n4,n7', 'KaTeX_Fraktur:n4,n7',\r\n              'KaTeX_Main:n4,n7,i4,i7', 'KaTeX_Math:i4,i7', 'KaTeX_Script',\r\n              'KaTeX_SansSerif:n4,n7,i4', 'KaTeX_Size1', 'KaTeX_Size2', 'KaTeX_Size3',\r\n              'KaTeX_Size4', 'KaTeX_Typewriter'],\r\n      },\r\n  };\r\n<\/script>\r\n<!-- <link rel=\"stylesheet\" href=\"\/personnalisation\/cursilab\/traceur_v093\/style_editeur.css\"> -->\r\n\r\n  <h1>\\(\\textrm{SIGraphLab v0.9.3}\\)<\/h1>\r\n  \r\n  <br\/>\r\n  <br\/>\r\n  <div class=\"modal fade bd-example-modal-lg\"  style=\"display:none\" id=\"myModal\"  tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myLargeModalLabel\" aria-hidden=\"false\">\r\n    <div class=\"modal-dialog modal-lg\" >\r\n      <div class=\"modal-content\" style=\"background-color:#e9edf1\">  \r\n        <div class=\"modal-header\" style=\"background-color:#a7c3d4;\">\r\n          <h5 style=\"color:black\" class=\"modal-title\">A propos<\/h5>\r\n        <\/div>\r\n        <div class=\"modal-body\">\r\n          <div class=\"section\">\r\n            <h2><i>Cr\u00e9ation :<\/i><\/h2>\r\n            <ul>\r\n              <li>St\u00e9phane Cordier (Universit\u00e9 d&#8217;Orl\u00e9ans \u2013 Institut Denis Poisson)<\/li>\r\n              <li>Cyrille Piatecki (Universit\u00e9 d&#8217;Orl\u00e9ans \u2013 SPGoO \u2013 LEO)<\/li>\r\n              <li>Yvan Stroppa (CNRS \u2013 SPGoO )<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        \r\n          <div class=\"section\">\r\n            <h2><i>Programmation :<\/i><\/h2>\r\n            <ul>\r\n              <li>SPGoO  YS-CP <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        \r\n          <div class=\"section\">\r\n            <h2><i>Biblioth\u00e8ques utilis\u00e9es :<\/i><\/h2>\r\n            <ul>\r\n              <li>JSXGraph, d\u00e9velopp\u00e9e \u00e0 l&#8217;universit\u00e9 de Bayreuth par Alfred Wassermann et collaborateurs (Licence MIT)<\/li>\r\n              <li>Numerics.js, d\u00e9velopp\u00e9e par S\u00e9bastien Loisel \u00e0 l&#8217;Universit\u00e9 Heriot-Watt (Licence MIT)<\/li>\r\n              <li>LALOLIB, d\u00e9velopp\u00e9e par l&#8217;INRIA (Licence MIT)<\/li>\r\n              <li>SageMath, d\u00e9velopp\u00e9e par SAGE (Licence MIT)<\/li>\r\n              <li>Sample Statistics, d\u00e9velopp\u00e9e par      (Licence MIT)<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        <button type=\"button\" data-theme-toggle  aria-label=\"Change to light theme\" >Change to light theme (or icon here)<\/button>\r\n        <select id=\"change-theme\" onchange=\"change_theme();\">\r\n          <option value=\"oceanblueserenity1\">oceanblueserenity1<\/option>\r\n          <option value=\"oceanblueserenity2\">oceanblueserenity2<\/option>\r\n          <option value=\"oceansunset1\">oceansunset1<\/option>\r\n          <option value=\"oceansunset2\">oceansunset2<\/option>\r\n          <option value=\"bluehorizon\">bluehorizon<\/option>\r\n          <option value=\"coolwaters\">coolwaters<\/option>          \r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <img decoding=\"async\"  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Juste pour rire ; Cliquez\" onclick=\"play_sound();\" style=\"cursor:pointer;position:absolute;top:40px;right:5%;\" src=\"\/personnalisation\/cursilab\/traceur_v093\/images\/cropped-serp.png\" width=200px\/> \r\n  <button data-toggle=\"modal\" onclick=\"open_modalAP();\" data-target=\"#myModal\" style=\"cursor:pointer;position:absolute;top:48px;left:5%;\" >$$\\textrm{A propos}$$ <\/button>\r\n\r\n\r\n  <!-- Fen\u00eatres modales d'affichage d'info compl\u00e9mentaires -->\r\n  <!-- -->\r\n  <!-- Fenetre de s\u00e9lection des colonnes dans l'importation de donn\u00e9es de type CSV -->\r\n  <!-- -->\r\n  <div class=\"modal fade\"  style=\"display:none\" id=\"myModalVariable\"  tabindex=\"-1\" role=\"document\" aria-labelledby=\"myLargeModalLabel\" aria-hidden=\"false\">\r\n    <div class=\"modal-dialog\" >\r\n      <div class=\"modal-content\" style=\"background-color:var(--color-fen)\">  \r\n        <div class=\"modal-body\">\r\n          <div class=\"section\">\r\n            <h2><i style=\"color:var(--color-txt)\">Liste des variables :<\/i><\/h2>\r\n            <div id=\"liste_colonnes\" style=\"height:200px;overflow:auto;\"><\/div>\r\n          <\/div>   \r\n        <\/div>    \r\n        <div class=\"modal-footer\" style=\"background-color:#a7c3d4;\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Close<\/button>\r\n        <\/div>        \r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- Fenetres mobiles -->\r\n  <!-- EXEMPLES  -->\r\n  <div id=\"mydivExemples\" class=\"fen_arrondie\" style=\"width:550px;margin-bottom:10px;display:none\" >\r\n    <div id=\"mydivExemplesheader\"  class=\"fen_arrondie\" style=\"display:flex;justify-content:space-between;height:70px;\">\r\n      <!-- <span style=\"color:black;\">Fen\u00eatre de suivi des commentaires<\/span>\u00a0\u00a0 -->\r\n      <h4 style=\"color:black;font-size:22px;\">\\(\\textrm{Liste des exemples}\\) <\/h4>\r\n      <button class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" onclick=\"closeModal('mydivExemples');\"><\/button>\r\n    <\/div>\r\n    <div id=\"div_mydivExemplesYS\" style=\"height:350px;overflow-y:scroll;margin:10px;background-color:#e9edf1;;color:#130b8c;\"><\/div>\r\n    <div id=\"div_mydivExemples_status\" style=\"height:50px;color:#130b8c;padding:10px 10px 10px 10px\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FONCTIONS  -->\r\n  <div id=\"mydivFonctions\" class=\"fen_arrondie\" style=\"width:550px;margin-bottom:10px;display:none\" >\r\n    <div id=\"mydivFonctionsheader\"  class=\"fen_arrondie\" style=\"display:flex;justify-content:space-between;height:70px;\">\r\n      <!-- <span style=\"color:black;\">Fen\u00eatre de suivi des commentaires<\/span>\u00a0\u00a0 -->\r\n      <h4 style=\"color:black;font-size:22px;margin:10px 10px 10px 15px;\">\\(\\textrm{Liste des fonctions}\\)<\/h4>\r\n      <button class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" onclick=\"closeModal('mydivFonctions');\"><\/button>\r\n    <\/div>\r\n    <div id=\"div_mydivFonctionsYS\" style=\"height:400px;margin:10px;overflow-y:scroll;background-color:#e9edf1;color:#130b8c;\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- OPTIONS TRACE -->\r\n  <div id=\"mydivOpttrace\" class=\"fen_arrondie\" style=\"width:550px;margin-bottom:10px;display:none\" >\r\n    <div id=\"mydivOpttraceheader\"  class=\"fen_arrondie\" style=\"display:flex;justify-content:space-between;height:70px;vertical-align: center;;\">\r\n      <!-- <span style=\"color:black;\">Fen\u00eatre de suivi des commentaires<\/span>\u00a0\u00a0 -->\r\n      <h4 style=\"color:black;font-size:22px;margin:10px 10px 10px 15px;\">\\(\\textrm{Options de trac\u00e9}\\) <\/h4>\r\n      <button  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Enregistre et applique\" onclick=\"save_parametres_trace();\" style=\"height:35px;\"><i class=\"fa fa-save\"><\/i><\/button>\r\n      <button  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"R\u00e9percution imm\u00e9diate des modifs sur le graphe\"  onclick=\"update_parametres_trace();\" style=\"height:35px;\"><i id=\"btn_eye_trace\" class=\"fa fa-eye-slash\"><\/i><\/button>\r\n      <button class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" onclick=\"closeModal('mydivOpttrace');\"><\/button>\r\n    <\/div>\r\n    <div class=\"modele_local_Comments\" id=\"div_mydivOpttrace\" style=\"overflow:auto;margin:10px;height:350px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\">\r\n    <\/div>\r\n    <div id=\"div_mydivOpttrace_status\" style=\"height:50px;color:#130b8c;padding:10px 10px 10px 10px\">\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- OPTIONS BOARD -->\r\n  <div id=\"mydivOptboard\" class=\"fen_arrondie\" style=\"width:550px;margin-bottom:10px;display:none\" >\r\n    <div id=\"mydivOptboardheader\"  class=\"fen_arrondie\" style=\"display:flex;justify-content:space-between;height:70px;\">\r\n      <!-- <span style=\"color:black;\">Fen\u00eatre de suivi des commentaires<\/span>\u00a0\u00a0 -->\r\n      <h4 style=\"color:black;font-size:22px;;margin:10px 10px 10px 15px;\">\\(\\textrm{Option du board}\\)<\/h4>\r\n      <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Enregistre et applique\" onclick=\"save_parametres_board();\" style=\"height:35px;\"><i class=\"fa fa-save\"><\/i><\/button>\r\n      <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"R\u00e9percution imm\u00e9diate des modifs sur le graphe\"  id=\"btn_eye_board\" onclick=\"update_parametres_board();\" style=\"height:35px;\"><i  class=\"fa fa-eye-slash\"><\/i><\/button>\r\n      <button class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" onclick=\"closeModal('mydivOptboard');\"><\/button>\r\n    <\/div>\r\n    <div class=\"modele_local_Comments\" id=\"div_mydivOptboard\" style=\"margin:10px;overflow:auto;height:350px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\">\r\n    <\/div>\r\n    <div id=\"div_mydivOptboard_status\" style=\"height:50px;color:#130b8c;padding:10px 10px 10px 10px\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n    <!-- Identit\u00e9 Variable -->\r\n    <div id=\"mydivFenVar\" class=\"fen_arrondie\" style=\"height:650px;width:700px;margin-bottom:10px;display:none\" >\r\n      <div id=\"mydivFenVarheader\"  class=\"fen_mi_arrondie_haut\" style=\"display:flex;justify-content:space-between;height:60px;\">\r\n        <!-- <span style=\"color:black;\">Fen\u00eatre de suivi des commentaires<\/span>\u00a0\u00a0 -->\r\n        <h4 style=\"color:black;font-size:22px;;margin:10px 10px 10px 15px;\">\\(\\textrm{Caract\u00e9ristiques pour une Variable}\\)<\/h4>\r\n        <!-- <span style=\"color:red;font-size:22px;;margin:-10px 0px 0px 0px;\" id=\"nomFenVar\"><\/span> -->\r\n        \r\n        <button class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" onclick=\"closeModal('mydivFenVar');\"><\/button>\r\n      <\/div>\r\n      <div style=\"overflow:auto\">\r\n        <div class=\"tab-buttons_IV\" style=\"overflow:auto\">\r\n          <select id=\"sel_variables_auto\" z-index=500 onchange=\"chargement_graph_stats();\"><option>Choisir<\/option><\/select>\r\n          <button class=\"tab-button active\" onclick=\"affiche_IV('caracteristiques',event)\">Caract\u00e9ristiques<\/button>\r\n          <button class=\"tab-button\" onclick=\"affiche_IV('histoLoinormale',event)\">HistoLN<\/button>\r\n          <button class=\"tab-button\" onclick=\"affiche_IV('autocorrelogramme',event)\">Autocorr\u00e9logramme<\/button>\r\n          <button class=\"tab-button\" onclick=\"affiche_IV('qplot',event)\">Qplot<\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"div_mydivFenVar\" style=\"margin:10px;overflow:auto;height:350px;background-color:var(--color-txt);color:#130b8c;padding:10px 10px 10px 10px\">\r\n      <\/div>\r\n      <div id=\"IV_hisoLN\" style=\"display:none; text-align:center;\">\r\n        <div id=\"container_histoLN\" class=\"jxgbox fen_arrondie\" style=\"height:440px;width:680px;margin:10px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\" class=\"fen_arrondie\">\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"IV_autocorrelogramme\" style=\"display:none; text-align:center;\">\r\n        <div id=\"container_autocorreIV\" class=\"jxgbox fen_arrondie\" style=\"height:440px;width:680px;margin:10px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\" class=\"fen_arrondie\">\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"IV_qplot\" style=\"display:none; text-align:center;\">\r\n        <div id=\"container_qplotIV\" class=\"jxgbox fen_arrondie\" style=\"height:440px;width:680px;margin:10px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\" class=\"fen_arrondie\">\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"div_mydivFenVar_status\" style=\"height:50px;color:#130b8c;padding:10px 10px 10px 10px\">\r\n      <\/div>\r\n    <\/div>\r\n  \r\n    <!-- Analyse comparative -->\r\n    <div id=\"mydivAnalyseCompa\" class=\"fen_arrondie\" style=\"height:650px;width:700px;margin-bottom:10px;display:none\" >\r\n      <div id=\"mydivAnalyseCompaheader\"  class=\"fen_mi_arrondie_haut\" style=\"display:flex;justify-content:space-between;height:70px;\">\r\n        <!-- <span style=\"color:black;\">Fen\u00eatre de suivi des commentaires<\/span>\u00a0\u00a0 -->\r\n        <h4 style=\"color:black;font-size:22px;;margin:10px 10px 10px 15px;\">\\(\\textrm{Analyse Multi-variables}\\)<\/h4>\r\n        <span style=\"color:red;font-size:22px;;margin:-10px 0px 0px 0px;\" id=\"nomAnalyseCompa\"><\/span>\r\n        <button class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" onclick=\"closeModal('mydivAnalyseCompa');\"><\/button>\r\n      <\/div>\r\n      <div style=\"overflow:auto\">\r\n        <div class=\"tab-buttons_AC\" style=\"overflow:auto\">\r\n          <button class=\"tab-button active\" onclick=\"affiche_AC('matCor',event)\">MatCor<\/button>\r\n          <button class=\"tab-button\" onclick=\"affiche_AC('matVar',event)\">MatVar<\/button>\r\n          <button class=\"tab-button\" onclick=\"affiche_AC('graphiques',event)\">BoxPlot<\/button>\r\n          <button class=\"tab-button\" onclick=\"affiche_AC('scatter',event)\">Scatter<\/button>\r\n          <!-- <button class=\"tab-button\" onclick=\"affiche_AC('autocorrelogramme',event)\">Autocorr\u00e9logramme<\/button>-->\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"AC_matricesCor\">\r\n        <div id=\"div_mydivAnalyseCompaCor\" \r\n          style=\"text-align:center;margin:10px;overflow:auto;height:480px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\"  class=\"fen_arrondie\">\r\n        <\/div>\r\n      <\/div>  \r\n      <div id=\"AC_matricesVar\" style=\"height:1px;width:100%;overflow:hidden;\">\r\n        <div id=\"div_mydivAnalyseCompaVar\" \r\n        style=\"text-align:center;margin:10px;height:480px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\"  class=\"fen_arrondie\">\r\n        <\/div>\r\n      <\/div>  \r\n      <div id=\"AC_graphiques\" style=\"display:none\">\r\n        <div id=\"container_boxplots\" style=\"height:480px;width:680px;margin:10px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\" class=\"fen_arrondie\">\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"AC_scatter\" style=\"display:none\">\r\n        <div id=\"container_scatter\" style=\"height:480px;width:680px;margin:10px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\" class=\"fen_arrondie\">\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"div_mydivAnalyseCompa_status\" style=\"display:none\"  style=\"height:50px;color:#130b8c;padding:10px 10px 10px 10px\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Module de recherche -->\r\n    <div id=\"mydivSearch\" class=\"fen_arrondie\" style=\"width:550px;margin-bottom:10px;display:none\" >\r\n      <div id=\"mydivSearchheader\"  class=\"fen_arrondie\" style=\"display:flex;justify-content:space-between;height:70px;\">\r\n        <!-- <span style=\"color:black;\">Fen\u00eatre de suivi des commentaires<\/span>\u00a0\u00a0 -->\r\n        <h4 style=\"color:black;font-size:22px;;margin:10px 10px 10px 15px;\">\\(\\textrm{Module de recherche}\\)<\/h4>\r\n        <span style=\"color:red;font-size:22px;;margin:-10px 0px 0px 0px;\" id=\"nomSearch\"><\/span>\r\n        <button class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" onclick=\"closeModal('mydivSearch');\"><\/button>\r\n      <\/div>\r\n      <div class=\"modele_local_Comments\" id=\"div_mydivSearchr\" style=\"text-align:center;margin:10px;overflow:auto;height:180px;background-color:#e9edf1;color:#130b8c;padding:10px 10px 10px 10px\">\r\n        <!-- fournir les crit\u00e8res de s\u00e9lection de la recherche -->\r\n      <\/div>\r\n      <div id=\"div_mydivSearch_status\" style=\"height:50px;color:#130b8c;padding:10px 10px 10px 10px\">\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <!--fin de  Fenetres mobiles -->\r\n\r\n   <div class=\"containerCP\" id=\"containerCP\">  \r\n    <!-- les parties LEFT de l'\u00e9cran -->\r\n    <div id=\"LEFT\" style=\"height:970px;\"  >\r\n      <div class=\"tab-buttons\">\r\n        <button class=\"tab-button active\" onclick=\"charge_parametres('graphe',event)\">\ud83d\udcc8 Graphiques<\/button>\r\n        <button class=\"tab-button\" onclick=\"charge_parametres('fonctions',event)\">\ud83d\udcca Fcts\/Exs<\/button>\r\n        <button class=\"tab-button\" onclick=\"charge_parametres('import',event)\">\ud83d\udce4 Donn\u00e9es<\/button>\r\n        <button class=\"tab-button\" onclick=\"charge_parametres('stationnarites',event)\">\ud83d\udce4 Stationnarit\u00e9s<\/button>\r\n        <button class=\"tab-button\" onclick=\"charge_parametres('ACP',event);\">\ud83d\udce4 ACP<\/button>\r\n      <\/div>\r\n      <div id=\"mydivCommandes\" style=\"height:100%;background:#a7c3d4;\" class=\"left fen_mi_arrondie\" >\r\n        <div class=\"row\" style=\"text-align:center;\">\r\n          <div id=\"bbox-controls\" style=\"margin:0px 0px 0px 10px;text-align:center;\">\r\n            <button   ondragover=\"dragoverHandler(event);\" ondrop=\"dropHandlerBoard(event);\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"S\u00e9lectionnez et d\u00e9placer le board sur la poubelle pour le supprimer\" class=\"btn btn-danger\" style=\"font-size: 12px;\"><i class=\"fa fa-trash\"><\/i><\/button>\r\n            <!-- <div style=\"display:flex;vertical-align:center;justify-content: space-between;\">\r\n              <label style=\"margin:-8px 0px 0px 0px;\">$$X_{min}\\,\\,\\,\\,\\,$$ : <\/label><input type=\"number\" id=\"bbox-a\" value=\"-5\"\/>\r\n            <\/div>\r\n            <div style=\"display:flex;vertical-align:center;\">\r\n              <label style=\"margin:-8px 0px 0px 0px;\">$$Y_{max}\\,\\,\\,\\,\\,$$<\/label><input type=\"number\" id=\"bbox-b\" value=\"5\" \/>\r\n            <\/div>\r\n            <div style=\"display:flex;vertical-align:center;\">\r\n            <label style=\"margin:-8px 0px 0px 0px;\">$$X_{max}\\,\\,\\,\\,\\,$$<\/label><input type=\"number\" id=\"bbox-c\" value=\"5\" \/>\r\n            <\/div>\r\n            <div style=\"display:flex;vertical-align:center;\">\r\n            <label style=\"margin:-8px 0px 0px 0px;\">$$Y_{min}\\,\\,\\,\\,\\,$$<\/label><input type=\"number\" id=\"bbox-d\" value=\"-5\"\/>\r\n            <\/div>   -->\r\n          <\/div>\r\n        <\/div> \r\n      <!--   <div class=\"row\" style=\"text-align:center;\">\r\n          <div id=\"jxgbox\" style=\"text-align:center;width:92%;height:700px;margin:0px 0px 0px 40px;\" class=\"jxgbox fen_arrondie\"><\/div>\r\n        <\/div>\r\n      -->\r\n        <div id=\"grid\" >\r\n            <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Vueillez cliquer sur le bouton pour ajouter un nouveau board\"  id=\"btn_add\" onclick=\"ajoute_board();\" class=\"btn btn-success\" style=\"width:150px;height:150px;margin:0px 0px 0px 40px;\" class=\"jxgbox fen_arrondie\">\r\n                <i class=\"fa fa-plus\"><\/i>\r\n            <\/button>  \r\n        <\/div>\r\n        <div id=\"principale_un\" style=\"display:none;width:100%;height:800px;\"><\/div>\r\n        <div id=\"principale_deux_v\" style=\"display:none;width:100%;height:800px;\"><\/div>\r\n        <div id=\"principale_deux_h\" style=\"display:none;width:100%;height:800px;\"><\/div>\r\n        <div id=\"principale_quatre\" style=\"display:none;width:100%;height:800px;\"><\/div>\r\n\r\n\r\n\r\n\r\n        <!-- <div class=\"row\" style=\"text-align:center;\">\r\n          <p id=\"info_statut\" > \\(\\textrm{Informations : statuts}\\) <\/p>\r\n          <span id=\"info_contenu\"><\/span>\r\n        <\/div> -->\r\n\r\n\r\n      <\/div>\r\n\r\n      <div id=\"fonctions\" style=\"height:100%;background:#a7c3d4;;display:none;text-align:center;overflow:auto\" class=\"left fen_mi_arrondie\">\r\n          <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Liste de fonctions disponibles et leur code\" onclick=\"affichage_mobile('mydivFonctions')\">$$Fonctions$$<\/button>\r\n          <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Equations diff\u00e9rentielles\" onclick=\"charge_parametres('equadiff',event)\">$$Equa. Diff.$$<\/button>\r\n          <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Exemples et codes\" onclick=\"affichage_mobile('mydivExemples')\">$$Exemples$$<\/button>\r\n          <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Recherche d'illustrations\" onclick=\"search_mobile()\">$$Search$$<\/button>\r\n          <div id=\"liste_fcts\"><\/div>\r\n      <\/div>\r\n\r\n      <div id=\"parametres\" style=\"height:100%;background:#a7c3d4;;display:none;\" class=\"left fen_mi_arrondie\">  \r\n        <h3 data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Choisir le format et importer vos donn\u00e9es.\">\\(\\textrm{Module d&#8217;importation}\\)<\/h3>\r\n        <div class=\"tab-buttons-1\">\r\n          <button class=\"tab-button active\"  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Importation de donn\u00e9es directement en mode colonne \" \r\n            style=\"font-size:12px;\"  onclick=\"affiche_param_import('XY',event);\">\ud83d\udcc8 X\/Y<\/button>\r\n          <button class=\"tab-button\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Importation des donn\u00e9es sous forme JSON \"  \r\n            style=\"font-size:12px;\" onclick=\"affiche_param_import('JSON',event);\">\ud83d\udcca JSON<\/button>\r\n          <button class=\"tab-button\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Module d'importation de donn\u00e9es CSV\"  \r\n            style=\"font-size:12px;\" onclick=\"affiche_param_import('CSV',event);\">\ud83d\udce4 CSV<\/button>\r\n            <\/div>\r\n        <!-- <div style=\"text-align:center;display:flex;justify-content:space-around\">\r\n          <button class=\"btn btn-success\"  onclick=\"affiche_param_import('XY');\">X\/Y<\/button>\r\n          <button class=\"btn btn-success\"  onclick=\"affiche_param_import('JSON');\">JSON<\/button>\r\n          <button class=\"btn btn-success\"  onclick=\"affiche_param_import('CSV');\">CSV<\/button>      \r\n        <\/div> -->\r\n        <div id=\"liste_parametresXY\">\r\n          <div id=\"XY\" >\r\n            <div style=\"display:flex;justify-content:space-around\">\r\n              <div style=\"display:flex;flex-direction: column;\">\r\n                <textarea id=\"textareaName\"  class=\"textarea_parametres fen_arrondie\"><\/textarea>\r\n                <div >\r\n                  <button class=\"btn-Cmd\"  onclick=\"load_variable_exemple('Name');\">Exemple<\/button>      \r\n                  <button class=\"btn-toolsE\"  onclick=\"load_variable_contexte('Name');\">Load<\/button>      \r\n                <\/div> \r\n              <\/div>\r\n              <div style=\"display:flex;flex-direction: column;\">\r\n                <textarea id=\"textareaA\"  class=\"textarea_parametres fen_arrondie\"><\/textarea>\r\n                <div>\r\n                  <button class=\"btn-Cmd\"  onclick=\"load_variable_exemple('A');\">Exemple<\/button>      \r\n                  <button class=\"btn-toolsE\"  onclick=\"load_variable_contexte('A');\">Load<\/button>      \r\n                <\/div>  \r\n              <\/div>\r\n              <div style=\"display:flex;flex-direction: column;\">\r\n                <textarea id=\"textareaB\" class=\"textarea_parametres fen_arrondie\"><\/textarea>\r\n                <div>\r\n                  <button class=\"btn-Cmd\"  onclick=\"load_variable_exemple('B');\">Exemple<\/button>      \r\n                  <button class=\"btn-toolsE\"  onclick=\"load_variable_contexte('B');\">Load<\/button>      \r\n                <\/div>  \r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div id=\"liste_parametresJSON\" style=\"display:none;\">\r\n          <div id=\"JSON\" >\r\n            Copiez le contenu de votre fichier json dans cette zone\r\n            <div style=\"display:block;\">\r\n              <textarea id=\"textareaJSON\"  class=\"textarea_parametresCSV fen_arrondie\"><\/textarea>\r\n              <br\/>\r\n              Choix du format de lecture du jSON  : \r\n              <select><option>Name:[Data]<\/option><option><\/option><\/select>\r\n              <div >\r\n                <button class=\"btn-Cmd\"  onclick=\"load_variable_exemple_JSON('JSON');\">Exemple<\/button>      \r\n                <button class=\"btn-toolsE\"  onclick=\"load_variable_contexte_JSON('JSON');\">Load<\/button>      \r\n              <\/div> \r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div id=\"liste_parametresCSV\" style=\"display:none;\" >\r\n          <div id=\"CSV\" >\r\n              Copiez le contenu de votre fichier csv dans cette zone\r\n              <div style=\"display:block\">\r\n                <textarea id=\"textCSV\"  class=\"textarea_parametresCSV fen_arrondie\"><\/textarea>\r\n              <\/div>\r\n              Exemples files : \r\n              <select id=\"Sel_fileEx\" onchange=\"chargement_file_csv();\">\r\n                <option>Choisir<\/option>\r\n                <option>Sequences_H4R10plus_Unique_C1_TotDes.csv<\/option>\r\n                <option>pib.csv<\/option>\r\n              <\/select>\r\n              <button class=\"btn-toolsE\" onclick=\"conversion_textarea();\" >Conversion<\/button>\r\n              S\u00e9parateur \u00e0 s\u00e9lectionner\u00a0<select id=\"Sel_separateur\" onchange=\"selection_separateur();\"><option>;<\/option><option>#<\/option><option>,<\/option><\/select>\r\n              <button class=\"btn-toolsE\" onclick=\"raz_textarea();\" >RaZ<\/button>\r\n              <!-- S\u00e9lectionnez les colonnes num\u00e9riques que vous voulez conserver sous forme de variable <span onclick=\"ouvre_fen_select_col();\" style=\"cursor:pointer;color:blue;\">select<\/span>-->\r\n              <div style=\"display:block; height:500px;\">\r\n                <!-- espace pour l'affichage de la table -->\r\n                <div id=\"zone_table\" style=\"margin:10px 0px 0px 60px\"><\/div>\r\n                <button class=\"btn-toolsE\" onclick=\"chargement_variable_csv();\">Load<\/button>\r\n              <\/div>\r\n              \r\n          <\/div>\r\n        <\/div>\r\n      <\/div> <!-- fin de parametres -->\r\n      <div id=\"stationnarites\" style=\"height:100%;width:100%;background:#a7c3d4;display:none;text-align:center;\" class=\"left fen_mi_arrondie\">\r\n        <h3 id=\"title_fcts\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Choisir le test et importer vos variables en glisser\/d\u00e9placer de la zone composition\">Tests de stationnarit\u00e9s<\/h3>\r\n        <div style=\"display:flex;justify-content: space-around;\">\r\n          <p class=\"methode_stationnarites\" code=\"dickeyfuller\"> $$\\textrm{Dickey-Fuller}$$<\/p>\r\n          <p class=\"methode_stationnarites\" code=\"phillipsperron\"> $$\\textrm{Phillips-Perron}$$<\/p>\r\n          <p class=\"methode_stationnarites\" code=\"dfgls\"> $$\\textrm{DF-GLS}$$<\/p>              \r\n        <\/div>\r\n        <div id=\"tests_dickeyfuller\" style=\"display:none;\" class=\"Tstationnarites fen_arrondie\">\r\n           <div style=\"display:flex; justify-content: space-between;\">\r\n              <div style=\"height:100px; width: 60%\">\r\n                  <h3>Dickey-Fuller<\/h3>\r\n                  Lag :<select id=\"lag_DF\" ><option>1<\/option><option>2<\/option><option>3<\/option><\/select>\r\n                  Type de test : <select  id=\"type_DF\" ><option value=\"none\">Sans constante ni tendance<\/option><option value=\"constant\">Avec constante<\/option><option value=\"trend\">Avec constante et tendance<\/option><\/select>\r\n                  <button class=\"btn btn-warning\" onclick=\"calcul_dickeyfuller();\" >Calculer<\/button>\r\n                  <br\/>\r\n              <\/div>\r\n              <div style=\"height:100px; width: 40%;\">\r\n                <label>Variable<\/label>\r\n                <button  onclick=\"supprimer_element_liste('liste_variables_DF');\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Suppression de la variable\" class=\"btn btn-danger\" style=\"font-size: 12px;\"><i class=\"fa fa-trash\"><\/i><\/button>\r\n                <div id=\"liste_variables_DF\" class=\"liste_variables fen_arrondie\"><\/div>  \r\n              <\/div>\r\n          <\/div>\r\n          <div id=\"result_dickeyfuller\" style=\"width:100%;\">\r\n          <\/div>\r\n        <\/div>\r\n        <div id=\"tests_phillipsperron\" class=\"Tstationnarites fen_arrondie\" style=\"display:none;\">\r\n          <div style=\"display:flex; justify-content: space-between;\">\r\n            <div style=\"height:100px; width: 60%\">\r\n                  <h3>Phillips-Perron<\/h3>\r\n                  Lag :<select id=\"lag_PP\"><option>1<\/option><option>2<\/option><option>3<\/option><\/select>\r\n                  Type de test : <select id=\"type_PP\"><option value=\"none\" >Sans constante ni tendance<\/option><option value=\"constant\" >Avec constante<\/option><option value=\"linear\">Avec constante et tendance<\/option><\/select>\r\n                  <button class=\"btn btn-warning\" onclick=\"calcul_phillipsperron();\">Calculer<\/button>\r\n              <\/div>\r\n              <div style=\"height:100px; width: 40%;\">\r\n                <label>Variable<\/label>\r\n                <button  onclick=\"supprimer_element_liste('liste_variables_PP');\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Suppression de la variable\" class=\"btn btn-danger\" style=\"font-size: 12px;\"><i class=\"fa fa-trash\"><\/i><\/button>\r\n                <div id=\"liste_variables_PP\" class=\"liste_variables fen_arrondie\"><\/div>  \r\n              <\/div>\r\n          <\/div>\r\n          <div id=\"result_phillipsperron\" style=\"width:100%;\">\r\n          <\/div>\r\n\r\n        <\/div>\r\n        <div id=\"tests_dfgls\" class=\"Tstationnarites fen_arrondie\" style=\"display:none;\">\r\n          <div style=\"display:flex; justify-content: space-between;\">\r\n            <div style=\"height:100px; width: 60%\">\r\n              <h3>DF-GLS<\/h3>\r\n                Lag :<select id=\"lag_dfgls\"><option>1<\/option><option>2<\/option><option>3<\/option><\/select>\r\n                Type de test : <select  id=\"type_dfgls\"><option value=\"constant\" >Avec constante<\/option><option value=\"linear\" >Avec constante et tendance<\/option><\/select>\r\n                <button class=\"btn btn-warning\" onclick=\"calcul_dfgls();\" >Calculer<\/button>\r\n            <\/div>\r\n            <div style=\"height:100px; width: 40%;text-align: center;\">\r\n              <label>Variable<\/label>\r\n              <button  onclick=\"supprimer_element_liste('liste_variables_dfgls');\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Suppression de la variable\" class=\"btn btn-danger\" style=\"font-size: 12px;\"><i class=\"fa fa-trash\"><\/i><\/button>\r\n              <div id=\"liste_variables_dfgls\" class=\"liste_variables fen_arrondie\"><\/div>  \r\n            <\/div>\r\n          <\/div>\r\n          <div id=\"result_dfgls\" style=\"width:100%;\">\r\n          <\/div>        \r\n        <\/div>\r\n      <\/div> <!-- fin de stationnarites -->\r\n      <div id=\"ACP\" style=\"height:100%;width:100%;background:#a7c3d4;display:none;text-align:center;\" class=\"fen_mi_arrondie\">\r\n        <h3 id=\"title_acp\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Importer vos donn\u00e9es par un glisser\/d\u00e9placer de la zone composition et lancer la calcul.\">Analyse par composante principale<\/h3>\r\n        <div id=\"tests_acp\" class=\"Tests_ACP fen_arrondie\">\r\n           <div style=\"display:flex; justify-content: space-between;\">\r\n              <div style=\"height:100px; width: 70%\">\r\n                  \r\n                  <select id=\"scaling\">\r\n                    <option value=\"zscore\" selected>Z-score (centrer &#038; r\u00e9duire)<\/option>\r\n                    <option value=\"center\">Centrer uniquement<\/option>\r\n                    <option value=\"none\">Aucune<\/option>\r\n                  <\/select>          \r\n                  <button id=\"PCArun\" class=\"btn btn-warning\" >Calculer<\/button>\r\n                  <div>\r\n                    Standardiser les donn\u00e9es (centrer-r\u00e9duire) <input type=\"checkbox\" \/>                    \r\n                    <label>Composantes \u00e0 garder<\/label>\r\n                    <input id=\"k\" type=\"number\" value=\"2\" min=\"1\" step=\"1\" style=\"width:40px;\"\/>\r\n                  <\/div>            \r\n                  \r\n                  <span id=\"status\" class=\"badge\">Pr\u00eat<\/span>\r\n              <\/div>\r\n              <div style=\"height:200px; width: 30%;\">\r\n                <label>Variable<\/label>\r\n                <button  onclick=\"supprimer_element_liste('liste_variables_ACP');\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Suppression de la variable\" class=\"btn btn-danger\" style=\"font-size: 12px;\"><i class=\"fa fa-trash\"><\/i><\/button>\r\n                <div id=\"liste_variables_ACP\" class=\"liste_variables_ACP fen_arrondie\"><\/div>  \r\n              <\/div>\r\n          <\/div>\r\n          <section class=\"card\">\r\n            <div id=\"plots\">\r\n              <div class=\"panel panel-1\" data-panel=\"1\">\r\n                <div class=\"badge\">R\u00e9sultats <\/div>\r\n                <div id=\"boardResult\" class=\"board\">\r\n                  <div class=\"kpi\">\r\n                    <div class=\"pill\">Variance expliqu\u00e9e (PC1) <b id=\"ev1\">\u2014<\/b><\/div>\r\n                    <div class=\"pill\">Variance expliqu\u00e9e (PC2) <b id=\"ev2\">\u2014<\/b><\/div>\r\n                  <\/div>\r\n                  <div id=\"logs\" class=\"card\" style=\"margin-top:12px;padding:12px\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"panel panel-2\" data-panel=\"2\">\r\n                <div class=\"badge\">Scores: PC1 vs PC2<\/div>\r\n                <div id=\"boardScores\" class=\"board\"><\/div>\r\n              <\/div>\r\n              <div class=\"panel panel-3\" data-panel=\"3\">\r\n                <div class=\"badge\">Biplot (charges sur PC1\u2013PC2)<\/div>\r\n                <div id=\"boardBiplot\" class=\"board\"><\/div>\r\n              <\/div>\r\n              <div class=\"panel panel-4\" data-panel=\"4\">\r\n                <div class=\"badge\">Scree plot (valeurs propres)<\/div>\r\n                <div id=\"boardScree\" class=\"board\"><\/div>\r\n              <\/div>\r\n            <\/div>    \r\n          <\/section> \r\n          <section class=\"card\" style=\"display:none\">\r\n            Matrice de Corr\u00e9lation entre les donn\u00e9es (variance et co-variance) \r\n          <\/section>\r\n      <\/div>\r\n      <\/div>\r\n    <\/div>   <!-- fin de LEFT  -->\r\n\r\n    <!----  PARTIE RIGHT      -->\r\n    \r\n\r\n\r\n    <div id=\"RIGHT\" class=\"right fen_arrondie \" style=\"height:970px;text-align:center;padding : 10px\"> \r\n      <div class=\"tab-buttons-2\">\r\n        <button class=\"tab-button active\" onclick=\"affiche_composition('parametres',event)\">\ud83d\udcc8 Param\u00e8tres<\/button>\r\n        <button class=\"tab-button\" onclick=\"affiche_composition('composition',event)\">\ud83d\udcca Composition<\/button>\r\n        <button class=\"tab-button\" onclick=\"affiche_composition('configuration',event)\">\ud83d\udce4 Configuration<\/button>\r\n      <\/div>\r\n      <div id=\"parametre_trace\" style=\"height:370px;\" class=\"left fen_arrondie\">\r\n        <div class=\"row\">\r\n          <div class=\"col col-sm-2\" style=\"display:flex\">\r\n            <label class=\"title_parametres\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Saisissez l'expression de votre fonction \" >\\(\\textrm{Fonction \u00e0 d\u00e9finir }\\)<\/label>\r\n          <\/div>\r\n          <div class=\"col col-sm-9\">\r\n            <textarea id=\"fonction\"  spellcheck=\"false\" style=\"height:50px;\">x*x<\/textarea>\r\n          <\/div>\r\n          <div class=\"col col-sm-1\">\r\n            <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"G\u00e9n\u00e8re la commande dans l'\u00e9diteur\"  onclick=\"generateFunctionCommand()\"><i class=\"fa fa-arrow-circle-right\"><\/i><\/button>\r\n          <\/div>  \r\n        <\/div>\r\n        <div class=\"row\">\r\n          <div class=\"col col-sm-2\" style=\"display:flex;vertical-align: center;\">\r\n              <label class=\"title_parametres\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Saisir les options du board \u00e0 appliquer\" >\\(\\textrm{Options du Board  }\\)<\/label>\r\n            <\/div>\r\n            <div class=\"col col-sm-9\">\r\n              <textarea id=\"opt_board\" autocorrect=\"off\"  spellcheck=\"false\"><\/textarea>\r\n          <\/div>\r\n          <div class=\"col col-sm-1\">\r\n            <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Acc\u00e9s \u00e0 la fenetre de param\u00e8trage\"  onclick=\"affichage_mobile('mydivOptboard');\"><i class=\"fa fa-building\"><\/i><\/button>\r\n          <\/div>\r\n        <\/div>\r\n      \r\n        <div class=\"row\">\r\n          <div class=\"col col-sm-2\" style=\"display:flex;justify-content:space-between\">\r\n          <label class=\"title_parametres\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Saisir les options du trac\u00e9\">\\(\\textrm{Options du  Trac\u00e9  }\\) <\/label>\r\n          <\/div>\r\n            <div class=\"col col-sm-9\">\r\n          <textarea id=\"opt_trace\"  spellcheck=\"false\"><\/textarea>\r\n          <\/div>\r\n          <div class=\"col col-sm-1\">\r\n            <button   data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Acc\u00e9s \u00e0 la fenetre de param\u00e8trage\" onclick=\"affichage_mobile('mydivOpttrace');\"><i class=\"fa fa-building\"><\/i><\/button>\r\n          <\/div>  \r\n        <\/div>\r\n        <div style=\"display:flex;justify-content: space-around;\" >\r\n          <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Veuillez s\u00e9lectionner un board\" id=\"config_un\"  onclick=\"chg_mode('un');\" style=\"background:green;\" ><img decoding=\"async\" src=\"\/personnalisation\/cursilab\/traceur_v093\/images\/carre.png\" width=\"30px;\" \/><\/button>\r\n          <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Veuillez s\u00e9lectionner deux boards\" id=\"config_deux_v\" onclick=\"chg_mode('deux_v');\"><img decoding=\"async\" src=\"\/personnalisation\/cursilab\/traceur_v093\/images\/deux_v.png\" width=\"40px;\" \/><\/button>\r\n          <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Veuillez s\u00e9lectionner deux boards\" id=\"config_deux_h\" onclick=\"chg_mode('deux_h');\"><img decoding=\"async\" src=\"\/personnalisation\/cursilab\/traceur_v093\/images\/deux_h.png\" width=\"40px;\" \/><\/button>\r\n          <button data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Veuillez s\u00e9lectionner quatre boards\" id=\"config_quatre\" onclick=\"chg_mode('quatre');\"><img decoding=\"async\" src=\"\/personnalisation\/cursilab\/traceur_v093\/images\/quatrecarres.png\" width=\"40px;\" \/><\/button>\r\n        <\/div>\r\n\r\n      <\/div>  <!-- fin de la zone parametre du trace -->\r\n      <div id=\"composition\" style=\"height:370px;width:100%;background:var(--color-fg);display:none;\" class=\"left fen_arrondie\">  \r\n        <div class=\"row\">\r\n          <div class=\"col col-sm-4\">\r\n            <!-- <label class=\"title_parametres\" >$$\\textrm{Choix des variables}$$<\/label>-->\r\n            <!-- <br\/> -->\r\n            <div style=\"display:flex;justify-content: space-around;\">\r\n              <button  onclick=\"supprimer_element_liste('liste_variables');\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Suppression de la variable\" class=\"btn btn-danger\" style=\"font-size: 10px;\"><i class=\"fa fa-trash\"><\/i><\/button>\r\n              <button  onclick=\"visualiser_element_liste('liste_variables');\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Fiche d'identit\u00e9 de la variable\" class=\"btn btn-primary\"  style=\"font-size: 10px;\"><i class=\"fa fa-eye\"><\/i><\/button>\r\n              <button  onclick=\"select_all_element('liste_variables')\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Select All\" class=\"btn btn-primary\"  style=\"font-size: 10px;\"><i class=\"fa fa-square\"><\/i><\/button>\r\n              <button  onclick=\"deselect_all_element('liste_variables')\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Deselect all\" class=\"btn btn-primary\"  style=\"font-size: 10px;\"><i class=\"fa-regular fa-square\"><\/i><\/button>\r\n              <button  onclick=\"analyse_comparative('liste_variables')\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Analyse comparative\" class=\"btn btn-primary\"  style=\"font-size: 10px;\"><i class=\"fa fa-layer-group\"><\/i><\/button>\r\n            <\/div>\r\n            <div id=\"liste_variables\" style=\"margin:10px 0px 10px 15px;background:rgb(177, 215, 238);height:250px;overflow:auto;\" class=\"fen_arrondie\"><\/div>  \r\n            <label class=\"title_parametres\" >$$\\textrm{Choix des variables}$$<\/label>\r\n          <\/div>\r\n          <div class=\"col col-sm-8\">\r\n              <span class=\"title_parametres\" style=\"font-size:26px\">$$\\textrm{Fen\u00eatre de composition}$$<\/span>\r\n              <span class=\"title_parametres\">$$M\u00e9thodes$$<\/span>\r\n              <div style=\"width:100%;display:flex;justify-content:space-around\">\r\n                <span data-toggle=\"tooltip\" data-placement=\"right\"  title=\"Calcul de r\u00e9gression selon la m\u00e9thode des beziers  JXG.Math.Numerics.bezier()\" class=\"ZmethodesReg\" >$$Bezier$$<\/span>\r\n                <span data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Calcul de r\u00e9gression selon la m\u00e9thode de Lagrange\" class=\"ZmethodesReg\">$$Lagrange$$<\/span>\r\n                <span data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Calcul de r\u00e9gression selon la m\u00e9thode Polynomiale JXG.Math.Numerics.regressionPolynomial()\" class=\"ZmethodesReg\">$$Polynomiale$$<\/span>\r\n              <\/div>\r\n              <hr\/>\r\n              <!-- <div style=\"width:100%;display:flex;justify-content:space-around\">\r\n                  <span data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Calcul de r\u00e9gression\" class=\"Zmethodes\">$$Regression$$<\/span> \r\n                  <span data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Caclul de composante principale\" class=\"Zmethodes\" >$$ACP$$<\/span>\r\n              <\/div>   -->\r\n              <span class=\"title_parametres\">$$Repr\u00e9sentations$$<\/span> \r\n              <div style=\"width:100%;display:flex;justify-content:space-between\">\r\n                <button onclick=\"trace_nuageXY(event);\" id=\"nuageXY\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Nuage de points avec abcisses ou sans\" class=\"Zgraphiques\" >Nuage X\/Y<\/button>\r\n                <button onclick=\"trace_nuageY(event);\" id=\"nuageY\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Nuage de points avec abcisses ou sans\" class=\"Zgraphiques\" >Nuage Y<\/button>\r\n                <button onclick=\"trace_histo(event);\" id=\"histo\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Trac\u00e9 d'histogramme\" class=\"Zgraphiques\" >Histo<\/button>\r\n                <button onclick=\"trace_curveXY(event);\" id=\"XY\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Trac\u00e9 de X en fonction Y \" class=\"Zgraphiques\" >X\/Y<\/button>\r\n                <button onclick=\"trace_curveY(event);\" id=\"Y\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Trac\u00e9 de la fonction Y\" class=\"Zgraphiques\" >Y<\/button>\r\n              <\/div>  \r\n          <\/div>\r\n        <\/div>\r\n      <\/div> <!-- fin de la zone de composition -->\r\n      <div id=\"configuration\" style=\"height:370px;width:100%;background:var(--color-fg);;;display:none;\" class=\"left fen_arrondie\">  \r\n        <div class=\"row\">\r\n          <div class=\"col col-sm-4\">\r\n            <label class=\"title_parametres\">$$\\textrm{Tests de normalit\u00e9}$$<\/label>\r\n            <div id=\"zone_tests_normalite\" style=\"margin:10px;background:rgb(177, 215, 238);height:300px;overflow:auto;\">\r\n              <p style=\"color:red;\" class=\"methode_stats\" code=\"kurtosis\"> $$\\textrm{Kurtosis}$$<\/p>\r\n              <p style=\"color:red;\" class=\"methode_stats\" code=\"skewness\"> $$\\textrm{Skewness}$$<\/p>\r\n              <p style=\"color:red;\" class=\"methode_stats\" code=\"jarque-bera\"> $$\\textrm{Jarque-Bera}$$<\/p>\r\n              <p style=\"color:red;\" class=\"methode_stats\" code=\"lilliefors\"> $$\\textrm{Lilliefors}$$<\/p>\r\n              <p style=\"color:red;\" class=\"methode_stats\" code=\"shapiro-wilk\"> $$\\textrm{Shapiro-Wilk}$$<\/p>\r\n              <p style=\"color:red;\" class=\"methode_stats\" code=\"agostinoPearson\"> $$\\textrm{Agostino-Pearson}$$<\/p>\r\n              <p style=\"color:red;\" class=\"methode_stats\" code=\"andersonDarling\"> $$\\textrm{Anderson-Darling}$$<\/p>\r\n              <p style=\"color:red;\" class=\"methode_stats\" code=\"kolmogorov\" > $$\\textrm{Kolmogorov}$$<\/p>\r\n            <\/div>  \r\n          <\/div>\r\n          <div class=\"col col-sm-8\">\r\n            <label class=\"title_parametres\">$$\\textrm{Grandeurs compl\u00e9mentaires}$$<\/label>\r\n            <div id=\"zone_tests_normalite\" style=\"margin:10px;background:rgb(177, 215, 238);height:300px;overflow:auto;\">\r\n              <script>sagecell.makeSagecell({\"inputLocation\": \".sage1\", language:\"r\", evalButtonText: \"Valider\",autoeval:false});<\/script>\r\n              <div class=\"sage1\" style=\"text-align:left;\">\r\n              <script type=\"text\/r\">\r\nt<-0:299\r\nset.seed(100) # pour rendre l'exemple reproductible\r\ny_stationary <- rnorm(length(t),mean=0.5,sd=0.08)\r\ny_trend <- cumsum(rnorm(length(t),mean=1,sd=6))\r\ny_trend <- y_trend\/max(y_trend)\r\ny_stationary_cyclic <- sin(t\/5) + rnorm(length(t),mean=2,sd=0.3)\r\ny_stationary_cyclic <- y_stationary_cyclic\/max(y_stationary_cyclic)\r\nd <- (sin(t\/20) + 1) \r\ny_stationary_cyclic_irreg <- sin(t\/(4.5+d*0.4)) + rnorm(length(t),mean=2,sd=0.3)\r\ny_stationary_cyclic_irreg <- y_stationary_cyclic_irreg\/max(y_stationary_cyclic_irreg)\r\ny_trend_cyclic <- sin(t\/5) * 20 + cumsum(rnorm(length(t),mean=1,sd=2.5))\r\ny_trend_cyclic <- y_trend_cyclic\/max(y_trend_cyclic)\r\n              <\/script>\r\n\r\n<!-- r.summary(r.c(1,2,3,111,2,3,2,3,2,5,4)) -->\r\n\r\n\r\n              <\/div>\r\n            <\/div>  \r\n          <\/div>\r\n          <!-- <div class=\"col col-sm-4\">\r\n            <label>$$\\textrm{Tests de stationnarit\u00e9}$$<\/label>\r\n            <div id=\"zone_tests_stationnarite\" style=\"margin:10px;background:rgb(177, 215, 238);height:300px;overflow:auto;\">\r\n              <p class=\"methode_stationnarites\" code=\"dickeyfuller\"> $$\\textrm{Dickey-Fuller}$$<\/p>\r\n              <p class=\"methode_stationnarites\" code=\"phillipsperron\"> $$\\textrm{Phillips-Perron}$$<\/p>\r\n              <p class=\"methode_stationnarites\" code=\"dfgls\"> $$\\textrm{DF-GLS}$$<\/p>              \r\n            <\/div>  \r\n          <\/div> -->\r\n\r\n        <\/div>\r\n      <\/div> <!-- fin de la zone de composition -->\r\n\r\n      <div id=\"editor\" style=\"text-align:center;width:100%;\">\r\n        <!-- <div class=\"row\"> -->\r\n          <div style=\"background:#a7c3d4;margin:1px;\" class=\"fen_mi_arrondie_haut\" >\r\n            <label class=\"title_parametres\";>$$\\textrm{Commande du Trac\u00e9}$$<\/label>\r\n            <!-- <button  data-animation=true data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Importation de donn\u00e9s externes\"  onclick=\"charge_parametres('import');\" class=\"btn-toolsE\"><i class=\"fa fa-upload\"><\/i><\/button>-->\r\n            <button  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Sauvegarde de votre contexte\" onclick=\"save_script();\" class=\"btn-toolsE\"><i class=\"fa fa-save\" ><\/i><\/button>\r\n            <button  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Export en format HTML ou PDF\"  onclick=\"export_script();\"class=\"btn-toolsE\" ><i class=\"fa fa-file-export\"><\/i><\/button>\r\n            <button  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Efface la partie code\"  title=\"efface le code\" onclick=\"erase_script();\" class=\"btn-toolsE\"><i class=\"fa fa-trash\"><\/i><\/button>\r\n            <!-- <button  id=\"btnUndo\"  title=\"Undo\" class=\"btn btn-outline-secondary\" ><i class=\"fa fa-undo\"><\/i><\/button>\t -->\r\n\r\n            <button  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Ajout des instructions JS  pour le slider\"  id=\"btnSLiders\" onclick=\"add_slider();\" title=\"Slider\"  class=\"btn-toolsE\"><i class=\"fa fa-sliders\"><\/i><\/button>\t\r\n            <button  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Efface le board\"  title=\"Efface le trac\u00e9\" onclick=\"charge_parametres('graphe');clearBoard();\" class=\"btn-toolsG\"><i class=\"fa fa-eraser\"><\/i><\/button>            \r\n            <button  data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Interpr\u00e9te le code pour effectuer le trac\u00e9\" onclick=\"fct_trace();\" title=\"Slider\" class=\"btn-toolsG\"><i class=\"fa fa-arrow-circle-right\"><\/i><\/button>\t\r\n          <\/div>\r\n        <!-- <\/div> -->\r\n\r\n        <!-- <div id=\"Div_liste_var\" style=\"display:flex;justify-content:space-around;max-height:30px;font-size:12px;width:100%;background:lightblue\" ><\/div>         --> \r\n        <div style=\"width:100%;overflow:auto;background:lightblue\">\r\n          <div id=\"Div_liste_var\" style=\"display:flex;max-height:30px;font-size:12px;background:lightblue\" ><\/div>        \r\n        <\/div>\r\n        <div class=\"row\" style=\"text-align:left;\">\r\n          <form>\r\n            <div id=\"div-code-area\" class=\"code-block\"> \r\n              <textarea id=\"code-area\" ><\/textarea>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div> \r\n        <hr\/>\r\n        <div class=\"row\">\r\n          <div id=\"code_log\" style=\"height:50px;display:flex\">\r\n            <button  class=\"btn btn-success\" style=\"margin:-5px 10px 10px 10px;\" data-toggle=\"tooltip\" data-placement=\"top\"  title=\"Visualisation des logs\" onclick=\"affiche_log();\">Log<\/button>\r\n            <textarea style=\"width:90%;height:40px;\" disabled rows=\"90\" style=\"background-color: yellow;\" id=\"textarea-log\" ><\/textarea>\r\n          <\/div>\r\n        <\/div>  \r\n      <\/div>\r\n    <\/div> <!--  fin de la partie right-->\r\n  <\/div> <!-- fin de la partie ContainerCP -->     \r\n\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/exemplesCP.js\"><\/script>  \r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/instructions.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/config_jsgraph.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/observer.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/fct_supp.js\"><\/script>\r\n<!-- <script src=\"\/personnalisation\/cursilab\/traceur_v093\/functiondrawer2.js\"><\/script> -->\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/calculs_stationnarites.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/code_parametres.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/code_import.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/calcul_acp.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/svd.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/graphiques_EC.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/autocorrelogramme.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/acp_visu.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/scatter_matrix.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/qplot.js\"><\/script>\r\n<script src=\"\/personnalisation\/cursilab\/traceur_v093\/histo_loinormale.js\"><\/script>\r\n\r\n\r\n\n\n<script type='text\/javascript'>\nvar id = \"10196\";<\/script>\n<script type='text\/javascript' src='https:\/\/spgoo.org\/wp-content\/uploads\/winp-css-js\/10196.js?ver=1758713895'><\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10202","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/10202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spgoo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10202"}],"version-history":[{"count":2,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/10202\/revisions"}],"predecessor-version":[{"id":10224,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/10202\/revisions\/10224"}],"wp:attachment":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}