{"id":1291,"date":"2025-03-29T10:51:09","date_gmt":"2025-03-29T10:51:09","guid":{"rendered":"https:\/\/bhnc.izj.unsa.ba\/?page_id=1291"},"modified":"2025-03-31T21:09:03","modified_gmt":"2025-03-31T21:09:03","slug":"bhnc-1-2025","status":"publish","type":"page","link":"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/","title":{"rendered":"BHNC &#8211; 1 &#8211; 2025"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1291\" class=\"elementor elementor-1291\">\n\t\t\t\t<div class=\"elementor-element elementor-element-454704b e-con-full e-flex e-con e-parent\" data-id=\"454704b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79a2351 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"79a2351\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Start of Corpus Statistics Page Code (v4.3 - Tooltip Fix & Mobile Opt) -->\r\n<style>\r\n  \/* --- General Styles --- *\/\r\n  .corpus-stats-page-v4 { \/* Using v4 class name as base *\/\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n    color: #333;\r\n    max-width: 1500px; \/* User's width *\/\r\n    margin: 20px auto;\r\n    padding: 25px 30px;\r\n    background-color: #ffffff;\r\n    border-radius: 8px;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09);\r\n  }\r\n\r\n  .corpus-stats-page-v4 h1 {\r\n    color: #1c9391; \/* MAIN *\/\r\n    text-align: center;\r\n    border-bottom: 2px solid #4363a4; \/* TERTIARY *\/\r\n    padding-bottom: 15px;\r\n    margin-top: 0;\r\n    margin-bottom: 40px;\r\n    font-size: 2.2em;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .corpus-stats-page-v4 h2 {\r\n    color: #1c9391; \/* MAIN *\/\r\n    text-align: center;\r\n    margin-top: 50px;\r\n    margin-bottom: 30px;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid #4363a4; \/* TERTIARY *\/\r\n    font-size: 1.8em;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .stats-section {\r\n      margin-bottom: 50px;\r\n  }\r\n\r\n  \/* --- Total Word Count Section --- *\/\r\n  .total-stats-section {\r\n    text-align: center;\r\n    background-color:; \/* Light blue tint *\/\r\n    padding: 30px 20px;\r\n    border-radius: 8px;\r\n    border: 1px solid #dbe3f0; \/* Light blue border *\/\r\n    margin-bottom: 40px;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.07);\r\n    border: 1px solid #e0e0e0;\r\n    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\r\n  }\r\n  \r\n    .total-stats-section:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 6px 15px rgba(0,0,0,0.1);\r\n  }\r\n  \r\n\r\n  .total-stats-section h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 15px;\r\n    color: #4363a4; \/* TERTIARY *\/\r\n    font-size: 1.3em;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .total-stats-section .total-counter {\r\n    font-size: 3.5em;\r\n    font-weight: 700;\r\n    color: #ba762a; \/* SECONDARY *\/\r\n    line-height: 1.1;\r\n  }\r\n\r\n  \/* --- Publication Counters Grid --- *\/\r\n  .publication-counters-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 25px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .pub-counter-item {\r\n    background-color: #ffffff;\r\n    padding: 25px;\r\n    border-radius: 6px;\r\n    text-align: center;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.07);\r\n    border: 1px solid #e0e0e0;\r\n    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\r\n  }\r\n  .pub-counter-item:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 6px 15px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .pub-counter-item .pub-type-name {\r\n    display: block;\r\n    font-weight: 600;\r\n    color: #1c9391; \/* MAIN *\/\r\n    margin-bottom: 15px;\r\n    font-size: 1.15em;\r\n  }\r\n\r\n  .pub-counter-item .counter-value {\r\n    display: block;\r\n    font-size: 2.2em;\r\n    font-weight: 600;\r\n    color: #ba762a; \/* SECONDARY *\/\r\n    margin-bottom: 10px;\r\n    line-height: 1.2;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .pub-counter-item .percentage-label {\r\n    display: block;\r\n    font-size: 1em;\r\n    font-weight: 500;\r\n    color: #4363a4; \/* TERTIARY *\/\r\n  }\r\n  .pub-counter-item .percentage-label span {\r\n      font-weight: 700;\r\n      color: #4363a4; \/* TERTIARY *\/\r\n  }\r\n\r\n\r\n  \/* --- Year Distribution Histogram --- *\/\r\n  .year-histogram-chart {\r\n    margin-top: 30px;\r\n    background-color: #fdfdfd;\r\n    padding: 30px 20px 20px 0;\r\n    border-radius: 8px;\r\n    border: 1px solid #eee;\r\n    position: relative;\r\n    display: flex;\r\n  }\r\n\r\n  \/* Y-Axis Labels *\/\r\n  .histogram-y-axis {\r\n    flex: 0 0 50px;\r\n    height: 355px;\r\n    position: relative;\r\n    border-right: 2px solid #4363a4; \/* TERTIARY *\/\r\n    margin-right: 10px;\r\n    transition: opacity 0.3s ease-out; \/* For mobile hiding *\/\r\n  }\r\n  .histogram-y-axis .axis-label {\r\n    position: absolute; right: 8px; transform: translateY(50%);\r\n    font-size: 0.8em; color: #4363a4; \/* TERTIARY *\/ font-weight: 500;\r\n  }\r\n  .histogram-y-axis .label-0 { bottom: 0%; }\r\n  .histogram-y-axis .label-2 { bottom: 16.66%; }\r\n  .histogram-y-axis .label-4 { bottom: 33.33%; }\r\n  .histogram-y-axis .label-6 { bottom: 50%; }\r\n  .histogram-y-axis .label-8 { bottom: 66.66%; }\r\n  .histogram-y-axis .label-10 { bottom: 83.33%; }\r\n  .histogram-y-axis .label-12 { bottom: 100%; transform: translate(0, 50%);}\r\n\r\n  \/* Chart Area *\/\r\n  .year-histogram-chart .chart-area-wrapper {\r\n      flex-grow: 1;\r\n      overflow-x: auto; \/* Scroll only the chart area *\/\r\n      position: relative;\r\n  }\r\n\r\n  .year-histogram-chart .chart-title-legend {\r\n      text-align: center; margin-bottom: 30px; color: #4363a4; \/* TERTIARY *\/\r\n      font-size: 1.1em; font-weight: 500; padding-left: 0; \/* Reset padding *\/\r\n      transition: padding-left 0.3s ease-out; \/* For mobile *\/\r\n  }\r\n\r\n  .year-histogram-chart .chart-area {\r\n    display: flex; align-items: flex-end; height: 350px;\r\n    min-width: 1100px; \/* Still need min-width for many bars *\/\r\n    gap: 8px; \/* Default gap *\/\r\n    border-bottom: 2px solid #4363a4; \/* TERTIARY *\/\r\n    padding-bottom: 5px; padding-left: 10px; padding-right: 10px;\r\n    transition: gap 0.3s ease-out; \/* For mobile *\/\r\n  }\r\n\r\n  .hist-bar-item {\r\n    flex: 1; display: flex; flex-direction: column; align-items: center;\r\n    justify-content: flex-end; position: relative; min-width: 25px;\r\n  }\r\n\r\n  .hist-bar-item .bar {\r\n    display: block; width: 90%; max-width: 35px; \/* Default max-width *\/\r\n    background-color: #1c9391; \/* MAIN COLOR - User preference *\/\r\n    border-radius: 4px 4px 0 0; height: 0; \/* Initial animation height *\/\r\n    transition: height 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.3s ease-in-out, max-width 0.3s ease-out;\r\n    position: relative; cursor: pointer;\r\n  }\r\n\r\n  \/* Remove coloring based on data-attributes as per user's code *\/\r\n  \/* .hist-bar-item[data-value-high=\"true\"] .bar { background-color: #1c9391; }\r\n  .hist-bar-item[data-value-mid=\"true\"] .bar { background-color: #1c9391; }\r\n  .hist-bar-item[data-value-low=\"true\"] .bar { background-color: #1c9391; } *\/\r\n\r\n  \/* Hover effect - Use SECONDARY Color *\/\r\n  .hist-bar-item:hover .bar {\r\n    background-color: #ba762a; \/* SECONDARY *\/\r\n    \/* box-shadow: 0 0 10px rgba(67, 99, 164, 0.5); Optional glow *\/\r\n  }\r\n\r\n  \/* --- Tooltip NEW STYLES --- *\/\r\n  .percentage-tooltip {\r\n      position: fixed; \/* Position relative to viewport *\/\r\n      visibility: hidden;\r\n      opacity: 0;\r\n      background-color: rgba(51, 51, 51, 0.9); \/* Slightly transparent dark *\/\r\n      color: #fff;\r\n      padding: 5px 10px;\r\n      border-radius: 4px;\r\n      font-size: 0.9em;\r\n      white-space: nowrap;\r\n      z-index: 9999; \/* Ensure it's on top *\/\r\n      pointer-events: none; \/* Prevent tooltip from blocking mouse events *\/\r\n      transition: opacity 0.2s ease-in-out;\r\n      \/* Removed bottom\/left\/transform from here, will be set by JS *\/\r\n  }\r\n   \/* No hover needed here, visibility controlled by JS *\/\r\n\r\n  .hist-bar-item .year-label {\r\n    margin-top: 8px; font-size: 0.8em; \/* Default font size *\/\r\n    font-weight: 500; color: #444; white-space: nowrap;\r\n    transition: font-size 0.3s ease-out; \/* For mobile *\/\r\n  }\r\n\r\n  \/* --- Mobile Optimizations --- *\/\r\n  @media (max-width: 767px) {\r\n      .year-histogram-chart .chart-area {\r\n          gap: 5px; \/* Smaller gap *\/\r\n          min-width: 900px; \/* Adjust min-width if needed *\/\r\n      }\r\n      .hist-bar-item .bar {\r\n          max-width: 25px; \/* Narrower bars *\/\r\n      }\r\n      .hist-bar-item .year-label {\r\n          font-size: 0.7em; \/* Smaller year labels *\/\r\n      }\r\n       .corpus-stats-page-v4 {\r\n          padding: 20px 15px; \/* Less padding on container *\/\r\n      }\r\n      .corpus-stats-page-v4 h1 { font-size: 1.8em; }\r\n      .corpus-stats-page-v4 h2 { font-size: 1.5em; }\r\n      .total-stats-section .total-counter { font-size: 2.8em; }\r\n      .pub-counter-item .counter-value { font-size: 1.8em; }\r\n  }\r\n\r\n  @media (max-width: 499px) {\r\n      \/* Hide Y-axis on very small screens *\/\r\n      .histogram-y-axis {\r\n          flex-basis: 0; \/* Effectively hide *\/\r\n          width: 0;\r\n          opacity: 0;\r\n          margin-right: 0;\r\n          border: none;\r\n          overflow: hidden; \/* Ensure no residual space *\/\r\n      }\r\n      \/* Adjust title padding when Y-axis is hidden *\/\r\n       .year-histogram-chart .chart-title-legend {\r\n          padding-left: 10px; \/* Small padding *\/\r\n      }\r\n       .year-histogram-chart {\r\n          padding-left: 10px; \/* Adjust main padding *\/\r\n      }\r\n       .year-histogram-chart .chart-area {\r\n          min-width: 600px; \/* Further adjust min-width *\/\r\n          gap: 4px;\r\n       }\r\n        .hist-bar-item .bar {\r\n            max-width: 20px;\r\n        }\r\n  }\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"corpus-stats-page-v4\"> <!-- Keep class name -->\r\n\r\n  <h1>Statistika Korpusa<\/h1> <!-- User's Title -->\r\n\r\n    <!-- Section 1: Total Word Count -->\r\n  <div class=\"stats-section total-stats-section\">\r\n    <h3>Ukupan broj rije\u010di u korpusu<\/h3>\r\n    <div class=\"total-counter animated-counter\" data-target=\"248767271\">0<\/div>\r\n  <\/div>\r\n\r\n  <!-- Section 2: Publication Counters -->\r\n  <div class=\"stats-section\">\r\n    <h2>Broj rije\u010di po vrsti publikacije<\/h2>\r\n    <div class=\"publication-counters-grid\">\r\n      <div class=\"pub-counter-item\"> <span class=\"pub-type-name\">Dnevne novine<\/span> <div class=\"counter-value animated-counter\" data-target=\"123864474\">0<\/div> <span class=\"percentage-label\">(<span>54.2%<\/span>)<\/span> <\/div>\r\n      <div class=\"pub-counter-item\"> <span class=\"pub-type-name\">Nau\u010dni \u010dasopis<\/span> <div class=\"counter-value animated-counter\" data-target=\"1213521\">0<\/div> <span class=\"percentage-label\">(<span>0.5%<\/span>)<\/span> <\/div>\r\n      <div class=\"pub-counter-item\"> <span class=\"pub-type-name\">Portal<\/span> <div class=\"counter-value animated-counter\" data-target=\"99718747\">0<\/div> <span class=\"percentage-label\">(<span>43.7%<\/span>)<\/span> <\/div>\r\n      <div class=\"pub-counter-item\"> <span class=\"pub-type-name\">Sedmi\u010dnjak<\/span> <div class=\"counter-value animated-counter\" data-target=\"3568576\">0<\/div> <span class=\"percentage-label\">(<span>1.6%<\/span>)<\/span> <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Section 3: Year Distribution Histogram -->\r\n  <div class=\"stats-section\">\r\n      <h2>Postotak rije\u010di po godini<\/h2>\r\n      <div class=\"year-histogram-chart\">\r\n          <!-- Y-Axis -->\r\n          <div class=\"histogram-y-axis\">\r\n              <span class=\"axis-label label-0\">0%<\/span>\r\n              <span class=\"axis-label label-2\">2%<\/span>\r\n              <span class=\"axis-label label-4\">4%<\/span>\r\n              <span class=\"axis-label label-6\">6%<\/span>\r\n              <span class=\"axis-label label-8\">8%<\/span>\r\n              <span class=\"axis-label label-10\">10%<\/span>\r\n              <span class=\"axis-label label-12\">12%<\/span>\r\n          <\/div>\r\n          <!-- Chart Area Wrapper -->\r\n          <div class=\"chart-area-wrapper\">\r\n              <div class=\"chart-title-legend\">Pregled distribucije rije\u010di po godinama objavljivanja<\/div>\r\n              <div class=\"chart-area\">\r\n                  <!-- Histogram Bars - NOTE: Tooltip span is now outside .bar -->\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"0.3%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.03%<\/span> <span class=\"year-label\">1987<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"0.9%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.09%<\/span> <span class=\"year-label\">1988<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"0.0%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.00%<\/span> <span class=\"year-label\">1993<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"3.3%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.33%<\/span> <span class=\"year-label\">1994<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"0.8%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.08%<\/span> <span class=\"year-label\">1996<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"0.0%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.00%<\/span> <span class=\"year-label\">1999<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"0.1%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.01%<\/span> <span class=\"year-label\">2000<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"0.3%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.03%<\/span> <span class=\"year-label\">2002<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"24.0%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">2.40%<\/span> <span class=\"year-label\">2003<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"1.2%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.12%<\/span> <span class=\"year-label\">2004<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"26.2%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">2.62%<\/span> <span class=\"year-label\">2005<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"19.7%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">1.97%<\/span> <span class=\"year-label\">2006<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"19.8%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">1.98%<\/span> <span class=\"year-label\">2007<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"21.5%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">2.15%<\/span> <span class=\"year-label\">2008<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"17.1%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">1.71%<\/span> <span class=\"year-label\">2009<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"61.8%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">6.18%<\/span> <span class=\"year-label\">2010<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"64.6%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">6.46%<\/span> <span class=\"year-label\">2011<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"43.7%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">4.37%<\/span> <span class=\"year-label\">2012<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"45.2%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">4.52%<\/span> <span class=\"year-label\">2013<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"55.2%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">5.52%<\/span> <span class=\"year-label\">2014<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"49.6%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">4.96%<\/span> <span class=\"year-label\">2015<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"50.5%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">5.05%<\/span> <span class=\"year-label\">2016<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"47.9%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">4.79%<\/span> <span class=\"year-label\">2017<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"47.5%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">4.75%<\/span> <span class=\"year-label\">2018<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"55.3%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">5.53%<\/span> <span class=\"year-label\">2019<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"58.5%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">5.85%<\/span> <span class=\"year-label\">2020<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"55.8%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">5.58%<\/span> <span class=\"year-label\">2021<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"63.2%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">6.32%<\/span> <span class=\"year-label\">2022<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-mid=\"true\" data-target-height=\"57.1%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">5.71%<\/span> <span class=\"year-label\">2023<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-high=\"true\" data-target-height=\"100%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">10.80%<\/span> <span class=\"year-label\">2024<\/span> <\/div>\r\n                  <div class=\"hist-bar-item animated-bar\" data-value-low=\"true\" data-target-height=\"0.7%\"> <span class=\"bar\"><\/span> <span class=\"percentage-tooltip\">0.07%<\/span> <span class=\"year-label\">2025<\/span> <\/div>\r\n              <\/div><!-- End Chart Area -->\r\n          <\/div><!-- End Chart Area Wrapper -->\r\n      <\/div><!-- End Histogram Chart -->\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JavaScript (v4.3 - Tooltip Follows Mouse) -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ console.log('[Statistika Debug] DOMContentLoaded event fired.');\r\n\r\n    \/\/ --- Counter Animation ---\r\n    try {\r\n      \/\/ console.log('[Statistika Debug] Initializing Counters...');\r\n      const counters = document.querySelectorAll('.animated-counter');\r\n      \/\/ console.log(`[Statistika Debug] Found ${counters.length} counter elements.`);\r\n      if (counters.length > 0) { \/* Counter Observer Code (No Change) *\/\r\n        const counterObserver = new IntersectionObserver((entries, observer) => {\r\n          entries.forEach(entry => { if (entry.isIntersecting) { const el = entry.target; const target = parseInt(el.getAttribute('data-target'), 10); if (!isNaN(target)) { animateCounter(el, target); } else { console.error('Invalid counter target:', el); } observer.unobserve(el); } });\r\n        }, { threshold: 0.1 });\r\n        counters.forEach(c => { c.innerText = '0'; counterObserver.observe(c); });\r\n        \/\/ console.log('[Statistika Debug] Counters observer attached.');\r\n      } \/\/ else { console.warn('[Statistika Debug] No \"animated-counter\" elements found.'); }\r\n    } catch (error) { console.error('[Statistika Debug] Error initializing counters:', error); }\r\n\r\n    \/\/ --- Histogram Bar Animation & Tooltip Logic ---\r\n    try {\r\n      \/\/ console.log('[Statistika Debug] Initializing Histogram Bars & Tooltips...');\r\n      const chartArea = document.querySelector('.year-histogram-chart .chart-area');\r\n      let chartAreaHeight = 350;\r\n      if (chartArea) { const cs = window.getComputedStyle(chartArea); chartAreaHeight = parseFloat(cs.getPropertyValue('height')) || 350; \/* console.log(`[Statistika Debug] Chart area height: ${chartAreaHeight}px`); *\/ }\r\n      \/\/ else { console.error('[Statistika Debug] Could not find .chart-area element!'); }\r\n\r\n      const barItems = document.querySelectorAll('.animated-bar');\r\n      \/\/ console.log(`[Statistika Debug] Found ${barItems.length} bar items.`);\r\n\r\n      if (barItems.length > 0) {\r\n          \/\/ Bar Height Animation Observer\r\n          const barObserver = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n              if (entry.isIntersecting) {\r\n                const barItem = entry.target;\r\n                const barElement = barItem.querySelector('.bar');\r\n                const targetHeightPercentStr = barItem.getAttribute('data-target-height');\r\n                if (barElement && targetHeightPercentStr) {\r\n                  const targetPercent = parseFloat(targetHeightPercentStr);\r\n                  if (!isNaN(targetPercent)) { const pxHeight = (targetPercent \/ 100) * chartAreaHeight; barElement.style.height = pxHeight + 'px'; \/* console.log(`Set height: ${pxHeight.toFixed(1)}px`); *\/ }\r\n                   \/\/ else { console.error('Invalid target height %:', targetHeightPercentStr); }\r\n                }\r\n                \/\/ else { console.error('Missing bar or target height:', barItem); }\r\n                observer.unobserve(barItem);\r\n              }\r\n            });\r\n          }, { threshold: 0.1 });\r\n\r\n          \/\/ Tooltip Handling\r\n          barItems.forEach(item => {\r\n            const barEl = item.querySelector('.bar');\r\n            const tooltipEl = item.querySelector('.percentage-tooltip');\r\n\r\n            \/\/ Ensure initial height is 0 for animation\r\n            if (barEl) { barEl.style.height = '0px'; }\r\n\r\n            \/\/ Observe for height animation\r\n            barObserver.observe(item);\r\n\r\n            \/\/ Add mouse events for tooltip positioning\r\n            if (barEl && tooltipEl) {\r\n                barEl.addEventListener('mouseenter', function() {\r\n                    tooltipEl.style.visibility = 'visible';\r\n                    tooltipEl.style.opacity = '1';\r\n                });\r\n\r\n                barEl.addEventListener('mousemove', function(event) {\r\n                    \/\/ Position tooltip slightly below and to the right of the cursor\r\n                    \/\/ Add scroll offset to pageX\/Y to get correct position relative to viewport\r\n                    const scrollX = window.scrollX || window.pageXOffset;\r\n                    const scrollY = window.scrollY || window.pageYOffset;\r\n                    tooltipEl.style.left = (event.pageX - scrollX + 10) + 'px'; \/\/ 10px offset right\r\n                    tooltipEl.style.top = (event.pageY - scrollY + 15) + 'px'; \/\/ 15px offset down\r\n                });\r\n\r\n                barEl.addEventListener('mouseleave', function() {\r\n                    tooltipEl.style.visibility = 'hidden';\r\n                    tooltipEl.style.opacity = '0';\r\n                });\r\n            }\r\n          });\r\n          \/\/ console.log('[Statistika Debug] Bars observer & tooltip listeners attached.');\r\n      } \/\/ else { console.warn('[Statistika Debug] No \"animated-bar\" elements found.'); }\r\n\r\n    } catch (error) { console.error('[Statistika Debug] Error initializing histogram bars:', error); }\r\n\r\n  }); \/\/ End DOMContentLoaded\r\n\r\n  \/\/ --- Helper Functions (Counter animation - no change) ---\r\n  function formatNumber(num) { if (typeof num !== 'number' || isNaN(num)) { return '0'; } return num.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\"); }\r\n  function animateCounter(el, target) { try { let current = 0; const duration = 1500; const stepTime = 20; const steps = Math.max(1, duration \/ stepTime); const increment = Math.max(1, Math.ceil(target \/ steps)); const initialDelay = Math.random() * 200 + 50; if (el.animationTimer) { clearInterval(el.animationTimer); } setTimeout(() => { el.animationTimer = setInterval(() => { current += increment; if (current >= target) { el.innerText = formatNumber(target); clearInterval(el.animationTimer); el.animationTimer = null; } else { el.innerText = formatNumber(current); } }, stepTime); }, initialDelay); } catch(error) { console.error('Err animateCounter:', error); el.innerText = formatNumber(target); } }\r\n\r\n})();\r\n<\/script>\r\n<!-- End of Corpus Statistics Page Code (v4.3) -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Statistika Korpusa Ukupan broj rije\u010di u korpusu 0 Broj rije\u010di po vrsti publikacije Dnevne novine 0 (54.2%) Nau\u010dni \u010dasopis 0 (0.5%) Portal 0 (43.7%) Sedmi\u010dnjak 0 (1.6%) Postotak rije\u010di po godini 0% 2% 4% 6% 8% 10% 12% Pregled distribucije rije\u010di po godinama objavljivanja 0.03% 1987 0.09% 1988 0.00% 1993 0.33% 1994 0.08% 1996 0.00% [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1291","page","type-page","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>BHNC - 1 - 2025 - Bosanskohercegova\u010dki nacionalni korpus<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BHNC - 1 - 2025 - Bosanskohercegova\u010dki nacionalni korpus\" \/>\n<meta property=\"og:description\" content=\"Statistika Korpusa Ukupan broj rije\u010di u korpusu 0 Broj rije\u010di po vrsti publikacije Dnevne novine 0 (54.2%) Nau\u010dni \u010dasopis 0 (0.5%) Portal 0 (43.7%) Sedmi\u010dnjak 0 (1.6%) Postotak rije\u010di po godini 0% 2% 4% 6% 8% 10% 12% Pregled distribucije rije\u010di po godinama objavljivanja 0.03% 1987 0.09% 1988 0.00% 1993 0.33% 1994 0.08% 1996 0.00% [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/\" \/>\n<meta property=\"og:site_name\" content=\"Bosanskohercegova\u010dki nacionalni korpus\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-31T21:09:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/en\\\/bhnc-1-2025\\\/\",\"url\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/en\\\/bhnc-1-2025\\\/\",\"name\":\"BHNC - 1 - 2025 - Bosanskohercegova\u010dki nacionalni korpus\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/#website\"},\"datePublished\":\"2025-03-29T10:51:09+00:00\",\"dateModified\":\"2025-03-31T21:09:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/en\\\/bhnc-1-2025\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/en\\\/bhnc-1-2025\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/en\\\/bhnc-1-2025\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BHNC &#8211; 1 &#8211; 2025\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/#website\",\"url\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/\",\"name\":\"Bosanskohercegova\u010dki nacionalni korpus\",\"description\":\"BHNC\",\"publisher\":{\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/#organization\",\"name\":\"Bosanskohercegova\u010dki nacionalni korpus\",\"url\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-BHNC_Logo_with_text.png\",\"contentUrl\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-BHNC_Logo_with_text.png\",\"width\":1576,\"height\":512,\"caption\":\"Bosanskohercegova\u010dki nacionalni korpus\"},\"image\":{\"@id\":\"https:\\\/\\\/bhnc.izj.unsa.ba\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"BHNC - 1 - 2025 - Bosanskohercegova\u010dki nacionalni korpus","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/","og_locale":"en_GB","og_type":"article","og_title":"BHNC - 1 - 2025 - Bosanskohercegova\u010dki nacionalni korpus","og_description":"Statistika Korpusa Ukupan broj rije\u010di u korpusu 0 Broj rije\u010di po vrsti publikacije Dnevne novine 0 (54.2%) Nau\u010dni \u010dasopis 0 (0.5%) Portal 0 (43.7%) Sedmi\u010dnjak 0 (1.6%) Postotak rije\u010di po godini 0% 2% 4% 6% 8% 10% 12% Pregled distribucije rije\u010di po godinama objavljivanja 0.03% 1987 0.09% 1988 0.00% 1993 0.33% 1994 0.08% 1996 0.00% [&hellip;]","og_url":"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/","og_site_name":"Bosanskohercegova\u010dki nacionalni korpus","article_modified_time":"2025-03-31T21:09:03+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/","url":"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/","name":"BHNC - 1 - 2025 - Bosanskohercegova\u010dki nacionalni korpus","isPartOf":{"@id":"https:\/\/bhnc.izj.unsa.ba\/#website"},"datePublished":"2025-03-29T10:51:09+00:00","dateModified":"2025-03-31T21:09:03+00:00","breadcrumb":{"@id":"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bhnc.izj.unsa.ba\/en\/bhnc-1-2025\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bhnc.izj.unsa.ba\/"},{"@type":"ListItem","position":2,"name":"BHNC &#8211; 1 &#8211; 2025"}]},{"@type":"WebSite","@id":"https:\/\/bhnc.izj.unsa.ba\/#website","url":"https:\/\/bhnc.izj.unsa.ba\/","name":"Bosnian-Herzegovinian National Corpus","description":"BHNC","publisher":{"@id":"https:\/\/bhnc.izj.unsa.ba\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bhnc.izj.unsa.ba\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/bhnc.izj.unsa.ba\/#organization","name":"Bosnian-Herzegovinian National Corpus","url":"https:\/\/bhnc.izj.unsa.ba\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/bhnc.izj.unsa.ba\/#\/schema\/logo\/image\/","url":"https:\/\/bhnc.izj.unsa.ba\/wp-content\/uploads\/2024\/12\/cropped-BHNC_Logo_with_text.png","contentUrl":"https:\/\/bhnc.izj.unsa.ba\/wp-content\/uploads\/2024\/12\/cropped-BHNC_Logo_with_text.png","width":1576,"height":512,"caption":"Bosanskohercegova\u010dki nacionalni korpus"},"image":{"@id":"https:\/\/bhnc.izj.unsa.ba\/#\/schema\/logo\/image\/"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Benjamin Bandi\u0107","author_link":"https:\/\/bhnc.izj.unsa.ba\/en\/author\/benjamin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Statistika Korpusa Ukupan broj rije\u010di u korpusu 0 Broj rije\u010di po vrsti publikacije Dnevne novine 0 (54.2%) Nau\u010dni \u010dasopis 0 (0.5%) Portal 0 (43.7%) Sedmi\u010dnjak 0 (1.6%) Postotak rije\u010di po godini 0% 2% 4% 6% 8% 10% 12% Pregled distribucije rije\u010di po godinama objavljivanja 0.03% 1987 0.09% 1988 0.00% 1993 0.33% 1994 0.08% 1996 0.00%&hellip;","_links":{"self":[{"href":"https:\/\/bhnc.izj.unsa.ba\/en\/wp-json\/wp\/v2\/pages\/1291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bhnc.izj.unsa.ba\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bhnc.izj.unsa.ba\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bhnc.izj.unsa.ba\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bhnc.izj.unsa.ba\/en\/wp-json\/wp\/v2\/comments?post=1291"}],"version-history":[{"count":61,"href":"https:\/\/bhnc.izj.unsa.ba\/en\/wp-json\/wp\/v2\/pages\/1291\/revisions"}],"predecessor-version":[{"id":1392,"href":"https:\/\/bhnc.izj.unsa.ba\/en\/wp-json\/wp\/v2\/pages\/1291\/revisions\/1392"}],"wp:attachment":[{"href":"https:\/\/bhnc.izj.unsa.ba\/en\/wp-json\/wp\/v2\/media?parent=1291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}