analyticsV2/distribuciones.html at main · AntonyS2005/analyticsV2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
  <head>
    <title>Gráficas de Distribuciones</title>
    <link rel="stylesheet" href="./css/bien.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
    />
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
  </head>
  <body>
    <nav class="menu">
      <div>
        <a href="index.html" class="logo">
          <img src=" img/logo.svg" alt="Logo" width="150px" />
        </a>
        <h3>Herramientas</h3>
      </div>
    </nav>
    <div class="contenido">
      <h1>Gráficas de Distribuciones</h1>
      <label for="distribucion">Selecciona la distribución:</label>
      <select id="distribucion">
        <option value="binomial">Binomial</option>
        <option value="poisson">Poisson</option>
        <option value="normal">Normal</option>
      </select>
      <div id="binomial-params" style="display: block">
        <label for="ensayos">Ensayos (n):</label>
        <input type="number" id="ensayos" value="10" /><br />
        <label for="exito">Probabilidad de éxito (p):</label>
        <input type="number" id="exito" value="0.5" step="0.01" /><br />
        <label for="exitos">Número de éxitos (k):</label>
        <input type="number" id="exitos" value="3" /><br />
        <label for="acumulado-binomial">Acumulado:</label>
        <input type="checkbox" id="acumulado-binomial" /><br />
      </div>
      <div id="poisson-params" style="display: none">
        <label for="media">Media (λ):</label>
        <input type="number" id="media" value="5" /><br />
        <label for="x">Valor (x):</label>
        <input type="number" id="x" value="4" /><br />
        <label for="acumulado-poisson">Acumulado:</label>
        <input type="checkbox" id="acumulado-poisson" /><br />
      </div>
      <div id="normal-params" style="display: none">
        <label for="media-normal">Media (μ):</label>
        <input type="number" id="media-normal" value="0" step="0.1" /><br />
        <label for="desviacion">Desviación estándar (σ):</label>
        <input type="number" id="desviacion" value="1" step="0.1" /><br />
        <label for="x-normal">Valor (x):</label>
        <input type="number" id="x-normal" value="0" step="0.1" /><br />
        <label for="acumulado-normal">Acumulado:</label>
        <input type="checkbox" id="acumulado-normal" /><br />
      </div>
      <button onclick="graficar()">Graficar</button>

      <p id="lblRespuesta"></p>
      <div id="grafica"></div>
    </div>
    <script src="js/distribuciones.js"></script>
    <script src="./js/menu.js"></script>
  </body>
</html>