epi.database/index.html at master · CVC-DAG/epi.database · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Supplementary Material – Managing Epidemics through Data</title>
<style>
    body {
        font-family: "Segoe UI", Roboto, Arial, sans-serif;
        background-color: #fafafa;
        color: #222;
        margin: 0;
        padding: 0;
        line-height: 1.6;
    }
    header {
        background: #204060;
        color: #fff;
        padding: 40px 20px;
        text-align: center;
    }
    header h1 {
        font-size: 1.8em;
        margin-bottom: 0.3em;
    }
    header h2 {
        font-weight: normal;
        font-size: 1.1em;
        opacity: 0.9;
    }
    main {
        max-width: 900px;
        margin: 40px auto;
        padding: 0 20px 40px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    h2, h3, h4 {
        color: #204060;
        margin-top: 1.5em;
    }
    a {
        color: #1a73e8;
        text-decoration: none;
    }
    a:hover {
        text-decoration: underline;
    }
    .thumb {
        display: block;
        width: 100%;
        max-width: 500px;
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        margin: 10px 0 20px;
    }
    .section {
        margin-bottom: 2em;
    }
    footer {
        background: #f0f0f0;
        text-align: center;
        padding: 20px;
        font-size: 0.9em;
        color: #555;
    }
</style>
</head>
<body>

<header>
    <h1>Supplementary Material</h1>
    <h2><em>Managing Epidemics through Data:<br>A Computational Study of Spanish Official Journals (19th–20th Century)</em></h2>
    <p>(Under Review)</p>
</header>

<main>

<section id="introduction" class="section">
    <h2>1. Introduction</h2>
    <p>
        This supplementary website provides visual and computational material accompanying the article
        <strong>“Managing Epidemics through Data: A Computational Study of Spanish Official Journals (19th–20th Century)”</strong>.
        It offers interactive and high-resolution visualizations that complement the analyses presented in the main manuscript.
        The materials include temporal and geographical perspectives on epidemic terminology as documented in Spanish official publications
        between 1677 and 1959.
    </p>
</section>

<section id="visualizations" class="section">
    <h2>2. Visualizations</h2>

    <h3>2.1 Complete Epidemic Word Evolution (1677–1959)</h3>

    <h4>2.1.1 Weekly Evolution</h4>
    <p>
        This visualization shows the weekly evolution of epidemic-related terminology across categories such as
        <em>descriptive</em>, <em>symptom</em>, and <em>manifestation</em> words.
        Click the image below or the link to access the full interactive view.
    </p>
    <a href="weeks.html" target="_blank">
        <img src="./figures/00196_weekly_1855_medida.png" alt="Weekly evolution preview" class="thumb">
    </a>
    <p><a href="weeks.html" target="_blank">Open full Weekly Evolution visualization →</a></p>

    <h4>2.1.2 Monthly Evolution</h4>
    <p>
        This section presents the aggregated monthly dynamics of the same categories, allowing the detection of longer-term
        epidemic patterns and terminological trends across centuries.
    </p>
    <a href="month.html" target="_blank">
        <img src="./figures/1855.png" alt="Monthly evolution preview" class="thumb">
    </a>
    <p><a href="month.html" target="_blank">Open full Monthly Evolution visualization →</a></p>

    <h3>2.2 Geographical Analysis</h3>
    <p>
        This section maps the geographic distribution of epidemic mentions across Spanish regions,
        based on textual extractions from official journals.
        (This component is forthcoming.)
    </p>
</section>

</main>

<footer>
    &copy; Paper under review, please, do not distribute.
</footer>

</body>
</html>