diff --git a/pom.xml b/pom.xml
index ba381eb0..4ea8cf87 100644
--- a/pom.xml
+++ b/pom.xml
@@ -46,6 +46,7 @@
     <bootstrap-select.version>1.13.18</bootstrap-select.version>
     <bootstrap.version>4.4.1</bootstrap.version>
     <cargo.container>tomcat10x</cargo.container>
+    <charts.common.version>2.2</charts.common.version>
     <font-awesome.version>5.13.0</font-awesome.version>
     <jakarta.xml.bind.version>3.0.1</jakarta.xml.bind.version>
     <jquery.ui.version>1.13.2</jquery.ui.version>
@@ -149,6 +150,11 @@
       <name>Central Portal Snapshots</name>
       <url>https://central.sonatype.com/repository/maven-snapshots/</url>
     </repository>
+    <repository>
+      <id>gitlab-maven-releases</id>
+      <name>git.thulb.uni-jena.de</name>
+      <url>https://git.thulb.uni-jena.de/api/v4/projects/98/packages/maven</url>
+    </repository>
   </repositories>
 
   <pluginRepositories>
@@ -264,6 +270,11 @@
           </exclusion>
         </exclusions>
       </dependency>
+      <dependency>
+        <groupId>de.uni-jena.thulb</groupId>
+        <artifactId>charts-common</artifactId>
+        <version>${charts.common.version}</version>
+      </dependency>
       <dependency>
         <groupId>jakarta.xml.ws</groupId>
         <artifactId>jakarta.xml.ws-api</artifactId>
@@ -329,11 +340,6 @@
         <artifactId>font-awesome</artifactId>
         <version>${font-awesome.version}</version>
       </dependency>
-      <dependency>
-        <groupId>org.webjars</groupId>
-        <artifactId>highcharts</artifactId>
-        <version>5.0.1</version>
-      </dependency>
       <dependency>
         <groupId>org.webjars</groupId>
         <artifactId>highlightjs</artifactId>
diff --git a/ubo-common/pom.xml b/ubo-common/pom.xml
index afd34f7d..ba4f85ab 100644
--- a/ubo-common/pom.xml
+++ b/ubo-common/pom.xml
@@ -369,6 +369,11 @@
       <artifactId>commons-discovery</artifactId>
       <scope>runtime</scope>
     </dependency>
+    <dependency>
+      <groupId>de.uni-jena.thulb</groupId>
+      <artifactId>charts-common</artifactId>
+      <scope>runtime</scope>
+    </dependency>
     <dependency>
       <groupId>jakarta.xml.ws</groupId>
       <artifactId>jakarta.xml.ws-api</artifactId>
@@ -465,11 +470,6 @@
       <artifactId>font-awesome</artifactId>
       <scope>runtime</scope>
     </dependency>
-    <dependency>
-      <groupId>org.webjars</groupId>
-      <artifactId>highcharts</artifactId>
-      <scope>runtime</scope>
-    </dependency>
     <dependency>
       <groupId>org.webjars</groupId>
       <artifactId>highlightjs</artifactId>
diff --git a/ubo-common/src/main/resources/META-INF/resources/statistics.xml b/ubo-common/src/main/resources/META-INF/resources/statistics.xml
index 71dd3814..8d8add6e 100644
--- a/ubo-common/src/main/resources/META-INF/resources/statistics.xml
+++ b/ubo-common/src/main/resources/META-INF/resources/statistics.xml
@@ -1,11 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<webpage lastModified="$Date: 2017-02-10 07:55:23 +0100 (Fr, 10 Feb 2017) $" id="dozbib.stats">
+<webpage lastModified="$Date: 2017-02-10 07:55:23 +0100 (Fr, 10 Feb 2017) $" id="dozbib.stats"  xmlns:i18n="http://www.mycore.org/i18n">
   <title xml:lang="de">Statistiken über alle verzeichneten Publikationen</title>
   <title xml:lang="en">Statistics for all publications listed here</title>
 
-  <script src="webjars/highcharts/5.0.1/highcharts.src.js" type="text/javascript"></script>
-  <script src="webjars/highcharts/5.0.1/themes/grid.js" type="text/javascript"></script>
+  <script src="assets/echarts/dist/echarts.js"/>
 
   <div id="chartDialog" />
 
@@ -31,36 +30,19 @@
     </div>
   </article>
 
-  <xinclude uri="xslStyle:statistics-oa:solr:q=status%3Aconfirmed+AND+year%3A[2021+TO+2024]&amp;rows=0&amp;json.facet=%7Byear%3A%7Btype%3Aterms,field%3Ayear,sort%3A%7Bindex%3Aasc%7D,facet%3A%7Boa%3A%7Btype%3Aterms,field%3Aoa,sort%3A%7Bindex%3Aasc%7D%7D%7D%7D%7D" />
+  <xinclude uri="xslStyle:charts/bar-stacked-oa-chart:solr:requestHandler:select:q=status%3Aconfirmed+AND+year%3A[2021+TO+2024]&amp;rows=0&amp;json.facet=%7Byear%3A%7Btype%3Aterms,field%3Ayear,sort%3A%7Bindex%3Aasc%7D,facet%3A%7Boa%3A%7Btype%3Aterms,field%3Aoa_exact,sort%3A%7Bindex%3Aasc%7D%7D%7D%7D%7D"/>
+  <xinclude uri="xslStyle:charts/bar-chart?horizontal=false&amp;facet=year:solr:requestHandler:select:q=status%3Aconfirmed+AND+year%3A%5B2000+TO+*%5D&amp;rows=0&amp;facet.field=year"/>
+  <xinclude uri="xslStyle:charts/bar-chart?facet=subject:solr:requestHandler:select:q=status%3Aconfirmed&amp;rows=0&amp;facet.field=subject"/>
+  <xinclude uri="xslStyle:charts/pie-chart?classification=ubogenre&amp;facet=genre:solr:requestHandler:select:q=status%3Aconfirmed&amp;rows=0&amp;facet.field=genre"/>
 
-  <xinclude uri="xslStyle:statistics:solr:q=status%3Aconfirmed+AND+year%3A%5B2000+TO+*%5D&amp;rows=0&amp;facet.field=year" />
-  <xinclude uri="xslStyle:statistics:solr:q=status%3Aconfirmed&amp;rows=0&amp;facet.field=subject" />
-  <xinclude uri="xslStyle:statistics:solr:q=status%3Aconfirmed&amp;rows=0&amp;facet.field=genre" />
-
-  <article class="card mb-3" xml:lang="de">
-    <div class="card-body">
-      <h3>Am häufigsten verzeichnete Personen (nur mit UDE LSF Zuordnung, Top 50, in Publikationen ab 2015):</h3>
-    <xinclude uri="xslStyle:statistics:solr:q=status%3Aconfirmed+AND+year%3A%5B2015+TO+*%5D&amp;rows=0&amp;facet.field=nid_connection&amp;facet.limit=50" />
-    </div>
-  </article>
-  <article class="card mb-3" xml:lang="en">
-    <div class="card-body">
-      <h3>Most frequently listed staff (University members only that are linked to HIS LSF, top 50, in publications from 2015):</h3>
-    <xinclude uri="xslStyle:statistics:solr:q=status%3Aconfirmed+AND+year%3A%5B2015+TO+*%5D&amp;rows=0&amp;facet.field=nid_connection&amp;facet.limit=50" />
-    </div>
-  </article>
-
-  <article class="card" xml:lang="de">
-    <div class="card-body">
-      <h3>In Publikationen verwendete Autoren-Identifikatoren:</h3>
-      <xinclude uri="xslStyle:statistics:solr:q=objectKind%3Aname&amp;rows=0&amp;facet.pivot=name_id_type,name_id_type" />
-    </div>
-  </article>
-  <article class="card" xml:lang="en">
+  <article class="card mb-3">
     <div class="card-body">
-      <h3>Author identifier schemes used in publications:</h3>
-      <xinclude uri="xslStyle:statistics:solr:q=objectKind%3Aname&amp;rows=0&amp;facet.pivot=name_id_type,name_id_type" />
+      <h3>
+        <i18n:code>ChartsCommon.chart.title.nid_connection.headline</i18n:code>:
+      </h3>
+      <xinclude uri="xslStyle:charts/bar-chart?facet=nid_connection&amp;labelsFromPivot=true:solr:requestHandler:select:q=status%3Aconfirmed+AND+year%3A%5B2015+TO+*%5D&amp;rows=0&amp;facet.field=nid_connection&amp;facet.limit=50"/>
     </div>
   </article>
 
- </webpage>
+  <xinclude uri="xslStyle:statistics:solr:requestHandler:select:q=objectKind%3Aname&amp;rows=0&amp;facet.pivot=name_id_type,name_id_type"/>
+</webpage>
diff --git a/ubo-common/src/main/resources/config/ubo-common/messages_de.properties b/ubo-common/src/main/resources/config/ubo-common/messages_de.properties
index 50d89550..34e82249 100644
--- a/ubo-common/src/main/resources/config/ubo-common/messages_de.properties
+++ b/ubo-common/src/main/resources/config/ubo-common/messages_de.properties
@@ -1,3 +1,10 @@
+ChartsCommon.chart.title.genre                             = Publikationen / Publikationstyp
+ChartsCommon.chart.title.name_id_type.headline             = In Publikationen verwendete Autoren-Identifikatoren
+ChartsCommon.chart.title.nid_connection                    = Publikationen / Person
+ChartsCommon.chart.title.nid_connection.headline           = Am h\u00E4ufigsten verzeichnete Personen (nur mit UDE LSF Zuordnung, Top 50, in Publikationen ab 2015)
+ChartsCommon.chart.title.oa                                = Open Access?
+ChartsCommon.chart.title.subject                           = Publikationen / Fach
+ChartsCommon.chart.title.year                              = Publikationen / Erscheinungsjahr
 MCRUploadApplet.altsel                                     = oder absoluten Pfad eingeben:
 MCRUploadApplet.choose                                     = Datei(en) oder Verzeichnis(se) w\u00E4hlen
 MCRUploadApplet.dirsel                                     = Datei(en) oder Verzeichnis(se) w\u00E4hlen
diff --git a/ubo-common/src/main/resources/config/ubo-common/messages_en.properties b/ubo-common/src/main/resources/config/ubo-common/messages_en.properties
index 88efe83e..f6d27a7e 100644
--- a/ubo-common/src/main/resources/config/ubo-common/messages_en.properties
+++ b/ubo-common/src/main/resources/config/ubo-common/messages_en.properties
@@ -1,3 +1,10 @@
+ChartsCommon.chart.title.genre                             = Publications / Publication type
+ChartsCommon.chart.title.name_id_type.headline             = Author identifier schemes used in publications
+ChartsCommon.chart.title.nid_connection                    = Publications / Person
+ChartsCommon.chart.title.nid_connection.headline           = Most frequently listed staff (University members only that are linked to HIS LSF, top 50, in publications from 2015)
+ChartsCommon.chart.title.oa                                = Open Access?
+ChartsCommon.chart.title.subject                           = Publications / Subject
+ChartsCommon.chart.title.year                              = Publications / Year issued
 MCRUploadApplet.altsel                                     = or enter an absolute path:
 MCRUploadApplet.choose                                     = Select files or directories
 MCRUploadApplet.dirsel                                     = Select files or directories
diff --git a/ubo-common/src/main/resources/config/ubo-common/mycore.properties b/ubo-common/src/main/resources/config/ubo-common/mycore.properties
index a9bcadb3..b2a79aab 100644
--- a/ubo-common/src/main/resources/config/ubo-common/mycore.properties
+++ b/ubo-common/src/main/resources/config/ubo-common/mycore.properties
@@ -1146,6 +1146,15 @@ MCR.JPA.GloballyQuotedIdentifiers                       = true
 #MCR.ContentTransformer.modsCsl-xhtml-pdf.FontResources=fonts/FreeSerif.ttf,fonts/FreeSerifBold.ttf,fonts/FreeSerifBoldItalic.ttf,fonts/FreeSerifItalic.ttf
 MCR.URIResolver.ModuleResolver.solr-require-results=org.mycore.ubo.mail.SolrRequireResultsResolver
 
+###############
+# Statistics
+###############
+ChartsCommon.Chart.nid_connection.always.visible = true
+ChartsCommon.Chart.solr.requestHandler           = select
+ChartsCommon.Default.Statistics.Bar.Color        = %UBO.Statistics.Color.Bar%
+ChartsCommon.border.class                        = border rounded
+ChartsCommon.dataLabels.style.colors             = ['#123']
+
 ######################################################################
 #                                                                    #
 #                        UBO-Customization                           #
diff --git a/ubo-common/src/main/resources/config/ubo-common/solr/main/solr-config.json b/ubo-common/src/main/resources/config/ubo-common/solr/main/solr-config.json
index c4ec6209..797fe1e0 100644
--- a/ubo-common/src/main/resources/config/ubo-common/solr/main/solr-config.json
+++ b/ubo-common/src/main/resources/config/ubo-common/solr/main/solr-config.json
@@ -70,11 +70,13 @@
 			"defaults": {
 				"echoParams": "explicit",
 				"defType": "edismax",
+				"q.alt": "*:*",
 				"qs": "5",
 				"mm": "100%",
-				"q.op": "AND",
 				"df": "all",
-				"wt": "xml"
+				"wt": "xml",
+				"f.year.facet.limit": -1,
+				"sort":"year desc"
 			},
 			"appends": {
 				"facet.field": [
@@ -82,8 +84,11 @@
 					"subject",
 					"genre",
 					"facet_person",
-					"oa"
-				]
+					"oa",
+					"connection_nid_text",
+					"nid_connection"
+				],
+				"fq": "+objectType:mods"
 			},
 			"invariants": {
 				"fl": "",
diff --git a/ubo-common/src/main/resources/xsl/response-statistics.xsl b/ubo-common/src/main/resources/xsl/response-statistics.xsl
index a64d97d9..688ff9c2 100644
--- a/ubo-common/src/main/resources/xsl/response-statistics.xsl
+++ b/ubo-common/src/main/resources/xsl/response-statistics.xsl
@@ -6,6 +6,10 @@
   xmlns:i18n="xalan://org.mycore.services.i18n.MCRTranslation"
   exclude-result-prefixes="xsl xalan i18n">
 
+  <xsl:import href="resource:xsl/charts/bar-chart.xsl"/>
+  <xsl:import href="resource:xsl/charts/oa-chart.xsl" />
+  <xsl:import href="resource:xsl/charts/pie-chart.xsl"/>
+
   <xsl:include href="statistics.xsl" />
 
   <xsl:param name="WebApplicationBaseURL" />
@@ -16,6 +20,8 @@
         <title>
           <xsl:call-template name="page.title" />
         </title>
+
+        <script src="{$WebApplicationBaseURL}assets/echarts/dist/echarts.js"/>
       </head>
       <body>
         <xsl:apply-templates select="response" />
@@ -32,18 +38,36 @@
   </xsl:template>
 
   <xsl:template match="response" priority="1">
-    <script src="{$WebApplicationBaseURL}webjars/highcharts/5.0.1/highcharts.src.js" type="text/javascript"></script>
-    <script src="{$WebApplicationBaseURL}webjars/highcharts/5.0.1/themes/grid.js" type="text/javascript"></script>
-    
-    <div id="chartDialog" />
-    
-    <xsl:for-each select="lst[@name='facet_counts']/lst[@name='facet_fields']">
-      <xsl:apply-templates select="lst[@name='year']" />
-      <xsl:apply-templates select="lst[@name='subject']" />
-      <xsl:apply-templates select="lst[@name='genre']" />
-      <xsl:apply-templates select="lst[@name='oa']" />
-      <xsl:apply-templates select="lst[@name='facet_person']" />
-    </xsl:for-each>
-  </xsl:template>
 
+    <xsl:apply-templates select="." mode="bar-chart">
+      <xsl:with-param name="chart-title" select="document('notnull:i18n:ChartsCommon.chart.title.year')/i18n/text()"/>
+      <xsl:with-param name="facet-name" select="'year'"/>
+      <xsl:with-param name="horizontal-bars" select="'false'"/>
+    </xsl:apply-templates>
+
+    <xsl:apply-templates select="." mode="bar-chart">
+      <xsl:with-param name="chart-title" select="document('notnull:i18n:ChartsCommon.chart.title.subject')/i18n/text()"/>
+      <xsl:with-param name="facet-name" select="'subject'"/>
+      <xsl:with-param name="height" select="800"/>
+    </xsl:apply-templates>
+
+    <xsl:apply-templates select="." mode="pie-chart">
+      <xsl:with-param name="chart-title" select="document('notnull:i18n:ChartsCommon.chart.title.genre')/i18n/text()"/>
+      <xsl:with-param name="classId" select="'ubogenre'"/>
+      <xsl:with-param name="facet-name" select="'genre'"/>
+    </xsl:apply-templates>
+
+    <xsl:apply-templates select="." mode="pie-chart">
+      <xsl:with-param name="chart-title" select="document('notnull:i18n:ChartsCommon.chart.title.oa')/i18n/text()"/>
+      <xsl:with-param name="classId" select="'oa'"/>
+      <xsl:with-param name="facet-name" select="'oa'"/>
+    </xsl:apply-templates>
+
+    <xsl:apply-templates select="." mode="bar-chart">
+      <xsl:with-param name="chart-title" select="document('notnull:i18n:ChartsCommon.chart.title.nid_connection')/i18n/text()"/>
+      <xsl:with-param name="facet-name" select="'nid_connection'"/>
+      <xsl:with-param name="generate-labels-from-pivot" select="'true'"/>
+      <xsl:with-param name="height" select="1500"/>
+    </xsl:apply-templates>
+  </xsl:template>
 </xsl:stylesheet>
diff --git a/ubo-common/src/main/resources/xsl/statistics-oa.xsl b/ubo-common/src/main/resources/xsl/statistics-oa.xsl
deleted file mode 100644
index bf6d94bf..00000000
--- a/ubo-common/src/main/resources/xsl/statistics-oa.xsl
+++ /dev/null
@@ -1,183 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-
-<xsl:stylesheet version="1.0"
-  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-  xmlns:xalan="http://xml.apache.org/xalan"
-  xmlns:i18n="xalan://org.mycore.services.i18n.MCRTranslation"
-  exclude-result-prefixes="xsl xalan i18n">
-
-  <xsl:param name="CurrentLang" />
-
-  <xsl:variable name="title" select="i18n:translate('stats.oa.title')" />
-  <xsl:variable name="yAxis" select="i18n:translate('stats.count')" />
-  <xsl:variable name="ofTotal" select="i18n:translate('stats.ofTotal')" />
-  <xsl:variable name="oaGeneral" select="i18n:translate('stats.oa.unspecified')" />
-  <xsl:variable name="labelNoOA" select="i18n:translate('stats.oa.notOA')" />
-
-  <xsl:variable name="categories" select="document('classification:metadata:-1:children:oa')/mycoreclass/categories" />
-  <xsl:variable name="facets" select="/response/lst[@name='facets']/lst[@name='year']" />
-
-  <xsl:template match="/">
-    <xsl:apply-templates select="." mode="oa-statistics"/>
-  </xsl:template>
-
-  <xsl:template match="/" mode="oa-statistics">
-    <xsl:for-each select="$facets">
-      <section class="card mb-3">
-        <div class="card-body">
-          <div id="chartOA" style="width:100%; height:600px" />
-        </div>
-
-        <script type="text/javascript">
-           $(document).ready(function() {
-            Highcharts.chart( 'chartOA', {
-
-                chart: { type: 'column',
-                events: {
-                  click: function(e) {
-                    $('#chartDialog').dialog({
-                      position: 'center',
-                      width: $(window).width() - 40,
-                      height: $(window).height() - 40,
-                      draggable: false,
-                      resizable: false,
-                      modal: false
-                    });
-                    var dialogOptions = this.options;
-                    dialogOptions.chart.renderTo = 'chartDialog';
-                    dialogOptions.chart.events = null;
-                    dialogOptions.chart.zoomType = 'x';
-                    new Highcharts.Chart(dialogOptions);
-                  }
-                }
-                },
-                title: { text: '<xsl:value-of select="$title" />'    },
-                xAxis: { categories: [ <xsl:apply-templates select="arr[@name='buckets']" mode="years"/> ] },
-
-                yAxis: {
-                    min: 0,
-                    title: { text: '<xsl:value-of select="$yAxis" />' },
-                    stackLabels: {
-                        enabled: true,
-                        style: {
-                            color: ( Highcharts.defaultOptions.title.style &amp;&amp; Highcharts.defaultOptions.title.style.color ) || 'gray'
-                        }
-                    }
-                },
-                legend: {
-                    align: 'right',
-                    x: -30,
-                    verticalAlign: 'top',
-                    y: 25,
-                    floating: true,
-                    backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || 'white',
-                    borderColor: '#CCC',
-                    borderWidth: 1,
-                    shadow: false
-                },
-                tooltip: {
-                    headerFormat: '&lt;b&gt;{point.x}&lt;/b&gt;&lt;br/&gt;',
-                    pointFormat: '{series.name}: {point.y} ({point.percentage:.1f} %)&lt;br/&gt;<xsl:value-of select="$ofTotal"/> {point.stackTotal}&lt;br/&gt;'
-                },
-                plotOptions: {
-                    column: {
-                        stacking: 'normal',
-                        dataLabels: {
-                          enabled: true,
-                          allowOverlap: false,
-                          format: '{y} ({point.percentage:.1f} %)'
-                       }
-                    }
-                },
-                series: [
-                  <xsl:call-template name="seriesNoOA" />
-                  <xsl:text>, </xsl:text>
-                  <xsl:apply-templates select="$categories/category" mode="series" />
-                ]
-            });
-
-           });
-        </script>
-      </section>
-    </xsl:for-each>
-  </xsl:template>
-
-  <xsl:variable name="apos">'</xsl:variable>
-
-  <xsl:template name="seriesNoOA">
-    {
-      name: '<xsl:value-of select="$labelNoOA" />',
-      data: [
-        <xsl:for-each select="$facets/arr[@name='buckets']/lst">
-          <!-- #unspecified = #totalPub - #inCategoryOAwhichIncludesSubCat - #closedAccess -->
-          <xsl:value-of select="*[@name='count']" />
-          <xsl:for-each select="lst[@name='oa']/arr[@name='buckets']/lst[(str[@name='val']='oa') or (str[@name='val']='closed')]">
-            <xsl:text> - </xsl:text>
-            <xsl:value-of select="*[@name='count']" />
-          </xsl:for-each>
-          <xsl:if test="position() != last()">, </xsl:if>
-        </xsl:for-each>
-      ],
-      className:'<xsl:value-of select="'oa-statistic oa-statistic-unvalidated '"/>'
-    }
-  </xsl:template>
-
-  <xsl:template match="arr[@name='buckets']" mode="years">
-    <xsl:for-each select="lst">
-      <xsl:value-of select="concat($apos,*[@name='val'],$apos)" />
-      <xsl:if test="position() != last()">, </xsl:if>
-    </xsl:for-each>
-  </xsl:template>
-
-  <xsl:template match="category" mode="series">
-    <xsl:text>{ </xsl:text>
-    <xsl:apply-templates select="." mode="label" />
-    <xsl:text>, data: [</xsl:text>
-    <xsl:apply-templates select="." mode="values" />
-    <xsl:text>], className: &quot;</xsl:text>
-    <xsl:value-of select="oa-statistic "/>
-    <xsl:value-of select="concat('oa-statistic-', @ID, ' ')"/>
-    <xsl:text>&quot; }</xsl:text>
-
-    <xsl:if test="category|following::category">, </xsl:if>
-    <xsl:apply-templates select="category" mode="series" />
-  </xsl:template>
-
-  <xsl:template match="category" mode="label">
-    <xsl:value-of select="concat('name: ',$apos,label[lang($CurrentLang)]/@text,$apos)" />
-  </xsl:template>
-
-  <xsl:template match="category[@ID='oa']" mode="label">
-    <xsl:value-of select="concat('name: ',$apos,label[lang($CurrentLang)]/@text,$oaGeneral,$apos)" />
-  </xsl:template>
-
-  <xsl:template match="category" mode="values">
-    <xsl:apply-templates select="$facets/arr[@name='buckets']/lst" mode="value">
-      <xsl:with-param name="category" select="." />
-    </xsl:apply-templates>
-  </xsl:template>
-
-  <!-- output single value of a single year -->
-  <xsl:template match="lst" mode="value">
-    <xsl:param name="category" />
-
-    <xsl:choose>
-      <xsl:when test="lst[@name='oa']/arr[@name='buckets']/lst[str[@name='val']=$category/@ID]/*[@name='count']">
-        <xsl:for-each select="lst[@name='oa']/arr[@name='buckets']">
-          <xsl:value-of select="lst[str[@name='val']=$category/@ID]/*[@name='count']" /> <!-- category's value -->
-          <xsl:for-each select="lst">
-            <xsl:if test="$category/category[@ID=current()/str[@name='val']]">
-               <!-- let JavaScript substract the values of this child category -->
-              <xsl:text> - </xsl:text>
-              <xsl:value-of select="*[@name='count']" />
-            </xsl:if>
-          </xsl:for-each>
-        </xsl:for-each>
-      </xsl:when>
-      <xsl:otherwise>0</xsl:otherwise>
-    </xsl:choose>
-
-    <xsl:if test="position() != last()">, </xsl:if>
-  </xsl:template>
-
-</xsl:stylesheet>
diff --git a/ubo-common/src/main/resources/xsl/statistics.xsl b/ubo-common/src/main/resources/xsl/statistics.xsl
index 07f4ed85..fecef3ba 100644
--- a/ubo-common/src/main/resources/xsl/statistics.xsl
+++ b/ubo-common/src/main/resources/xsl/statistics.xsl
@@ -4,575 +4,54 @@
   xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
   xmlns:xalan="http://xml.apache.org/xalan"
   xmlns:i18n="xalan://org.mycore.services.i18n.MCRTranslation"
-  xmlns:encoder="xalan://java.net.URLEncoder"
-  exclude-result-prefixes="xsl xalan i18n encoder">
+  exclude-result-prefixes="xsl xalan i18n">
 
   <xsl:param name="CurrentLang" />
   <xsl:param name="ServletsBaseURL" />
   <xsl:param name="UBO.LSF.Link" />
+  <xsl:param name="ChartsCommon.border.class"/>
 
-  <xsl:param name="UBO.Statistics.Color.Bar" />
-  <xsl:param name="UBO.Statistics.Style.Labels" />
-
-  <xsl:variable name="count" select="concat(i18n:translate('stats.count'),' ',i18n:translate('ubo.publications'))" />
-
-  <xsl:template match="/response">
-    <xsl:for-each select="lst[@name='facet_counts']">
-      <xsl:apply-templates select="lst[@name='facet_fields']/lst[@name='year'][int]" />
-      <xsl:apply-templates select="lst[@name='facet_fields']/lst[@name='subject'][int]" />
-      <xsl:apply-templates select="lst[@name='facet_fields']/lst[@name='genre'][int]" />
-      <xsl:apply-templates select="lst[@name='facet_fields']/lst[@name='oa'][int]" />
-      <xsl:apply-templates select="lst[@name='facet_fields']/lst[@name='facet_person'][int]" />
-      <xsl:apply-templates select="lst[@name='facet_fields']/lst[@name='nid_connection'][int]" />
-      <xsl:apply-templates select="lst[@name='facet_pivot']/arr[@name='name_id_type,name_id_type']" />
-    </xsl:for-each>
-  </xsl:template>
-
-  <xsl:template match="lst[@name='facet_fields']/lst[@name='year']">
-    <xsl:variable name="title" select="concat(i18n:translate('ubo.publications'),' / ',i18n:translate('facets.facet.year'))" />
-
-    <section class="card mb-3">
-      <div class="card-body">
-      <div id="chartYear" style="width:100%; height:350px;" />
-
-      <script type="text/javascript">
-        $(document).ready(function() {
-          new Highcharts.Chart({
-            chart: {
-              renderTo: 'chartYear',
-              defaultSeriesType: 'column',
-              backgroundColor: 'transparent',
-              borderWidth: 0,
-              shadow: false,
-              events: {
-                click: function(e) {
-                  $('#chartDialog').dialog({
-                    position: 'center',
-                    width: $(window).width() - 80,
-                    height: $(window).height() - 80,
-                    draggable: false,
-                    resizable: false,
-                    modal: false
-                  });
-                  var dialogOptions = this.options;
-                  dialogOptions.chart.renderTo = 'chartDialog';
-                  dialogOptions.chart.events = null;
-                  dialogOptions.chart.zoomType = 'x';
-                  new Highcharts.Chart(dialogOptions);
-                }
-              }
-            },
-            title: { text: '<xsl:value-of select="$title" />' },
-            legend: { enabled: false },
-            tooltip: { formatter: function() { return '<b>' + Highcharts.dateFormat('%Y', this.point.x) +'</b>: '+ this.point.y; } },
-            xAxis: {
-              type: 'datetime',
-              dateTimeLabelFormats: { day: '%Y' }
-            },
-             yAxis: {
-               title: { text: '<xsl:value-of select="$count" />' },
-               labels: { formatter: function() { return this.value; } },
-               endOnTick: false,
-               max: <xsl:value-of select="floor(number(int[1]) * 1.05)" /> <!-- +5% -->
-             },
-             plotOptions: {
-                column: {
-                  pointPadding: 0.2,
-                  borderWidth: 0,
-                  minPointLength: 3
-                }
-             },
-             series: [{
-                  name: '<xsl:value-of select="$count" />',
-                  data: [
-                    <xsl:for-each select="int">
-                      <xsl:sort select="@name" data-type="number" order="ascending" />
-                      [Date.UTC(<xsl:value-of select="@name"/>, 0, 1), <xsl:value-of select="text()"/>]
-                      <xsl:if test="position() != last()">, </xsl:if>
-                    </xsl:for-each>
-                  ],
-                  color: '<xsl:value-of select="$UBO.Statistics.Color.Bar" />'
-              }]
-            });
-          });
-      </script>
-      </div>
-    </section>
-  </xsl:template>
-
-  <xsl:template match="lst[@name='facet_fields']/lst[@name='subject']">
-    <xsl:variable name="title" select="concat(i18n:translate('ubo.publications'),' / ',i18n:translate('facets.facet.subject'))" />
-
-    <section class="card mb-3">
-      <div class="card-body">
-        <div id="chartSubject" style="width:100%; height:{50 + count(int) * 30}px" />
-        <script type="text/javascript">
-          $(document).ready(function() {
-            new Highcharts.Chart({
-              chart: {
-                renderTo: 'chartSubject',
-                type: 'bar',
-                backgroundColor: 'transparent',
-                borderWidth: 0,
-                shadow: false,
-                events: {
-                  click: function(e) {
-                    $('#chartDialog').dialog({
-                      position: 'center',
-                      width: $(window).width() - 80,
-                      height: $(window).height() - 80,
-                      draggable: false,
-                      resizable: false,
-                      modal: false
-                    });
-                    var dialogOptions = this.options;
-                    dialogOptions.chart.renderTo = 'chartDialog';
-                    dialogOptions.chart.events = null;
-                    dialogOptions.chart.zoomType = 'x';
-                    new Highcharts.Chart(dialogOptions);
-                  }
-                }
-              },
-              title: { text: '<xsl:value-of select="$title" />' },
-              legend: { enabled: false },
-              xAxis: { categories: [
-                <xsl:for-each select="int">
-                  <xsl:sort select="text()" data-type="number" order="descending" />
-                  <xsl:variable name="url">classification:metadata:0:children:fachreferate:<xsl:value-of select="encoder:encode(current()/@name,'UTF-8')" /></xsl:variable>
-                  '<xsl:value-of select="document($url)/mycoreclass/categories/category[1]/label[@xml:lang=$CurrentLang]/@text" />'
-                  <xsl:if test="position() != last()">, </xsl:if>
-                </xsl:for-each>
-                ],
-                labels: {
-                  align: 'right',
-                  style: <xsl:value-of select="$UBO.Statistics.Style.Labels" />
-                }
-              },
-              yAxis: {
-                 title: { text: '<xsl:value-of select="$count" />' },
-                 labels: { formatter: function() { return this.value; } },
-                 endOnTick: false,
-                 max: <xsl:value-of select="floor(number(int[1]) * 1.05)" /> <!-- +5% -->
-              },
-              tooltip: { formatter: function() { return '<b>' + this.x +'</b>: '+ this.y; } },
-              plotOptions: { series: { pointWidth: 15, minPointLength: 3 } },
-              series: [{
-                name: '<xsl:value-of select="$title" />',
-                data: [
-                  <xsl:for-each select="int">
-                    <xsl:sort select="text()" data-type="number" order="descending" />
-                    <xsl:value-of select="text()"/>
-                    <xsl:if test="position() != last()">, </xsl:if>
-                  </xsl:for-each>
-                ],
-                color: '<xsl:value-of select="$UBO.Statistics.Color.Bar" />',
-                dataLabels: {
-                  enabled: true,
-                  align: 'right',
-                  formatter: function() { return this.y; },
-                  style: <xsl:value-of select="$UBO.Statistics.Style.Labels" />
-            }
-          }]
-        });
-      });
-        </script>
-      </div>
-    </section>
-  </xsl:template>
-
-  <xsl:variable name="genres" select="document('classification:metadata:-1:children:ubogenre')/mycoreclass/categories" />
-
-  <xsl:template match="lst[@name='facet_fields']/lst[@name='genre']">
-    <xsl:variable name="title" select="concat(i18n:translate('ubo.publications'),' / ',i18n:translate('facets.facet.genre'))" />
-
-    <section class="card mb-3">
-      <div class="card-body">
-        <div id="chartGenre" style="width:100%; height:350px" />
-
-        <script type="text/javascript">
-         $(document).ready(function() {
-          Highcharts.getOptions().plotOptions.pie.colors = [
-          <xsl:for-each select="int">
-            <xsl:sort select="text()" data-type="number" order="descending" />
-            <xsl:sort data-type="number" order="descending" />
-            <xsl:text>'</xsl:text>
-            <xsl:value-of select="$genres//category[@ID=current()/@name]/label[lang('x-color')]/@text" />
-            <xsl:text>'</xsl:text>
-            <xsl:if test="position() != last()">, </xsl:if>
-          </xsl:for-each>
-          ];
-          new Highcharts.Chart({
-             chart: {
-                renderTo: 'chartGenre',
-                type: 'pie',
-                backgroundColor: 'transparent',
-                borderWidth: 0,
-                shadow: false,
-                plotBackgroundColor: null,
-                plotBorderWidth: null,
-                plotShadow: false,
-                events: {
-                  click: function(e) {
-                    $('#chartDialog').dialog({
-                      position: 'center',
-                      width: $(window).width() - 80,
-                      height: $(window).height() - 80,
-                      draggable: false,
-                      resizable: false,
-                      modal: false
-                    });
-                    var dialogOptions = this.options;
-                    dialogOptions.chart.renderTo = 'chartDialog';
-                    dialogOptions.chart.events = null;
-                    dialogOptions.chart.zoomType = 'x';
-                    new Highcharts.Chart(dialogOptions);
-                  }
-                }
-             },
-             title: { text: '<xsl:value-of select="$title" />' },
-             legend: { enabled: false },
-             tooltip: {
-                formatter: function() {
-                  return '<b>'+ this.point.name +'</b>: '+ this.y;
-                }
-             },
-             plotOptions: {
-                pie: {
-                  allowPointSelect: true,
-                  cursor: 'pointer',
-                  dataLabels: {
-                     enabled: true,
-                     formatter: function() {
-                        return '<b>'+ this.point.name +'</b>: '+ this.y;
-                     }
-                  }
-                }
-             },
-             series: [{
-                  name: '<xsl:value-of select="$title" />',
-                  data: [
-                    <xsl:for-each select="int">
-                      <xsl:sort select="text()" data-type="number" order="descending" />
-                      ['<xsl:value-of select="$genres//category[@ID=current()/@name]/label[lang($CurrentLang)]/@text"/>' , <xsl:value-of select="text()"/>]
-                      <xsl:if test="position()!=last()">,</xsl:if>
-                    </xsl:for-each>
-                  ]
-             }]
-         });
-     });
-        </script>
-      </div>
-    </section>
-  </xsl:template>
-
-  <xsl:variable name="oa" select="document('classification:metadata:-1:children:oa')/mycoreclass/categories" />
-
-  <xsl:template match="lst[@name='facet_fields']/lst[@name='oa']">
-    <xsl:variable name="title">Open Access?</xsl:variable>
-
-    <section class="card mb-3">
-      <div class="card-body">
-      <div id="chartOA" style="width:100%; height:350px" />
-
-      <xsl:variable name="numOAdirect" select="int[@name='oa'] - sum(int[contains('green gold hybrid embargo bronze',@name)])" />
-      <xsl:variable name="numOther" select="/response/result/@numFound - int[@name='oa']" />
-
-      <script type="text/javascript">
-       $(document).ready(function() {
-         Highcharts.getOptions().plotOptions.pie.colors = [
-           <xsl:if test="$numOther &gt; 0">'<xsl:value-of select="$oa/../label[lang('x-color')]/@text" />',</xsl:if>
-           <xsl:for-each select="int[not(@name='oa') or ($numOAdirect &gt; 0)]">
-             <xsl:sort data-type="number" order="descending" />
-             <xsl:text>'</xsl:text>
-             <xsl:value-of select="$oa//category[@ID=current()/@name]/label[lang('x-color')]/@text" />
-             <xsl:text>'</xsl:text>
-             <xsl:if test="position() != last()">, </xsl:if>
-           </xsl:for-each>
-         ];
-         new Highcharts.Chart({
-           chart: {
-              renderTo: 'chartOA',
-              type: 'pie',
-              backgroundColor: 'transparent',
-              borderWidth: 0,
-              shadow: false,
-              plotBackgroundColor: null,
-              plotBorderWidth: null,
-              plotShadow: false,
-              defaultSeriesType: 'pie',
-              events: {
-                click: function(e) {
-                  $('#chartDialog').dialog({
-                    position: 'center',
-                    width: $(window).width() - 80,
-                    height: $(window).height() - 80,
-                    draggable: false,
-                    resizable: false,
-                    modal: false
-                  });
-                  var dialogOptions = this.options;
-                  dialogOptions.chart.renderTo = 'chartDialog';
-                  dialogOptions.chart.events = null;
-                  dialogOptions.chart.zoomType = 'x';
-                  new Highcharts.Chart(dialogOptions);
-                }
-              }
-           },
-           title: { text: '<xsl:value-of select="$title" />' },
-           legend: { enabled: false },
-           tooltip: {
-              formatter: function() {
-                return '<b>'+ this.point.name +'</b>: '+ this.y;
-              }
-           },
-           plotOptions: {
-              pie: {
-                allowPointSelect: true,
-                cursor: 'pointer',
-                dataLabels: {
-                   enabled: true,
-                   format: '<b>{point.name}</b>: {point.percentage:.1f} % ({y})'
-                }
-              }
-           },
-           series: [{
-                name: '<xsl:value-of select="$title" />',
-                data: [
-                  <xsl:if test="$numOther &gt; 0">
-                    ['nicht OA / unbekannt' , <xsl:value-of select="$numOther"/>],
-                  </xsl:if>
-
-                 <xsl:for-each select="int[not(@name='oa') or ($numOAdirect &gt; 0)]">
-                   <xsl:sort data-type="number" order="descending" />
-                   <xsl:text>['</xsl:text>
-                   <xsl:value-of select="$oa//category[@ID=current()/@name]/label[lang($CurrentLang)]/@text" />
-                   <xsl:text>', </xsl:text>
-                   <xsl:choose>
-                     <xsl:when test="@name='oa'">
-                       <xsl:value-of select="$numOAdirect" />
-                     </xsl:when>
-                     <xsl:otherwise>
-                       <xsl:value-of select="text()" />
-                     </xsl:otherwise>
-                   </xsl:choose>
-                   <xsl:text>]</xsl:text>
-                   <xsl:if test="position() != last()">, </xsl:if>
-                </xsl:for-each>
-
-                ]
-            }
-          ]
-      });
-   });
-      </script>
-      </div>
-    </section>
-  </xsl:template>
-
-  <xsl:template match="lst[@name='facet_fields']/lst[@name='facet_person']">
-    <xsl:variable name="title" select="concat(i18n:translate('ubo.publications'),' / ',i18n:translate('facets.facet.person'))" />
-
-    <section class="card">
-      <div class="card-body">
-      <div id="chartPerson" style="width:100%; height:{50 + count(int) * 30}px" />
-
-      <script type="text/javascript">
-        $(document).ready(function() {
-          new Highcharts.Chart({
-            chart: {
-              renderTo: 'chartPerson',
-              type: 'bar',
-              backgroundColor: 'transparent',
-              borderWidth: 0,
-              shadow: false,
-              events: {
-                click: function(e) {
-                  $('#chartDialog').dialog({
-                    position: 'center',
-                    width: $(window).width() - 80,
-                    height: $(window).height() - 80,
-                    draggable: false,
-                    resizable: false,
-                    modal: false
-                  });
-                  var dialogOptions = this.options;
-                  dialogOptions.chart.renderTo = 'chartDialog';
-                  dialogOptions.chart.events = null;
-                  dialogOptions.chart.zoomType = 'x';
-                  new Highcharts.Chart(dialogOptions);
-                }
-              }
-            },
-            title: { text: '<xsl:value-of select="$title" />' },
-            legend: { enabled: false },
-            xAxis: { categories: [
-              <xsl:for-each select="int">
-                <xsl:sort select="text()" data-type="number" order="descending" />
-                "<xsl:value-of select="@name"/>"
-                <xsl:if test="position() != last()">, </xsl:if>
-              </xsl:for-each>
-              ],
-              labels: {
-                align: 'right',
-                style: <xsl:value-of select="$UBO.Statistics.Style.Labels" />
-              }
-            },
-            yAxis: {
-               title: { text: '<xsl:value-of select="$count" />' },
-               labels: { formatter: function() { return this.value; } },
-               endOnTick: false,
-               max: <xsl:value-of select="floor(number(int[1]) * 1.05)" /> <!-- +5% -->
-            },
-            tooltip: { formatter: function() { return '<b>' + this.x +'</b>: '+ this.y; } },
-            plotOptions: { series: { pointWidth: 15, minPointLength: 3 } },
-            series: [{
-              name: '<xsl:value-of select="$title" />',
-              data: [
-                <xsl:for-each select="int">
-                  <xsl:sort select="text()" data-type="number" order="descending" />
-                  <xsl:value-of select="text()"/>
-                  <xsl:if test="position() != last()">, </xsl:if>
-                </xsl:for-each>
-              ],
-              color: '<xsl:value-of select="$UBO.Statistics.Color.Bar" />',
-              dataLabels: {
-                enabled: true,
-                align: 'right',
-                formatter: function() { return this.y; },
-                style: <xsl:value-of select="$UBO.Statistics.Style.Labels" />
-              }
-            }]
-          });
-        });
-      </script>
-      </div>
-    </section>
-  </xsl:template>
-
-  <xsl:template match="lst[@name='facet_fields']/lst[@name='nid_connection']">
-
-    <!-- The facet is a list of top connected Person IDs matching the restricted query, e.g. status=confirmed, year > 2012 -->
-    <!-- To find the corresponding names, build a pivot facet with Connection ID and name variants, use most frequent name  -->
-    <xsl:variable name="uri">
-       <xsl:text>solr:q=objectKind%3Aname+AND+(</xsl:text>
-       <xsl:for-each select="int">
-         <xsl:text>name_id_connection%3A</xsl:text>
-         <xsl:value-of select="@name" />
-         <xsl:if test="position() != last()">+OR+</xsl:if>
-       </xsl:for-each>
-       <xsl:text>)&amp;rows=0&amp;facet.pivot=name_id_connection,name&amp;facet.limit=</xsl:text>
-       <xsl:value-of select="count(int)" />
-    </xsl:variable>
-    <xsl:variable name="response" select="document($uri)/response" />
-    <xsl:variable name="id2name" select="$response/lst[@name='facet_counts']/lst[@name='facet_pivot']/arr[@name='name_id_connection,name']" />
-
-    <xsl:variable name="q" select="encoder:encode(/response/lst[@name='responseHeader']/lst[@name='params']/str[@name='q'],'UTF-8')" />
-
-    <xsl:variable name="title" select="concat(i18n:translate('ubo.publications'),' / ',i18n:translate('facets.facet.nid_connection'))" />
-
-    <section class="card">
-      <div class="card-body">
-      <div id="chartID" style="width:100%; height:{50 + count(int) * 30}px" />
-
-      <script type="text/javascript">
-        $(document).ready(function() {
-          new Highcharts.Chart({
-            chart: {
-              renderTo: 'chartID',
-              type: 'bar',
-              events: {
-                click: function(e) {
-                  $('#chartDialog').dialog({
-                    position: 'center',
-                    width: $(window).width() - 80,
-                    height: $(window).height() - 80,
-                    draggable: false,
-                    resizable: false,
-                    modal: false
-                  });
-                  var dialogOptions = this.options;
-                  dialogOptions.chart.renderTo = 'chartDialog';
-                  dialogOptions.chart.events = null;
-                  dialogOptions.chart.zoomType = 'x';
-                  new Highcharts.Chart(dialogOptions);
-                }
-              }
-            },
-            title: { text: '<xsl:value-of select="$title" />' },
-            legend: { enabled: false },
-            xAxis: { categories: [
-              <xsl:for-each select="int">
-                <xsl:sort select="text()" data-type="number" order="descending" />
-                <xsl:variable name="connection_id" select="@name" />
-                <xsl:variable name="name"   select="$id2name/lst[str[@name='value']=$connection_id]/arr/lst[1]/str[@name='value']" />
-                "<xsl:value-of select="$name"/>"
-                <xsl:if test="position() != last()">, </xsl:if>
-              </xsl:for-each>
-              ],
-              labels: {
-                align: 'right',
-                style: <xsl:value-of select="$UBO.Statistics.Style.Labels" />
-              }
-            },
-            yAxis: {
-               title: { text: '<xsl:value-of select="$count" />' },
-               labels: { formatter: function() { return this.value; } },
-               endOnTick: false,
-               max: <xsl:value-of select="floor(number(int[1]) * 1.05)" /> <!-- +5% -->
-            },
-            tooltip: { formatter: function() { return '<b>' + this.x +'</b>: '+ this.y; } },
-            plotOptions: { series: { pointWidth: 15, minPointLength: 3 } },
-            series: [{
-              name: '<xsl:value-of select="$title" />',
-              data: [
-                <xsl:for-each select="int">
-                  <xsl:sort select="text()" data-type="number" order="descending" />
-                  <xsl:value-of select="text()"/>
-                  <xsl:if test="position() != last()">, </xsl:if>
-                </xsl:for-each>
-              ],
-              color: '<xsl:value-of select="$UBO.Statistics.Color.Bar" />',
-              dataLabels: {
-                enabled: true,
-                align: 'right',
-                formatter: function() { return this.y; },
-                style: <xsl:value-of select="$UBO.Statistics.Style.Labels" />
-              }
-            }]
-          });
-        });
-      </script>
-      </div>
-    </section>
+  <xsl:template match="/response[result/@numFound &gt; 0]">
+    <xsl:apply-templates select="lst[@name='facet_counts']/lst[@name='facet_pivot']/arr[@name='name_id_type,name_id_type']"/>
   </xsl:template>
 
   <xsl:template match="lst/arr[@name='name_id_type,name_id_type']">
     <xsl:variable name="base" select="." />
 
-    <table class="table table-bordered">
-      <tr class="text-center">
-        <th scope="col">/</th>
-        <xsl:for-each select="$base/lst">
-          <th scope="col">
-            <xsl:value-of select="translate(str[@name='value'],'abcdefghijklmnopqrstuvwxyz','ABCDEFGHIJKLMNOPQRSTUVWXYZ')" />
-          </th>
-        </xsl:for-each>
-      </tr>
-      <xsl:for-each select="$base/lst">
-        <xsl:variable name="a" select="str[@name='value']" />
-        <tr class="text-right">
-          <th class="identifier" scope="row">
-            <xsl:value-of select="translate(str[@name='value'],'abcdefghijklmnopqrstuvwxyz','ABCDEFGHIJKLMNOPQRSTUVWXYZ')" />
-          </th>
-          <xsl:for-each select="$base/lst">
-            <xsl:variable name="b" select="str[@name='value']" />
-            <td class="identifier">
-              <xsl:value-of select="$base/lst[str[@name='value']=$a]/arr/lst[str[@name='value']=$b]/int[@name='count']" />
-            </td>
-          </xsl:for-each>
-        </tr>
-      </xsl:for-each>
-    </table>
+    <div class="mb-3 {$ChartsCommon.border.class}">
+      <article class="card">
+        <div class="card-body">
+          <h3>
+            <xsl:value-of select="i18n:translate('ChartsCommon.chart.title.name_id_type.headline')"/>
+          </h3>
+
+          <table class="table table-bordered">
+            <tr class="text-center">
+              <th scope="col">/</th>
+              <xsl:for-each select="$base/lst">
+                <th scope="col">
+                  <xsl:value-of select="translate(str[@name='value'],'abcdefghijklmnopqrstuvwxyz','ABCDEFGHIJKLMNOPQRSTUVWXYZ')" />
+                </th>
+              </xsl:for-each>
+            </tr>
+            <xsl:for-each select="$base/lst">
+              <xsl:variable name="a" select="str[@name='value']" />
+              <tr class="text-right">
+                <th class="identifier" scope="row">
+                  <xsl:value-of select="translate(str[@name='value'],'abcdefghijklmnopqrstuvwxyz','ABCDEFGHIJKLMNOPQRSTUVWXYZ')" />
+                </th>
+                <xsl:for-each select="$base/lst">
+                  <xsl:variable name="b" select="str[@name='value']" />
+                  <td class="identifier">
+                    <xsl:value-of select="$base/lst[str[@name='value']=$a]/arr/lst[str[@name='value']=$b]/int[@name='count']" />
+                  </td>
+                </xsl:for-each>
+              </tr>
+            </xsl:for-each>
+          </table>
+        </div>
+      </article>
+    </div>
   </xsl:template>
 
 </xsl:stylesheet>