New visualizations for frequencies

This commit is contained in:
Inga Kirschnick
2023-07-03 11:06:43 +02:00
parent 6c31788402
commit beb157092e
7 changed files with 221 additions and 37 deletions

View File

@ -98,19 +98,19 @@
</div>
</div>
<div class="row">
<div class="col s6">
<div class="col s4">
<div class="card hoverable">
<div class="card-content">
<span class="card-title">Proportions</span>
<p>of texts within the corpus</p>
<div id="text-proportions-graphic"></div>
<div id="text-proportions-graphic" style="width:100"></div>
</div>
</div>
</div>
<div class="col s6">
<div class="col s8">
<div class="card hoverable">
<div class="card-content">
<span class="card-title"><a class="dropdown-trigger btn" data-target="frequencies-token-category-dropdown">Word<i class="material-icons right">arrow_drop_down</i></a> Frequencies</span>
<span class="card-title">Frequencies</span>
<ul id="frequencies-token-category-dropdown" class="dropdown-content">
<li><a data-token-category="word">Word</a></li>
<li><a data-token-category="lemma">Lemma</a></li>
@ -119,6 +119,11 @@
</ul>
<p>within the texts of the 5 most frequent words in the corpus</p>
<div id="frequencies-graphic"></div>
<a class="dropdown-trigger btn" data-target="frequencies-token-category-dropdown">Word<i class="material-icons right">arrow_drop_down</i></a>
<a class="btn disabled frequencies-graph-mode-button" data-graph-type="bar"><i class="material-icons">equalizer</i></a>
<a class="btn frequencies-graph-mode-button" data-graph-type="scatter"><i class="material-icons">show_chart</i></a>
<a class="btn frequencies-graph-mode-button" data-graph-type="markers"><i class="material-icons">bubble_chart</i></a>
<a class="btn-flat modal-trigger" href="#frequencies-stopwords-setting-modal"><i class="material-icons grey-text text-darken-2">settings</i></a>
</div>
</div>
</div>
@ -161,6 +166,21 @@
</div>
</div>
<div class="modal" id="frequencies-stopwords-setting-modal">
<div class="modal-content">
<h4>Settings</h4>
<p>Here you can change the stopword-lists. Add your own stopwords or change the already existing below.</p>
<div class="chips chips-placeholder stopword-input-field"></div>
<div class="row">
<div class="input-field col s3">
<select class="stopword-language-selection"></select>
<label>Stopword language select</label>
</div>
</div>
</div>
</div>
{% for extension in extensions %}
{{ extension.modals }}
{% endfor %}