<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Szlovénia Archívum - Mikor utazz?</title>
	<atom:link href="https://mikorutazz.hu/category/europa/szlovenia/feed/" rel="self" type="application/rss+xml" />
	<link>https://mikorutazz.hu/category/europa/szlovenia/</link>
	<description>Népszerű helyek időjárása</description>
	<lastBuildDate>Fri, 31 Oct 2025 08:55:58 +0000</lastBuildDate>
	<language>hu</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://mikorutazz.hu/wp-content/uploads/2025/03/logo-512.jpg</url>
	<title>Szlovénia Archívum - Mikor utazz?</title>
	<link>https://mikorutazz.hu/category/europa/szlovenia/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Maribor időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/maribor-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Wed, 22 Oct 2025 13:18:55 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Szlovénia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1487</guid>

					<description><![CDATA[<p>Maribor Szlovénia második legnagyobb városa, gazdag történelemmel és festői környezettel. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Maribor időjárását az óceáni éghajlat és a kontinentális hatások&#8230;</p>
<p>A <a href="https://mikorutazz.hu/maribor-idojarasa/">Maribor időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Maribor Szlovénia második legnagyobb városa, gazdag történelemmel és festői környezettel. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Maribor időjárását az óceáni éghajlat és a kontinentális hatások keveréke határozza meg, ami meleg nyarakat és hideg teleket eredményez. A Dráva folyó partján fekvő város Szlovénia északkeleti részén található, a borvidékekkel körülvett dombságok és az Alpok közelsége jellemzi. A város éghajlata kellemes átmenetet képez az alpesi és a pannon éghajlat között.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Évszakok</strong></h2>



<p>Maribor négy jól elkülöníthető évszakkal rendelkezik, mindegyik saját karakterisztikájával. A nyár és a tél kifejezetten eltérő, míg a tavasz és az ősz kellemes átmeneti időszakokat jelentenek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong>:</h3>



<p>A tavasz Mariborban gyorsan melegedő, változékony időjárású időszak. Az átlaghőmérséklet <strong>8-18°C</strong> között mozog. A tavasz elején még hideggel és fagyokkal kell számolni, de áprilisra már kellemes meleg napok jellemzőek. A környező domboldalakon a szőlőültetvények új életre kelnek, és a város parkjai virágba borulnak márciustól májusig.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong>:</h3>



<p>A nyár meleg, de nem forró, időnként zivataros. Az átlaghőmérséklet <strong>19-21°C</strong>, de a nappali maximum gyakran 25-28°C-ot ér el. A páratartalom mérsékelt (65-70%). Július és augusztus a legmelegebb hónapok. A nyári hónapokban gyakoriak a délutáni zivatarok és heves esőzések, különösen a hegyvidéki területek közelében.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong>:</h3>



<p>Az ősz Maribor egyik legszebb és legkellemesebb évszaka, fokozatosan hűlő hőmérséklettel és festői színekben. Az átlaghőmérséklet <strong>10-17°C</strong> között alakul. A szüret időszaka különösen népszerű, amikor a környező borvidékek aranyszínbe öltöznek. Az őszi hónapok ideálisak a természetjáráshoz és városnézéshez.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong>:</h3>



<p>A tél hideg és gyakran havas, az átlaghőmérséklet <strong>-1 és 3°C</strong> között mozog, de éjszaka gyakran -5°C alá süllyed. Fagy rendszeres, és a havazás is gyakori jelenség. A nappalok rövidek és gyakran borultak, de a havas táj varázslatos hangulatot teremt. A közeli síterepek télen népszerű célpontok.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Maribor időjárása havi bontásban</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Január</strong></h3>



<p>Január Maribor egyik leghidegebb hónapja. A nappali hőmérséklet általában 2-3°C körül mozog, míg éjszaka gyakran -3 és -5°C közé süllyedhet. Fagypont alatti hőmérséklet rendszeres, és gyakran előfordul -10°C alatti értékek is.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 2-3 óra. A nappali világosság időtartama rövid, mindössze 9 óra körül. A napkelte 7:40 körül, a napnyugta pedig már 16:30 körül van.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 40-50 mm körül mozog. A havi csapadékos napok száma 8-9, gyakran hó formájában. Havazás rendszeres jelenség januárban.</p>



<p>A relatív páratartalom 80-85% körüli, ami párás, ködös időjárást eredményez. Az égbolt többnyire borult vagy felhős.</p>



<p>Ha januárban utazol Mariborba, vigyél magaddal vastag télikabátot, meleg ruházatot, sapkát és kesztyűt. A téli csizmák és vízálló ruházat is ajánlott a havas körülmények miatt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Február</strong></h3>



<p>A február hasonló a januárhoz, de már érezhető az enyhe felmelegedés. A nappali hőmérséklet 4-5°C körülire emelkedhet, míg éjszaka -2 és -4°C körül alakul. A fagy továbbra is gyakori, de a hónap második felében már melegebb napok is előfordulnak.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 3-4 óra. A nappali világosság időtartama észrevehetően növekszik, 10 órára. A napkelte 7:15 körül, a napnyugta pedig 17:15 körül történik.</p>



<p>A csapadék mennyisége valamivel alacsonyabb, átlagosan 35-45 mm körül. A csapadékos napok száma 7-8, még mindig gyakori a hó.</p>



<p>A levegő páratartalma 75-80% körül mozog. Az égbolt gyakran borult, de a napsütéses napok száma növekszik. A februári látogatáshoz még mindig télies öltözet szükséges.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Március</strong></h3>



<p>A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 10-12°C-ot is elérhet, míg az éjszakák 1-2°C körül alakulnak. Fagyos reggelek még gyakoriak a hónap első felében.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 5 óra. A nappali világosság időtartama jelentősen megnő, 12 órára. A napkelte 6:30 körül, a napnyugta pedig 18:00 körül következik be.</p>



<p>A csapadék mennyisége növekszik, 55-65 mm körüli értékkel. A csapadékos napok száma 9-10. A hó már ritkább, inkább eső és eső-hó keverék jellemző.</p>



<p>A páratartalom 70-75% körüli értékre csökken. A márciusi időjárás változékony, réteges öltözködés ajánlott, mert a nappali és éjszakai hőmérséklet között nagy a különbség.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, jelentős felmelegedéssel. A nappali hőmérséklet 16-17°C körülire emelkedik, míg éjszaka 5-6°C körül alakul. A fagyok már ritkák, és a hónap végére már kellemes meleg napok jellemzőek.</p>



<p>A napsütéses órák száma átlagosan napi 6 óra. A nappali világosság időtartama 13,5 órára nő. A napkelte 6:00 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége magas, 65-75 mm körüli értékkel. Az esős napok száma 10-11, általában zápor formájában.</p>



<p>A levegő páratartalma 65-70% körüli. Április kellemes hónap, de változékony időjárással &#8211; érdemes esernyőt és könnyű dzsekít is magaddal vinni.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Május</strong></h3>



<p>Május a kora nyári időszak kezdete, kellemes meleg hőmérsékletekkel. A nappali értékek 21-22°C körülire emelkednek, míg éjszaka 10-11°C körül alakulnak. A hónap végére már nyárias napok jellemzőek.</p>



<p>A napsütéses órák száma tovább növekszik, átlagosan 7 óra. A nappali világosság időtartama eléri a 15 órát. A napkelte 5:30 körül, a napnyugta pedig 20:00 körül van.</p>



<p>A csapadék mennyisége a legmagasabb az évben, 85-95 mm körüli értékkel. A csapadékos napok száma 11-12, gyakran délutáni zivatarokban.</p>



<p>A páratartalom 65-70% körüli értékre emelkedik. A májusi látogatáshoz könnyű, réteges ruházat ajánlott, esernyővel és vékony dzsekivel, mert a délutáni zivatarok gyakoriak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Június</strong></h3>



<p>Június már igazi nyári hónap, kellemes meleg hőmérsékletekkel. A nappali maximum 24-25°C körülire emelkedik, míg éjszaka 13-14°C körül alakul. A nyári időjárás stabilizálódik.</p>



<p>A napsütéses órák száma eléri az éves csúcsot, átlagosan napi 8 óra. A nappali világosság időtartama eléri a maximumot, 16 órát. A napkelte rendkívül korán, 5:15 körül, a napnyugta pedig késői, 20:45 körül van.</p>



<p>A csapadék mennyisége magas marad, 90-100 mm körüli értékkel. Az esős napok száma 12-13, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom 65-70% körüli, ami kellemes. A júniusi utazáshoz könnyű nyári ruházat, esernyő és vékony dzseki ajánlott az esti órákra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Július</strong></h3>



<p>Július Maribor egyik legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 26-27°C-ot, míg az éjszakák is melegek maradnak, 15-16°C körüli értékekkel. Előfordulhatnak 30°C feletti napok is.</p>



<p>A napsütéses órák száma átlagosan napi 8,5 óra. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 15,5 óra. A napkelte 5:30 körül, a napnyugta pedig 20:30 körül következik be.</p>



<p>A csapadék mennyisége mérsékelt, 80-90 mm körüli értékkel. A csapadékos napok száma 10-11, gyakran délutáni zivatarokban.</p>



<p>A páratartalom 65-70% körüli, ami kellemes. A júliusi látogatáshoz könnyű nyári ruházat, fényvédő és napszemüveg ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Augusztus</strong></h3>



<p>Az augusztus szintén meleg, de már érezhető az ősz közelgete. A nappali hőmérséklet 25-26°C körül alakul, míg éjszaka 15°C-ra hűl le. Ez az év egyik legkellemesebbmelegebb hónapja.</p>



<p>A napsütéses órák száma napi 8 óra. A nappali világosság időtartama érezhetően csökken, 14 órára. A napkelte 6:00 körül, a napnyugta pedig 19:45 körül van.</p>



<p>A csapadék mennyisége magas, 90-100 mm körüli értékkel. A csapadékos napok száma 10-11, gyakran délutáni zivatarok.</p>



<p>A páratartalom 70-75% körüli értékre emelkedik. Az augusztusi látogatáshoz könnyű ruházat, esernyő és könnyű kabát ajánlott az esti órákra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Szeptember</strong></h3>



<p>A szeptember az ősz kezdetét és a szüreti időszakot jelzi, fokozatos lehűléssel. A nappali hőmérséklet 20-21°C körül alakul, éjszaka pedig 11-12°C-ra csökken. A hónap vége felé már hűvösebb napok jellemzőek.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 6 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 6:40 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége magas, 85-95 mm körüli értékre. A csapadékos napok száma 9-10.</p>



<p>A páratartalom 75-80% körüli. A szeptemberi látogatás kellemes, de réteges öltözködés ajánlott. Ez a szüret és a borfesztiválok ideje.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Október</strong></h3>



<p>Az október az ősz közepét jelenti, kellemes nappalokkal és hűvös éjszakákkal. A nappali hőmérséklet 14-15°C körülire csökken, míg éjszaka 6-7°C körül alakul. A hónap végére már hideg reggelek jellemzőek.</p>



<p>A napsütéses órák száma napi 4-5 óra. A nappali világosság időtartama jelentősen csökken, 11 órára. A napkelte 7:15 körülre, a napnyugta pedig 18:00 körülre tolódik.</p>



<p>A csapadék mennyisége magas, 75-85 mm körüli értékkel. A csapadékos napok száma 9-10, és az esők gyakran kitartóbbak.</p>



<p>A páratartalom 80-85% körüli értékre emelkedik, ami ködös reggeleket eredményez. Az októberi látogatáshoz melegebb kabát, esernyő és réteges ruházat ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>November</strong></h3>



<p>A november már az ősz végét és a tél közeledtét jelenti. A nappali hőmérséklet 7-8°C körülire süllyed, míg éjszaka 1-2°C körött alakul, gyakran fagypont körül. A hónap végére már fagyok jellemzőek.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 2-3 órára. A nappali világosság időtartama tovább rövidül, 9,5 órára. A napkelte 7:00 körül, a napnyugta pedig már 16:30 körül következik be.</p>



<p>A csapadék mennyisége magas, 70-80 mm körüli értékkel. A csapadékos napok száma 10-11. Az első havazások is megjelenhetnek a hónap végén.</p>



<p>A páratartalom 85-90% körüli, ami ködös, borongós időjárást eredményez. A novemberi látogatáshoz meleg kabát, esernyő és vízálló ruházat ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>December</strong></h3>



<p>A december Maribor egyik leghidegebb hónapja, télies időjárással. A nappali hőmérséklet 2-3°C körül alakul, míg éjszaka -2 és -4°C körülire süllyedhet. Fagypont alatti hőmérséklet gyakori, és a hó is rendszeres.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 2 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8,5 órát. A napkelte késői, 7:45 körüli, a napnyugta pedig korai, 16:15 körüli.</p>



<p>A csapadék mennyisége mérsékelt, 50-60 mm körüli értékkel. A csapadékos napok száma 9-10, gyakran hó formájában.</p>



<p>A levegő páratartalma 85-90% körüli. A decemberi látogatáshoz télies öltözet szükséges: vastag kabát, sapka, sál, kesztyű és meleg csizma. A karácsonyi vásárok különleges hangulatot teremtenek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Maribor havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 3 },
{ honap5: "Február", homerseklet5: 5 },
{ honap5: "Március", homerseklet5: 11 },
{ honap5: "Április", homerseklet5: 17 },
{ honap5: "Május", homerseklet5: 22 },
{ honap5: "Június", homerseklet5: 25 },
{ honap5: "Július", homerseklet5: 27 },
{ honap5: "Augusztus", homerseklet5: 26 },
{ honap5: "Szeptember", homerseklet5: 21 },
{ honap5: "Október", homerseklet5: 15 },
{ honap5: "November", homerseklet5: 8 },
{ honap5: "December", homerseklet5: 3 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



<p><em>(Havi nappali átlaghőmérséklet: a nappali órákra vonatkozó hőmérsékletek átlaga. Azt mutatja meg, milyen meleg van napközben.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar:hover {
      fill: #edbf07;
    }
    .axis text {
      font-size: 17px;
    }
    .axis-label {
      font-size: 17px;
    }
    .tooltip {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container" id="chartContainer">
    <div class="chart-title">Maribor havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: 0 },
{ honap: "Február", homerseklet: 1 },
{ honap: "Március", homerseklet: 6 },
{ honap: "Április", homerseklet: 11 },
{ honap: "Május", homerseklet: 16 },
{ honap: "Június", homerseklet: 19 },
{ honap: "Július", homerseklet: 21 },
{ honap: "Augusztus", homerseklet: 20 },
{ honap: "Szeptember", homerseklet: 16 },
{ honap: "Október", homerseklet: 11 },
{ honap: "November", homerseklet: 4 },
{ honap: "December", homerseklet: 0 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([0, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Havi átlaghőmérséklet: az egész hónapra vonatkozó összes hőmérsékleti adat átlaga, azaz minden nap minden órájának hőmérséklete beleszámít. Ez mutatja meg a teljes időszak általános klímáját.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Maribor átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 45 },
{ honap: "Február", csapadek: 40 },
{ honap: "Március", csapadek: 60 },
{ honap: "Április", csapadek: 70 },
{ honap: "Május", csapadek: 90 },
{ honap: "Június", csapadek: 95 },
{ honap: "Július", csapadek: 85 },
{ honap: "Augusztus", csapadek: 95 },
{ honap: "Szeptember", csapadek: 90 },
{ honap: "Október", csapadek: 80 },
{ honap: "November", csapadek: 75 },
{ honap: "December", csapadek: 55 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Maribor jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 83 },
{ honap11: "Február", paratartalom11: 78 },
{ honap11: "Március", paratartalom11: 73 },
{ honap11: "Április", paratartalom11: 68 },
{ honap11: "Május", paratartalom11: 68 },
{ honap11: "Június", paratartalom11: 68 },
{ honap11: "Július", paratartalom11: 68 },
{ honap11: "Augusztus", paratartalom11: 73 },
{ honap11: "Szeptember", paratartalom11: 78 },
{ honap11: "Október", paratartalom11: 83 },
{ honap11: "November", paratartalom11: 88 },
{ honap11: "December", paratartalom11: 88 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



<p>A páratartalom és a hőérzet kapcsolatáról <a href="https://mikorutazz.hu/hogyan-hat-a-paratartalom-a-hoerzetre/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz részletesebben!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>UV sugárzás Mariborban</strong></h2>



<p>Maribor mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami az északi földrajzi elhelyezkedésnek és a kontinentális éghajlatnak köszönhető. Ennek ellenére a nyári hónapokban jelentős lehet a sugárzás.</p>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong>:</h3>



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 2-3-as értéket ér el (alacsony-mérsékelt), áprilisban 4-5-re (mérsékelt), májusban pedig 6-7-es szintre (magas) emelkedik. Májusban már 30-40 perc alatt le lehet égni védelem nélkül a déli órákban.</p>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong>:</h3>



<p>A nyári hónapokban Maribor UV-indexe eléri a legmagasabb, 7-8-as értéket (magas-nagyon magas), különösen a déli órákban (11:00-15:00 között). Júliusban és augusztusban a sugárzás intenzitása miatt védelem nélkül 20-25 perc alatt lehet napégést szenvedni.</p>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong>:</h3>



<p>Az ősz elején, szeptemberben az UV-index még mérsékelt-magas, 5-6-os értékkel, majd októberre csökken 3-4-es szintre (alacsony-mérsékelt). Novemberre már csak 1-2-es értékre esik vissza (alacsony).</p>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong>:</h3>



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel. A téli napsugárzás intenzitása minimális, de a hóról való visszaverődés növelheti a sugárzást.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Védekezés az UV-sugárzás ellen</strong>:</h3>



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: Nyáron minimum SPF 30-as fényvédő használata ajánlott a nyitott bőrfelületeken.</li>



<li><strong>Megfelelő ruházat</strong>: Nyáron könnyű, de takaró ruházat, kalap és napszemüveg használata.</li>



<li><strong>Megfelelő időzítés</strong>: A szabadtéri tevékenységeket érdemes a kora reggeli vagy késő délutáni időszakra időzíteni nyáron.</li>



<li><strong>Árnyékos helyek</strong>: A déli órákban érdemes árnyékos helyeket keresni.</li>



<li><strong>Hidratálás</strong>: Különösen a nyári hónapokban fontos a megfelelő folyadékbevitel.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container4 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title4 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar4 {
      fill: #e60000;
      transition: fill 0.3s;
    }
    .bar4:hover {
      fill: #b30000;
    }
    .axis4 text {
      font-size: 17px;
    }
    .axis-label4 {
      font-size: 17px;
    }
    .tooltip4 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container4 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider4 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container4 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart4 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container4" id="chartContainer4">
    <div class="chart-title4">UV index</div>
    <div id="chart4"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container4">
    <input type="range" min="0" max="100" value="0" class="slider4" id="chartSlider4">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - UV index adatok
    const data4 = [
      { honap: "Január", uv: 1 },
{ honap: "Február", uv: 2 },
{ honap: "Március", uv: 3 },
{ honap: "Április", uv: 5 },
{ honap: "Május", uv: 7 },
{ honap: "Június", uv: 8 },
{ honap: "Július", uv: 8 },
{ honap: "Augusztus", uv: 7 },
{ honap: "Szeptember", uv: 6 },
{ honap: "Október", uv: 4 },
{ honap: "November", uv: 2 },
{ honap: "December", uv: 1 }
    ];
    // Méretek és margók beállítása
    const margin4 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width4 = 800 - margin4.left - margin4.right;
    const height4 = 400 - margin4.top - margin4.bottom;
    // SVG elem létrehozása
    const svg4 = d3.select("#chart4")
      .append("svg")
      .attr("width", width4 + margin4.left + margin4.right)
      .attr("height", height4 + margin4.top + margin4.bottom)
      .append("g")
      .attr("transform", `translate(${margin4.left},${margin4.top})`);
    // Tooltip létrehozása
    const tooltip4 = d3.select("body").append("div")
      .attr("class", "tooltip4");
    // Skálák beállítása
    const x4 = d3.scaleBand()
      .domain(data4.map(d => d.honap))
      .range([0, width4])
      .padding(0.2);
    const y4 = d3.scaleLinear()
      .domain([0, d3.max(data4, d => d.uv) + 0])
      .nice()
      .range([height4, 0]);
    // X tengely rajzolása
    svg4.append("g")
      .attr("class", "axis4")
      .attr("transform", `translate(0,${height4})`)
      .call(d3.axisBottom(x4))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis4 = svg4.append("g")
      .attr("class", "axis4")
      .call(d3.axisLeft(y4).tickSize(-width4).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis4.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis4.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg4.append("text")
      .attr("class", "axis-label4")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin4.left + 15)
      .attr("x", -height4 / 2)
      .attr("text-anchor", "middle")
      .text("UV index értéke");
    // Oszlopok rajzolása
    svg4.selectAll(".bar4")
      .data(data4)
      .enter()
      .append("rect")
      .attr("class", "bar4")
      .attr("x", d => x4(d.honap))
      .attr("width", x4.bandwidth())
      .attr("y", d => y4(d.uv))
      .attr("height", d => height4 - y4(d.uv))
      .on("mouseover", (event, d) => {
        tooltip4.style("opacity", 1)
          .html(`${d.honap}: ${d.uv}`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip4.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer4');
      const slider = document.getElementById('chartSlider4');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Szélsőséges időjárási jelenségek</strong></h2>



<p>Maribor éghajlata viszonylag kiegyensúlyozott, de néhány szélsőséges időjárási jelenség előfordulhat.</p>



<p>A <strong>téli fagyok</strong> rendszeresek december és február között, amikor a hőmérséklet -10°C alá is süllyedhet. A leghidegebb napokon akár -20°C is előfordulhat, különösen tiszta éjszakákon.</p>



<p>A <strong>havazás</strong> gyakori jelenség télen, és a város időnként jelentős hómennyiséget is kaphat. A hóviharok ritkák, de előfordulhatnak, különösen januárban és februárban.</p>



<p>A <strong>nyári zivatarok</strong> június és augusztus között gyakoriak, különösen a délutáni és esti órákban. Ezek a viharok gyakran jégesővel, erős széllel és intenzív villámokkal járnak. A zivatarok általában 1-2 órásak, de heves esőzést hozhatnak.</p>



<p>A <strong>tavaszi és őszi áradások</strong> a Dráva folyón előfordulhatnak a hóolvadás vagy tartós esőzések után. A város árvédelmi rendszere általában hatékonyan védi a belvárost.</p>



<p>A <strong>köd</strong> és a <strong>pára</strong> gyakori jelenség ősszel és télen, különösen a reggeli órákban. Novemberben és decemberben a köd napokig is eltarthat.</p>



<p>A <strong>hőhullámok</strong> ritkák, de júliusban és augusztusban előfordulhatnak 32-35°C-os napok. Ezek általában rövidek, 2-3 naposak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Mikor a legjobb Mariborba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Maribor meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen <strong>május és június</strong> között. Ilyenkor kellemes meleg hőmérséklet (20-25°C), bőséges napsütés és virágzó természet jellemzi a várost. A nappalok hosszúak, és a város parkjai, valamint a környező borvidékek lenyűgöző látványt nyújtanak. Bár a csapadék mennyisége magas lehet, az esők általában rövid délutáni záporok formájában jelentkeznek.</p>



<p>A másik kiváló időszak a <strong>kora őszi szezon</strong>, különösen <strong>szeptember és október eleje</strong>, amikor a szüret ideje van. Ez az időszak különösen népszerű a borturizmus szerelmesei körében, amikor a környező borvidékek aranyszínben pompáznak, és számos borfesztivál várja a látogatókat. A hőmérséklet kellemes (15-21°C), és a város kulturális élete fellendül.</p>



<p>A <strong>nyári hónapok</strong> (július-augusztus) szintén kedvezőek, kellemes meleg időjárással (25-27°C) és hosszú nappalokkal. Ez az időszak ideális a szabadtéri programokhoz, természetjáráshoz és a közeli hegyek felfedezéséhez. A délutáni zivatarok ellenére ez egy népszerű turistaszezon.</p>



<p>Kerülendő időszakok: A késő őszi hónapok (november) kevésbé ajánlottak a borongós, ködös időjárás, a rövid nappalok és a gyakori eső miatt. Március sem ideális a változékony időjárás és a gyakori fagyok miatt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Maribor &#8211; Utazási Idő Táblázat</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
}

thead {
background: linear-gradient(to right, #2c3e50, #4ca1af);
color: white;
}

th {
padding: 15px;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
}

td {
padding: 15px;
font-size: 18px;
}

.excellent {
background-color: #c8e6c9;
}

.excellent td {
background-color: #c8e6c9;
}

.average {
background-color: #fff9c4;
}

.average td {
background-color: #fff9c4;
}

.not-recommended {
background-color: #ffcdd2;
}

.not-recommended td {
background-color: #ffcdd2;
}

tr:hover {
opacity: 0.9;
}

tr {
border-bottom: 1px solid rgba(0,0,0,0.05);
}

tr:last-child {
border-bottom: none;
}
</style>
</head>
<body>

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="average">
<td>Január</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Február</td>
<td>Átlagos</td>
</tr>
<tr class="not-recommended">
<td>Március</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Április</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Július</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Augusztus</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Október</td>
<td>Kiváló</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>December</td>
<td>Átlagos</td>
</tr>
</tbody>
</table></div>

</body>
</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>7 napos időjárás előrejelzés</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a class="weatherwidget-io" href="https://forecast7.com/hu/46d5515d65/maribor/" data-label_1="MARIBOR" data-theme="original" >MARIBOR</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>



<p></p>
<p>A <a href="https://mikorutazz.hu/maribor-idojarasa/">Maribor időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ljubljana időjárása &#8211; mikor a legjobb a szlovén fővárosba utazni?</title>
		<link>https://mikorutazz.hu/ljubljana-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 20 Oct 2025 14:39:44 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Szlovénia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1485</guid>

					<description><![CDATA[<p>Ljubljana, Szlovénia varázslatos fővárosa, gyönyörű óvárosával és élénk kulturális életével vonzza a látogatókat. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Ljubljana időjárását a kontinentális éghajlat határozza&#8230;</p>
<p>A <a href="https://mikorutazz.hu/ljubljana-idojarasa/">Ljubljana időjárása &#8211; mikor a legjobb a szlovén fővárosba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Ljubljana, Szlovénia varázslatos fővárosa, gyönyörű óvárosával és élénk kulturális életével vonzza a látogatókat. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Ljubljana időjárását a kontinentális éghajlat határozza meg, ami meleg nyarakat és hideg teleket eredményez. A Júliai-Alpok lábánál, a Ljubljanica folyó mentén fekvő város kellemes éghajlatú, bár a négy évszak markánsan elkülönül egymástól. Az Alpok közelsége miatt az időjárás gyakran változékony lehet, különösen a tavaszi és őszi hónapokban.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Évszakok</strong></h2>



<p>Ljubljana négy jól elkülöníthető évszakkal rendelkezik, mindegyik sajátos bájjal és időjárással. A nyár meleg és napfényes, míg a tél hideg és gyakran havas. A tavasz és az ősz különösen festőiek, amikor a város parkjai és fái gyönyörű színekben pompáznak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavasz fokozatos felmelegedést hoz Ljubljanában, bár az időjárás gyakran változékony lehet. Az átlaghőmérséklet <strong>8-18°C</strong> között mozog. A márciusi reggelek még fagyosak lehetnek, de májusra már kellemes, nyárias napok jellemzőek. A természet feléled, a városban és a környező dombokon virágba borulnak a fák. A csapadék mennyisége mérsékelten magas, gyakran előfordulnak záporok.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong></h3>



<p>A nyár meleg és kellemes, de nem szélsőségesen forró. Az átlaghőmérséklet <strong>20-22°C</strong>, de a nappali maximum gyakran 26-28°C-ot ér el. A júliusi és augusztusi hőhullámok során akár 30-35°C is lehet. A páratartalom mérsékelt, az időjárás általában kellemes. A nyári hónapokban gyakran előfordulnak délutáni záporok és zivatarok, amelyek felfrissítik a levegőt. A nappalok hosszúak, bőséges napsütéssel.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong></h3>



<p>Az ősz Ljubljana egyik legszebb évszaka, aranyló levelekkel és kellemes hőmérséklettel. Az átlaghőmérséklet <strong>10-17°C</strong> között alakul. Szeptember még nyárias lehet, októberben már frissebb, novemberre pedig jelentősen lehűl az idő. A köd gyakorivá válik, különösen a reggeli órákban. Az őszi esők gyakran elhúzódóak, de a napsütéses napok is jellemzőek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A tél hideg, de nem szélsőségesen zord. Az átlaghőmérséklet <strong>-1 és 3°C</strong> között mozog, de gyakran előfordulnak fagypont alatti időszakok. A havazás rendszeres, különösen januárban és februárban, amikor a város gyakran hófehér takarót ölt. Az éjszakai hőmérséklet gyakran -5°C alá süllyed, de -10°C alatti értékek ritkák. A nappalok rövidek, korlátozott napsütéssel.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Ljubljana időjárása havi bontásban</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Január</strong></h3>



<p>Január Ljubljana egyik leghidegebb hónapja, gyakori havazással és fagyos reggelekkel. A nappali hőmérséklet általában 2-3°C körül mozog, míg éjszaka -3 és -5°C közé süllyed. Hosszabb fagyos időszakok során akár -10°C alatti értékek is előfordulhatnak.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 2-3 óra. A nappali világosság időtartama rövid, mindössze 9 óra. A napkelte 7:45 körül, a napnyugta pedig már 16:45 körül van.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 60-70 mm körül mozog. A havi csapadékos napok száma 8-9, gyakran hó formájában. A hótakaró tartósan megmaradhat.</p>



<p>A relatív páratartalom 80-85% körüli, ami párás, nyirkos levegőt jelent. Az égbolt gyakran borult, ködös napok jellemzőek.</p>



<p>Ha januárban utazol Ljubljanába, vigyél magaddal meleg télikabátot, sálat, kesztyűt és sapkát. Vastag ruházat és vízálló cipő elengedhetetlen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Február</strong></h3>



<p>A február még mindig téli hónap, de már érezhető az enyhe felmelegedés. A nappali hőmérséklet 5-6°C körülire emelkedhet, míg éjszaka -2 és -4°C körül alakul. A hónap második felében már előfordulhatnak enyhébb napok.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 3-4 óra. A nappali világosság időtartama észrevehetően növekszik, 10 órára. A napkelte 7:15 körül, a napnyugta pedig 17:30 körül történik.</p>



<p>A csapadék mennyisége alacsonyabb, átlagosan 55-65 mm körül. A csapadékos napok száma 7-8, még mindig gyakran hó vagy ónos eső formájában.</p>



<p>A levegő továbbra is párás, 80% körüli páratartalommal. A februári látogatáshoz hasonló meleg ruházat szükséges, mint januárban.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Március</strong></h3>



<p>A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet észrevehetően emelkedik, nappal már 10-12°C-ot is elérhet, míg az éjszakák 1-3°C körül alakulnak. A hónap végére már tavaszias napok jellemzőek, bár fagyos reggelek még előfordulnak.</p>



<p>A napsütéses órák száma jelentősen emelkedik, átlagosan napi 4-5 óra. A nappali világosság időtartama megnő, 12 órára. A napkelte 6:30 körül, a napnyugta pedig 18:00 körül következik be.</p>



<p>A csapadék mennyisége növekszik, 70-80 mm körüli értékkel. A csapadékos napok száma 9-10, már többnyire eső formájában.</p>



<p>A páratartalom 75% körüli értékre csökken. A márciusi időjárás változékony, réteges öltözködés ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, virágzó természettel és kellemesen melegedő időjárással. A nappali hőmérséklet 15-17°C körülire emelkedik, míg éjszaka 5-7°C körül alakul. A hideg napok ritkábbá válnak, gyakoribbak a napsütéses időszakok.</p>



<p>A napsütéses órák száma átlagosan napi 5-6 óra. A nappali világosság időtartama 13,5 órára nő. A napkelte 6:00 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége magas, 80-90 mm körüli értékkel. Az esős napok száma 10-11, gyakran záporesők és zivatarok formájában.</p>



<p>A levegő páratartalma 70% körüli. Április kellemes hónap Ljubljana látogatására &#8211; a város parkjai és fái virágba borulnak, különösen gyönyörűek a cseresznyefák.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Május</strong></h3>



<p>Május a kora nyári időszak, amikor a természet teljes pompájában virágzik. A nappali értékek 20-22°C körülire emelkednek, míg éjszaka 10-12°C körül alakulnak. A hónap végére már nyárias meleg napok jellemzőek.</p>



<p>A napsütéses órák száma tovább növekszik, átlagosan 7-8 óra. A nappali világosság időtartama eléri a 15 órát. A napkelte 5:30 körül, a napnyugta pedig 20:00 körül van.</p>



<p>A csapadék mennyisége továbbra is magas, 90-100 mm körüli értékkel. A csapadékos napok száma 11-12, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom 70% körüli értékre alakul. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, esernyő mindig legyen kéznél.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Június</strong></h3>



<p>Június már igazi nyári hónap, hosszú nappalokkal és kellemes meleggel. A nappali maximum 25-26°C körülire emelkedik, míg éjszaka 13-15°C körül alakul. A hőhullámok során akár 30°C fölé is mehet a hőmérséklet.</p>



<p>A napsütéses órák száma átlagosan napi 8 óra. A nappali világosság időtartama eléri az éves csúcsot, 16 órát. A napkelte rendkívül korán, 5:15 körül, a napnyugta pedig késői, 20:45 körül van.</p>



<p>A csapadék mennyisége magas, 100-110 mm körüli értékkel. Az esős napok száma 12-13, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom 70-75% körüli. A júniusi utazáshoz könnyű nyári ruházat, napszemüveg és esernyő ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Július</strong></h3>



<p>Július Ljubljana legmelegebb hónapja, bár az időjárás kellemes marad. A nappali hőmérséklet rendszeresen eléri a 26-28°C-ot, hőhullámok során akár 32-35°C is lehet, míg az éjszakák 15-16°C körüli értékekkel kellemesen hűvösek maradnak.</p>



<p>A napsütéses órák száma a legmagasabb, átlagosan napi 9 óra. A nappali világosság időtartama még mindig hosszú, 15,5 óra. A napkelte 5:30 körül, a napnyugta pedig 20:30 körül következik be.</p>



<p>A csapadék mennyisége 90-100 mm körüli értékkel, gyakran intenzív délutáni zivatarok formájában. A csapadékos napok száma 11-12.</p>



<p>A páratartalom 70% körüli, ami még kellemes közérzetet biztosít. A júliusi látogatáshoz könnyű nyári ruházat, fényvédő és esernyő ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Augusztus</strong></h3>



<p>Az augusztus szintén meleg nyári hónap, hasonló az júliushoz. A nappali hőmérséklet 26-27°C körül alakul, míg éjszaka 15-16°C-ra hűl le. A hőhullámok miatt akár 30°C fölötti értékek is előfordulhatnak.</p>



<p>A napsütéses órák száma napi 8-9 óra. A nappali világosság időtartama csökkenni kezd, 14 órára. A napkelte 6:00 körül, a napnyugta pedig 20:00 körül van.</p>



<p>A csapadék mennyisége 100-110 mm körüli értékkel. A zivatarok gyakoriak, a csapadékos napok száma 11-12.</p>



<p>A páratartalom 70-75% körüli értékre emelkedik. Az augusztusi látogatáshoz hasonló felkészülés ajánlott, mint júliusban: könnyű ruházat, hidratálás, esernyő.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Szeptember</strong></h3>



<p>A szeptember a nyár végét és az ősz kezdetét jelzi, fokozatos hűlést hozva. A nappali hőmérséklet 21-22°C körül alakul, éjszaka pedig 11-12°C-ra csökken. A hónap eleje még nyárias lehet, de a vége felé már őszies az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 6 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 6:30 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége magas, 90-100 mm körüli értékre. A csapadékos napok száma 10-11.</p>



<p>A páratartalom 75% körüli. A szeptemberi látogatáshoz réteges öltözködés ajánlott, mert a nappali és éjszakai hőmérséklet jelentősen eltérhet.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Október</strong></h3>



<p>Az október már egyértelműen őszi hónap, aranyló levelekkel és frissebb időjárással. A nappali hőmérséklet 14-15°C körülire csökken, míg éjszaka 6-7°C körül alakul. A hónap vége felé már fagypont közeli reggelek jellemzőek.</p>



<p>A napsütéses órák száma tovább csökken, napi 4 óra körüli értékre. A nappali világosság időtartama jelentősen csökken, 10,5 órára. A napkelte 7:00 körülre, a napnyugta pedig 17:30 körülre tolódik.</p>



<p>A csapadék mennyisége magas marad, 90-100 mm körüli értékkel. A csapadékos napok száma 10-11, gyakran elhúzódó esők formájában. A reggeli köd gyakorivá válik.</p>



<p>A páratartalom 80% körüli értékre emelkedik. Az októberi látogatáshoz átmeneti kabát, meleg pulóver és esernyő ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>November</strong></h3>



<p>A november már az ősz vége, jelentős lehűléssel és gyakori borult idővel. A nappali hőmérséklet 7-8°C körülire süllyed, míg éjszaka már fagypont körül, 0-2°C között alakul. A hónap végére már téli jellegű időjárás jellemző.</p>



<p>A napsütéses órák száma jelentősen csökken, átlagosan napi 2 órára. A nappali világosság időtartama tovább rövidül, 9 órára. A napkelte 7:00 körül, a napnyugta pedig már 16:30 körül következik be.</p>



<p>A csapadék mennyisége magas, 90-100 mm körüli értékkel. A csapadékos napok száma 10-11, a hónap végén már hó is eshet. A köd gyakori.</p>



<p>A páratartalom 85% körüli, ami nedves, nyirkos levegőt eredményez. A novemberi látogatáshoz meleg kabát, sál és esernyő elengedhetetlen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>December</strong></h3>



<p>A december Ljubljana egyik leghidegebb hónapja, gyakran hóval és fagyos reggelekkel. A nappali hőmérséklet 3-4°C körül alakul, míg éjszaka -2 és -4°C körülire süllyedhet. Fagy szinte minden nap előfordul.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 1-2 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8,5 órát. A napkelte késői, 7:45 körüli, a napnyugta pedig korai, 16:15 körüli.</p>



<p>A csapadék mennyisége mérsékelt, 70-80 mm körüli értékkel. A csapadékos napok száma 9-10, gyakran hó formájában.</p>



<p>A levegő párás, 85% körüli páratartalommal. A decemberi látogatáshoz vastag télikabát, meleg rétegek, sapka, sál és kesztyű elengedhetetlen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Ljubljana havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 2 },
{ honap5: "Február", homerseklet5: 5 },
{ honap5: "Március", homerseklet5: 11 },
{ honap5: "Április", homerseklet5: 16 },
{ honap5: "Május", homerseklet5: 21 },
{ honap5: "Június", homerseklet5: 26 },
{ honap5: "Július", homerseklet5: 27 },
{ honap5: "Augusztus", homerseklet5: 27 },
{ honap5: "Szeptember", homerseklet5: 22 },
{ honap5: "Október", homerseklet5: 15 },
{ honap5: "November", homerseklet5: 8 },
{ honap5: "December", homerseklet5: 4 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



<p><em>(Havi nappali átlaghőmérséklet: a nappali órákra vonatkozó hőmérsékletek átlaga. Azt mutatja meg, milyen meleg van napközben.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar:hover {
      fill: #edbf07;
    }
    .axis text {
      font-size: 17px;
    }
    .axis-label {
      font-size: 17px;
    }
    .tooltip {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container" id="chartContainer">
    <div class="chart-title">Ljubljana havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: -1 },
{ honap: "Február", homerseklet: 1 },
{ honap: "Március", homerseklet: 7 },
{ honap: "Április", homerseklet: 12 },
{ honap: "Május", homerseklet: 17 },
{ honap: "Június", homerseklet: 22 },
{ honap: "Július", homerseklet: 23 },
{ honap: "Augusztus", homerseklet: 22 },
{ honap: "Szeptember", homerseklet: 18 },
{ honap: "Október", homerseklet: 11 },
{ honap: "November", homerseklet: 5 },
{ honap: "December", homerseklet: 0 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([-5, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>



<p><em>(Havi átlaghőmérséklet: az egész hónapra vonatkozó összes hőmérsékleti adat átlaga, azaz minden nap minden órájának hőmérséklete beleszámít. Ez mutatja meg a teljes időszak általános klímáját.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Ljubljana átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 65 },
{ honap: "Február", csapadek: 60 },
{ honap: "Március", csapadek: 75 },
{ honap: "Április", csapadek: 85 },
{ honap: "Május", csapadek: 95 },
{ honap: "Június", csapadek: 105 },
{ honap: "Július", csapadek: 95 },
{ honap: "Augusztus", csapadek: 105 },
{ honap: "Szeptember", csapadek: 95 },
{ honap: "Október", csapadek: 95 },
{ honap: "November", csapadek: 95 },
{ honap: "December", csapadek: 75 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Ljubljana jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 82 },
{ honap11: "Február", paratartalom11: 80 },
{ honap11: "Március", paratartalom11: 75 },
{ honap11: "Április", paratartalom11: 70 },
{ honap11: "Május", paratartalom11: 70 },
{ honap11: "Június", paratartalom11: 70 },
{ honap11: "Július", paratartalom11: 70 },
{ honap11: "Augusztus", paratartalom11: 72 },
{ honap11: "Szeptember", paratartalom11: 75 },
{ honap11: "Október", paratartalom11: 80 },
{ honap11: "November", paratartalom11: 85 },
{ honap11: "December", paratartalom11: 85 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



<p>A páratartalom és a hőérzet kapcsolatáról <a href="https://mikorutazz.hu/hogyan-hat-a-paratartalom-a-hoerzetre/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz részletesebben!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>UV sugárzás Ljubljanában</strong></h2>



<p>Ljubljana UV-sugárzási szintje mérsékeltebb, mint a délebbi területeken, de a nyári hónapokban még mindig jelentős védekezést igényel. A kontinentális elhelyezkedés és a változékony időjárás miatt az UV-index szezonálisan nagyban változik.</p>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong></h3>



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 3-4-es értéket ér el (mérsékelt), áprilisban 5-6-ra (magas), májusban pedig 6-7-es szintre (magas) emelkedik. A későbbi tavaszi hónapokban már 30-40 perc alatt le lehet égni védelem nélkül.</p>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong></h3>



<p>A nyári hónapokban Ljubljana UV-indexe eléri a legmagasabb értékeket, 7-8-as szintet (nagyon magas), különösen a déli órákban (11:00-15:00 között). Júliusban és augusztusban a sugárzás intenzitása miatt védelem nélkül 20-25 perc alatt napégést lehet szenvedni.</p>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong></h3>



<p>Az ősz elején, szeptemberben az UV-index még mérsékelt, 5-6-os értékkel, majd októberre csökken 3-4-es szintre (mérsékelt). Novemberre tovább csökken 2-es értékre (alacsony). Az ősszel a felhőzet gyakran természetes védelmet nyújt.</p>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong></h3>



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel (alacsony), de a hótakaró visszaverődése miatt megnövekedhet a sugárzás intenzitása. A téli síelés során különös figyelmet kell fordítani a védelemre.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Védekezés az UV-sugárzás ellen</strong></h3>



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: A nyári hónapokban minimum SPF 30-as fényvédő ajánlott, amit 2-3 óránként érdemes újra felvinni.</li>



<li><strong>Megfelelő ruházat</strong>: Könnyű, de takaró ruházat, sapka és UV-szűrős napszemüveg használata különösen a nyári hónapokban.</li>



<li><strong>Megfelelő időzítés</strong>: A szabadtéri tevékenységeket érdemes a délelőtti (11 óra előtti) vagy késő délutáni (15 óra utáni) időszakra időzíteni nyáron.</li>



<li><strong>Árnyékos helyek keresése</strong>: A nyári déli órákban fontos az árnyékos helyek felkeresése.</li>



<li><strong>Téli védelem</strong>: A téli sportok során sem szabad megfeledkezni a fényvédőről, különösen a hegyekben, ahol a hó visszaveri az UV-sugarakat.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container4 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title4 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar4 {
      fill: #e60000;
      transition: fill 0.3s;
    }
    .bar4:hover {
      fill: #b30000;
    }
    .axis4 text {
      font-size: 17px;
    }
    .axis-label4 {
      font-size: 17px;
    }
    .tooltip4 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container4 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider4 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container4 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart4 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container4" id="chartContainer4">
    <div class="chart-title4">UV index</div>
    <div id="chart4"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container4">
    <input type="range" min="0" max="100" value="0" class="slider4" id="chartSlider4">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - UV index adatok
    const data4 = [
      { honap: "Január", uv: 1 },
{ honap: "Február", uv: 2 },
{ honap: "Március", uv: 3 },
{ honap: "Április", uv: 5 },
{ honap: "Május", uv: 6 },
{ honap: "Június", uv: 7 },
{ honap: "Július", uv: 8 },
{ honap: "Augusztus", uv: 7 },
{ honap: "Szeptember", uv: 5 },
{ honap: "Október", uv: 3 },
{ honap: "November", uv: 2 },
{ honap: "December", uv: 1 }
    ];
    // Méretek és margók beállítása
    const margin4 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width4 = 800 - margin4.left - margin4.right;
    const height4 = 400 - margin4.top - margin4.bottom;
    // SVG elem létrehozása
    const svg4 = d3.select("#chart4")
      .append("svg")
      .attr("width", width4 + margin4.left + margin4.right)
      .attr("height", height4 + margin4.top + margin4.bottom)
      .append("g")
      .attr("transform", `translate(${margin4.left},${margin4.top})`);
    // Tooltip létrehozása
    const tooltip4 = d3.select("body").append("div")
      .attr("class", "tooltip4");
    // Skálák beállítása
    const x4 = d3.scaleBand()
      .domain(data4.map(d => d.honap))
      .range([0, width4])
      .padding(0.2);
    const y4 = d3.scaleLinear()
      .domain([0, d3.max(data4, d => d.uv) + 0])
      .nice()
      .range([height4, 0]);
    // X tengely rajzolása
    svg4.append("g")
      .attr("class", "axis4")
      .attr("transform", `translate(0,${height4})`)
      .call(d3.axisBottom(x4))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis4 = svg4.append("g")
      .attr("class", "axis4")
      .call(d3.axisLeft(y4).tickSize(-width4).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis4.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis4.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg4.append("text")
      .attr("class", "axis-label4")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin4.left + 15)
      .attr("x", -height4 / 2)
      .attr("text-anchor", "middle")
      .text("UV index értéke");
    // Oszlopok rajzolása
    svg4.selectAll(".bar4")
      .data(data4)
      .enter()
      .append("rect")
      .attr("class", "bar4")
      .attr("x", d => x4(d.honap))
      .attr("width", x4.bandwidth())
      .attr("y", d => y4(d.uv))
      .attr("height", d => height4 - y4(d.uv))
      .on("mouseover", (event, d) => {
        tooltip4.style("opacity", 1)
          .html(`${d.honap}: ${d.uv}`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip4.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer4');
      const slider = document.getElementById('chartSlider4');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>



<p><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Szélsőséges időjárási jelenségek</strong></h2>



<p>Ljubljana éghajlata viszonylag mérsékelt, de bizonyos szélsőséges időjárási jelenségek előfordulhatnak, amelyekre a látogatóknak fel kell készülniük.</p>



<p>A <strong>zivatarok</strong> gyakoriak a nyári hónapokban, különösen június és augusztus között. Ezek gyakran heves széllel, intenzív esővel és jégesővel járnak. A délutáni zivatarok gyorsan kialakulhatnak az Alpok közelsége miatt, és 1-2 órán belül elmúlnak, de intenzívek lehetnek.</p>



<p><strong>Áradások</strong> előfordulhatnak a Ljubljanica folyó mentén, különösen tavasszal a hóolvadás idején és ősszel az intenzív esőzések után. 2010 szeptemberében például súlyos áradások sújtották a várost.</p>



<p>A <strong>téli havazás</strong> rendszeres jelenség, különösen január és február folyamán. A város jól felkészült a hóeltakarításra, de a közlekedés lassulhat. Ritkán, de előfordulhatnak olyan időszakok, amikor 20-30 cm hó is esik néhány nap alatt.</p>



<p><strong>Jégeső</strong> előfordulhat a nyári zivatarok során, különösen május és augusztus között. Ezek kárt okozhatnak a járművekben és veszélyesek lehetnek a szabadban tartózkodókra.</p>



<p>A <strong>köd</strong> gyakori ősszel és télen, különösen a reggeli órákban. Ez befolyásolhatja a közlekedést és csökkentheti a látótávolságot.</p>



<p><strong>Téli jegesedés</strong> gyakori jelenség, különösen január és február folyamán. A járdák és utak csúszósak lehetnek, ezért vízálló, jó tapadású cipő elengedhetetlen.</p>



<p>Szélsőséges <strong>hőhullámok</strong> a nyári hónapokban előfordulhatnak, amikor a hőmérséklet 3-5 napig 32-35°C körül marad. Ezek ritkák, de az éghajlatváltozás miatt egyre gyakoribbá válnak.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Mikor a legjobb Ljubljanába utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Ljubljana meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen <strong>május és június között</strong>. Ilyenkor kellemes, meleg hőmérséklet (20-26°C), bőséges napsütés és virágzó természet jellemzi a várost, ami ideális a városnézéshez és szabadtéri programokhoz. A nappalok hosszúak, a terek és parkok élettel telnek, a városi kávézók teraszai zsúfoltak.</p>



<p>A másik kiváló időszak a <strong>kora ősz</strong>, különösen <strong>szeptember eleje és október közepe</strong> között, amikor még kellemes a hőmérséklet (15-22°C), és a város aranyló színekben pompázik. Az őszi időszakban kevesebb a turista, nyugodtabb a város hangulata, és tökéletes időpont a kulturális programokhoz és borturizmushoz.</p>



<p>A nyári hónapok (július-augusztus) szintén jók, bár időnként melegek lehetnek és gyakoribbak a délutáni zivatarok. Ez az időszak azonban ideális a közeli Bled-tóhoz vagy a szlovén tengerpartra való kirándulásokhoz.</p>



<p>Kerülendő időszakok: November általában a legborultabb, legködösebb hónap, alacsony napsütéssel és gyakorta elhúzódó esőkkel. Március szintén változékony lehet, amikor a tél és a tavasz közötti átmenet instabil időjárást hoz.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Ljubljana &#8211; Utazási Idő Táblázat</title>

<style>

body {

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

box-shadow: 0 5px 15px rgba(0,0,0,0.1);

border-radius: 8px;

overflow: hidden;

}

thead {

background: linear-gradient(to right, #2c3e50, #4ca1af);

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

border-bottom: 1px solid rgba(0,0,0,0.05);

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

<div class="pcrstb-wrap"><table>

<thead>

<tr>

<th>Hónap</th>

<th>Idő az utazáshoz</th>

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Április</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>Július</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Augusztus</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Október</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>November</td>

<td>Átlagos</td>

</tr>

<tr class="not-recommended">

<td>December</td>

<td>Nem ajánlott</td>

</tr>

</tbody>

</table></div>

</body>

</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>7 napos időjárás előrejelzés</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a class="weatherwidget-io" href="https://forecast7.com/hu/46d0614d51/ljubljana/" data-label_1="LJUBLJANA" data-theme="original" >LJUBLJANA</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/ljubljana-idojarasa/">Ljubljana időjárása &#8211; mikor a legjobb a szlovén fővárosba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bled időjárása &#8211; mikor a legjobb a Bledi-tóhoz utazni?</title>
		<link>https://mikorutazz.hu/bled-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Tue, 14 Oct 2025 07:37:51 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Szlovénia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1483</guid>

					<description><![CDATA[<p>Bled Szlovénia egyik legvarázslatosabb célpontja. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Bled időjárását a kontinentális éghajlat határozza meg, ami meleg nyarakat és hideg teleket eredményez.&#8230;</p>
<p>A <a href="https://mikorutazz.hu/bled-idojarasa/">Bled időjárása &#8211; mikor a legjobb a Bledi-tóhoz utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Bled Szlovénia egyik legvarázslatosabb célpontja. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Bled időjárását a kontinentális éghajlat határozza meg, ami meleg nyarakat és hideg teleket eredményez. A Júliai-Alpok lábánál, 475 méter tengerszint feletti magasságban elhelyezkedő városka a varázslatos tó és a szigettel rendelkező egyháza miatt világhírű. Az alpesi környezet és a tengerszint feletti magasság jelentős hatással van az időjárásra, ami négy jól elkülönülő évszakot biztosít.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Évszakok</strong></h2>



<p>Bled négy markánsan eltérő évszakkal rendelkezik, amelyek mindegyike egyedi élményt nyújt a látogatók számára. A hegyi környezet miatt a hőmérséklet-ingadozások jelentősek lehetnek napszakonként.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong>:</h3>



<p>A tavasz fokozatos felmelegedést hoz, bár a korai tavaszi hónapokban még gyakran hideg és hűvös az idő. Az átlaghőmérséklet <strong>8-17°C</strong> között mozog. Márciusban még előfordulhat hó és fagy, de áprilisra a természet életre kel. Az alpesi virágok pompázatos látványt nyújtanak májusban. A csapadék mennyisége közepesen magas, gyakran esővel kell számolni.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong>:</h3>



<p>A nyár kellemes meleg, de nem extrém forró. Az átlaghőmérséklet <strong>19-21°C</strong>, de a nappali maximum gyakran 25-28°C-ot ér el. A júliusi és augusztusi éjszakák kellemesen hűvösek maradnak, 12-14°C körül. A nyári hónapokban gyakoriak a délutáni záporok és zivatarok, amelyek általában gyorsan elvonulnak. A páratartalom mérsékelt, 65-70% körüli.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Ősz (szeptember-november)</strong>:</h3>



<p>Az ősz Bled egyik legszebb évszaka, amikor a környező erdők színpompás ruhába öltöznek. Az átlaghőmérséklet <strong>6-17°C</strong> között alakul. Szeptember még kellemes meleg, de októberre már jelentősen lehűl az idő. Novemberben gyakoriak a ködös reggelek, és a hónap végére már hó is eshet. A csapadék mennyisége novemberben a legmagasabb az évben.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong>:</h3>



<p>A tél hideg és havas, igazi téli meseországot varázsolva Bledből. Az átlaghőmérséklet <strong>-2 és 3°C</strong> között mozog, de éjszaka gyakran -5°C alá süllyed. A hóesés rendszeres, különösen januárban és februárban. A befagyott tó és a havas táj lenyűgöző látványt nyújt. A nappalok rövidek, de a napsütés gyakorta áttöri a téli ködöt.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Bled időjárása havi bontásban</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Január</strong></h3>



<p>Január Bled leghidegebb hónapja, igazi téli időjárással. A nappali hőmérséklet átlagosan 2°C körül alakul, míg éjszaka rendszeresen -3°C alá süllyed. A hó rendszeresen jelen van, és a tó gyakran befagy, ami különleges látványt nyújt.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 3 óra. A nappali világosság időtartama rövid, körülbelül 9 óra. A napkelte 7:45 körül, a napnyugta pedig már 16:45 körül van.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 75 mm körül mozog, többnyire hó formájában. A havi csapadékos napok száma 8-9, amelyből 5-6 nap hóesés.</p>



<p>A relatív páratartalom 80% körüli, ami a hideg miatt nem érződik nyomasztónak. A köd gyakori jelenség, különösen a reggeli órákban.</p>



<p>Ha januárban utazol Bledbe, vigyél magaddal vastag télikabátot, meleg réteges ruházatot, sapkát, sálat és kesztyűt. A csúszásmentes cipő is elengedhetetlen a jeges utakon.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Február</strong></h3>



<p>A február még mindig téli hónap, de már érezhető az enyhe felmelegedés. A nappali hőmérséklet 4°C körülire emelkedik, míg éjszaka -2°C körül alakul. A hó még mindig gyakori, bár a hónap végére már előfordulhatnak enyhébb napok.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 4 óra. A nappali világosság időtartama észrevehetően növekszik, 10 órára. A napkelte 7:15 körül, a napnyugta pedig 17:30 körül történik.</p>



<p>A csapadék mennyisége csökken, átlagosan 70 mm körül. A csapadékos napok száma 7-8, amelyből 4-5 nap még mindig hóesés lehet.</p>



<p>A páratartalom 78% körüli. A februári látogatáshoz hasonló téli felszerelés szükséges, mint januárban, bár a hónap második felében már enyhébb rétegek is elegendőek lehetnek.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Március</strong></h3>



<p>A március az átmenetet jelenti a tél és a tavasz között. A hőmérséklet fokozatosan emelkedik, nappal már 9°C-ot is elérhet, míg az éjszakák még hűvösek, 1°C körül alakulnak. A hó még előfordulhat a hónap elején, de a végére már inkább eső jellemző.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 5 óra. A nappali világosság időtartama jelentősen megnő, 12 órára. A napkelte 6:30 körül, a napnyugta pedig 18:15 körül következik be.</p>



<p>A csapadék mennyisége 95 mm körüli értékkel növekszik. A csapadékos napok száma 9, vegyes halmazállapotú csapadékkal.</p>



<p>A páratartalom 72% körüli értékre csökken. A márciusi látogatáshoz átmeneti kabát, réteges öltözködés és vízálló cipő ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, bár az időjárás még változékony lehet. A nappali hőmérséklet 14°C körülire emelkedik, míg éjszaka 5°C körül alakul. A természet életre kel, a fák kivirágoznak, és a hegyoldalakon alpesi virágok nyílnak.</p>



<p>A napsütéses órák száma átlagosan napi 6 óra. A nappali világosság időtartama 13,5 órára nő. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül történik.</p>



<p>A csapadék mennyisége magas, 110 mm körüli értékkel. Az esős napok száma 11, gyakran rövid záporok formájában.</p>



<p>A páratartalom 70% körüli. Április változékony időjárást hoz, ezért rétegesen érdemes öltözködni, és mindig legyen kéznél esernyő vagy esőkabát.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Május</strong></h3>



<p>Május a kora nyári időszak, amikor Bled különösen gyönyörű. A nappali hőmérséklet 19°C körülire emelkedik, míg éjszaka 10°C körül alakul. A tó vize lassan felmelegszik, és a környező hegyek még hófödte csúcsai különleges kontrasztot nyújtanak a zöldellő táj mellett.</p>



<p>A napsütéses órák száma tovább növekszik, átlagosan 7 óra naponta. A nappali világosság időtartama eléri a 15 órát. A napkelte 5:30 körül, a napnyugta pedig 20:15 körül van.</p>



<p>A csapadék mennyisége magas marad, 120 mm körüli értékkel. A csapadékos napok száma 12, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom 68% körüli értékre csökken. A májusi látogatáshoz könnyebb ruházat ajánlott, de mindig legyen kéznél melegebb réteg az esti órákra és egy esőkabát a zivatarokra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Június</strong></h3>



<p>Június már nyári hónap, kellemes meleg időjárással. A nappali hőmérséklet 22°C körülire emelkedik, míg éjszaka 13°C körül alakul. Ez az egyik legjobb időszak a tó körüli túrázáshoz és a szabadtéri tevékenységekhez.</p>



<p>A napsütéses órák száma eléri a 7,5 órát naponta. A nappali világosság időtartama eléri az éves csúcsot, 16 órát. A napkelte rendkívül korán, 5:15 körül, a napnyugta pedig késői, 20:45 körül van.</p>



<p>A csapadék mennyisége magas, 155 mm körüli értékkel. Az esős napok száma 13, gyakran délutáni zivatarok formájában, amelyek gyorsan elvonulnak.</p>



<p>A páratartalom 68% körüli, ami kellemes. A júniusi utazáshoz könnyű nyári ruházat ajánlott, de mindig legyen kéznél vékony dzseki az esti órákra és vízálló ruházat a zivatarokra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Július</strong></h3>



<p>Július Bled egyik legmelegebb hónapja, ideális nyaralási időszak. A nappali hőmérséklet rendszeresen eléri a 24°C-ot, míg az éjszakák is melegebbek, 14°C körüli értékekkel. A tó vize kellemes meleg, kiváló fürdőzéshez.</p>



<p>A napsütéses órák száma átlagosan napi 8,5 óra, a legtöbb az évben. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 15,5 óra. A napkelte 5:30 körül, a napnyugta pedig 20:30 körül következik be.</p>



<p>A csapadék mennyisége 135 mm körüli értékkel még mindig jelentős. A nyári zivatarok gyakoriak, a csapadékos napok száma 12.</p>



<p>A páratartalom 67% körüli, ami kellemes. A júliusi látogatáshoz könnyű nyári ruházat, fürdőruha, sapka és napszemüveg ajánlott, valamint egy könnyű vízálló kabát a zivatarokra.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Augusztus</strong></h3>



<p>Az augusztus szintén meleg és kellemes. A nappali hőmérséklet 24°C körül alakul, míg éjszaka 14°C-ra hűl le. Ez továbbra is kiváló időszak a vízparti tevékenységekhez és a hegyi túrázáshoz.</p>



<p>A napsütéses órák száma napi 8 óra. A nappali világosság időtartama érezhetően csökken, 14 órára. A napkelte 6:00 körül, a napnyugta pedig 20:00 körül van.</p>



<p>A csapadék mennyisége 140 mm körüli értékkel magas. A délutáni zivatarok még mindig gyakoriak, a csapadékos napok száma 12.</p>



<p>A páratartalom 70% körüli értékre emelkedik. Az augusztusi látogatáshoz hasonló felszerelés ajánlott, mint júliusban, plusz egy vékony pulóver az estékre.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Szeptember</strong></h3>



<p>A szeptember a nyár végét és az ősz kezdetét jelzi. A nappali hőmérséklet 19°C körül alakul, éjszaka pedig 10°C-ra csökken. Ez az egyik legkellemesebb időszak, amikor még meleg van, de már kevésbé zsúfoltak a turisztikai helyszínek.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 6 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 6:45 körül, a napnyugta pedig 19:00 körül történik.</p>



<p>A csapadék mennyisége 145 mm körüli értékre nő. A csapadékos napok száma 10, gyakran hosszabb esőzésekkel.</p>



<p>A páratartalom 73% körüli. A szeptemberi látogatáshoz réteges öltözködés ajánlott, egy könnyű dzseki vagy pulóver az estékre, és természetesen vízálló ruházat.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Október</strong></h3>



<p>Az október már egyértelműen őszi hónap, gyönyörű színekben pompázó természettel. A nappali hőmérséklet 13°C körülire csökken, míg éjszaka 6°C körül alakul. Az őszi levelek tükröződése a tóban lenyűgöző látványt nyújt.</p>



<p>A napsütéses órák száma tovább csökken, napi 4,5 óra. A nappali világosság időtartama jelentősen lerövidül, 11 órára. A napkelte 7:15 körülre, a napnyugta pedig 18:00 körülre tolódik.</p>



<p>A csapadék mennyisége magas, 135 mm körüli értékkel. A csapadékos napok száma 10, gyakran hosszabb esőzések jellemzik.</p>



<p>A páratartalom 78% körüli értékre emelkedik. Az októberi látogatáshoz melegebb kabát, pulóver és vízálló ruházat ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>November</strong></h3>



<p>A november már a tél küszöbén áll, hűvös és gyakran ködös időjárással. A nappali hőmérséklet 7°C körülire süllyed, míg éjszaka már 1°C körül alakul. A hónap végére már hó is eshet, különösen a magasabban fekvő területeken.</p>



<p>A napsütéses órák száma eléri az egyik legalacsonyabb értéket, átlagosan napi 2,5 órát. A nappali világosság időtartama tovább rövidül, 9,5 órára. A napkelte 7:15 körül, a napnyugta pedig már 16:45 körül következik be.</p>



<p>A csapadék mennyisége a legmagasabb az évben, 160 mm körüli értékkel. A csapadékos napok száma 11, késő novemberben már hó formájában.</p>



<p>A páratartalom 82% körüli, ami gyakori ködöt eredményez. A novemberi látogatáshoz téli kabát, meleg ruházat és vízálló cipő ajánlott.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>December</strong></h3>



<p>A december téli hónap, gyakran havas és hideg. A nappali hőmérséklet 3°C körül alakul, míg éjszaka -1°C körülire süllyedhet. A havas táj és a karácsonyi időszak különleges hangulatot teremt.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 2 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8,5 órát. A napkelte késői, 7:45 körüli, a napnyugta pedig korai, 16:30 körüli.</p>



<p>A csapadék mennyisége 100 mm körüli értékkel mérsékelt. A csapadékos napok száma 9, többnyire hó formájában.</p>



<p>A páratartalom 82% körüli, ami a hideg miatt köddel párosul. A decemberi látogatáshoz vastag télikabát, meleg rétegek, sapka, sál, kesztyű és csúszásmentes téli cipő elengedhetetlen.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Bled havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 2 },
{ honap5: "Február", homerseklet5: 4 },
{ honap5: "Március", homerseklet5: 9 },
{ honap5: "Április", homerseklet5: 14 },
{ honap5: "Május", homerseklet5: 19 },
{ honap5: "Június", homerseklet5: 22 },
{ honap5: "Július", homerseklet5: 24 },
{ honap5: "Augusztus", homerseklet5: 24 },
{ honap5: "Szeptember", homerseklet5: 19 },
{ honap5: "Október", homerseklet5: 13 },
{ honap5: "November", homerseklet5: 7 },
{ honap5: "December", homerseklet5: 3 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



<p><em>(Havi nappali átlaghőmérséklet: a nappali órákra vonatkozó hőmérsékletek átlaga. Azt mutatja meg, milyen meleg van napközben.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar:hover {
      fill: #edbf07;
    }
    .axis text {
      font-size: 17px;
    }
    .axis-label {
      font-size: 17px;
    }
    .tooltip {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container" id="chartContainer">
    <div class="chart-title">Bled havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: -1 },
{ honap: "Február", homerseklet: 1 },
{ honap: "Március", homerseklet: 5 },
{ honap: "Április", homerseklet: 10 },
{ honap: "Május", homerseklet: 15 },
{ honap: "Június", homerseklet: 18 },
{ honap: "Július", homerseklet: 19 },
{ honap: "Augusztus", homerseklet: 19 },
{ honap: "Szeptember", homerseklet: 15 },
{ honap: "Október", homerseklet: 10 },
{ honap: "November", homerseklet: 4 },
{ honap: "December", homerseklet: 1 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([0, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Havi átlaghőmérséklet: az egész hónapra vonatkozó összes hőmérsékleti adat átlaga, azaz minden nap minden órájának hőmérséklete beleszámít. Ez mutatja meg a teljes időszak általános klímáját.)</em></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Bled átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 75 },
{ honap: "Február", csapadek: 70 },
{ honap: "Március", csapadek: 95 },
{ honap: "Április", csapadek: 110 },
{ honap: "Május", csapadek: 120 },
{ honap: "Június", csapadek: 155 },
{ honap: "Július", csapadek: 135 },
{ honap: "Augusztus", csapadek: 140 },
{ honap: "Szeptember", csapadek: 145 },
{ honap: "Október", csapadek: 135 },
{ honap: "November", csapadek: 160 },
{ honap: "December", csapadek: 100 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Bled jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 80 },
{ honap11: "Február", paratartalom11: 78 },
{ honap11: "Március", paratartalom11: 72 },
{ honap11: "Április", paratartalom11: 70 },
{ honap11: "Május", paratartalom11: 68 },
{ honap11: "Június", paratartalom11: 68 },
{ honap11: "Július", paratartalom11: 67 },
{ honap11: "Augusztus", paratartalom11: 70 },
{ honap11: "Szeptember", paratartalom11: 73 },
{ honap11: "Október", paratartalom11: 78 },
{ honap11: "November", paratartalom11: 82 },
{ honap11: "December", paratartalom11: 82 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



<p>A páratartalom és a hőérzet kapcsolatáról <a href="https://mikorutazz.hu/hogyan-hat-a-paratartalom-a-hoerzetre/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz részletesebben!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>UV sugárzás Bledben</strong></h2>



<p>Bled UV-sugárzási szintjei mérsékeltebbek, mint a mediterrán vagy trópusi területeken, de a hegyi környezet és a tiszta levegő miatt nem elhanyagolhatók. A tengerszint feletti magasság fokozza az UV-sugárzás intenzitását.</p>



<h3 class="wp-block-heading"><strong>Tavasz (március-május)</strong>:</h3>



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 3-4-es értéket ér el (mérsékelt), áprilisban 5-6-ra (magas), májusban pedig 6-7-es szintre (magas) emelkedik. A májusi napokban már 30 perc alatt le lehet égni védelem nélkül, különösen a vízparton és a hegyi túrák során.</p>



<h3 class="wp-block-heading"><strong>Nyár (június-augusztus)</strong>:</h3>



<p>A nyári hónapokban Bled UV-indexe eléri a legmagasabb értékeket, 7-8-as szintet (nagyon magas), különösen a déli órákban (11:00-15:00 között). A tó vízfelülete visszaveri a napsugárzást, ami fokozza a hatást. A hegyi környezetben a tengerszint feletti magasság miatt az UV-sugárzás intenzívebb, mint az alacsonyabban fekvő területeken.</p>



<h3 class="wp-block-heading"><strong>Ősz (október-november)</strong>:</h3>



<p>Az ősz elején, szeptemberben az UV-index még közepes, 5-6-os értékkel, októberben 3-4-es szintre csökken (mérsékelt), novemberre pedig 2-es szintre (alacsony) esik vissza. Azonban még szeptemberben és októberben is érdemes fényvédőt használni hosszabb szabadtéri tartózkodás esetén.</p>



<h3 class="wp-block-heading"><strong>Tél (december-február)</strong>:</h3>



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel. Azonban a hó erősen visszaveri az UV-sugárzást (akár 80%-ban), ami jelentős mértékben fokozhatja a leégés kockázatát. A síelők és téli sportolók számára ez különösen fontos szempont.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>Védekezés az UV-sugárzás ellen</strong>:</h3>



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: Minimum SPF 30-as fényvédő használata ajánlott a nyári hónapokban és tavasszal-ősszel a szabadtéri tevékenységek során. Télen, különösen hóban való tartózkodás esetén szintén ajánlott.</li>



<li><strong>Megfelelő ruházat</strong>: Könnyű, de takaró ruházat, kalap és UV-szűrős napszemüveg használata a nyári hónapokban. Télen kifejezetten fontos a sízemüveg vagy napszemüveg használata.</li>



<li><strong>Megfelelő időzítés</strong>: A szabadtéri tevékenységeket érdemes a kora reggeli vagy késő délutáni időszakra időzíteni, elkerülve a 11-15 óra közötti intenzív napfényt.</li>



<li><strong>Árnyékos helyek</strong>: Különösen a déli órákban fontos az árnyékos helyek felkeresése, bár a vízparti területeken ez nehezebb lehet.</li>



<li><strong>Téli figyelmeztetés</strong>: A hóval borított táj erős UV-visszaverődést okoz, ezért télen is elengedhetetlen a fényvédő és a napszemüveg használata.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container4 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title4 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar4 {
      fill: #e60000;
      transition: fill 0.3s;
    }
    .bar4:hover {
      fill: #b30000;
    }
    .axis4 text {
      font-size: 17px;
    }
    .axis-label4 {
      font-size: 17px;
    }
    .tooltip4 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container4 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider4 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container4 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart4 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container4" id="chartContainer4">
    <div class="chart-title4">UV index</div>
    <div id="chart4"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container4">
    <input type="range" min="0" max="100" value="0" class="slider4" id="chartSlider4">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - UV index adatok
    const data4 = [
      { honap: "Január", uv: 6 },
      { honap: "Február", uv: 7 },
      { honap: "Március", uv: 9 },
      { honap: "Április", uv: 11 },
      { honap: "Május", uv: 11 },
      { honap: "Június", uv: 12 },
      { honap: "Július", uv: 12 },
      { honap: "Augusztus", uv: 11 },
      { honap: "Szeptember", uv: 10 },
      { honap: "Október", uv: 9 },
      { honap: "November", uv: 7 },
      { honap: "December", uv: 6 }
    ];
    // Méretek és margók beállítása
    const margin4 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width4 = 800 - margin4.left - margin4.right;
    const height4 = 400 - margin4.top - margin4.bottom;
    // SVG elem létrehozása
    const svg4 = d3.select("#chart4")
      .append("svg")
      .attr("width", width4 + margin4.left + margin4.right)
      .attr("height", height4 + margin4.top + margin4.bottom)
      .append("g")
      .attr("transform", `translate(${margin4.left},${margin4.top})`);
    // Tooltip létrehozása
    const tooltip4 = d3.select("body").append("div")
      .attr("class", "tooltip4");
    // Skálák beállítása
    const x4 = d3.scaleBand()
      .domain(data4.map(d => d.honap))
      .range([0, width4])
      .padding(0.2);
    const y4 = d3.scaleLinear()
      .domain([0, d3.max(data4, d => d.uv) + 0])
      .nice()
      .range([height4, 0]);
    // X tengely rajzolása
    svg4.append("g")
      .attr("class", "axis4")
      .attr("transform", `translate(0,${height4})`)
      .call(d3.axisBottom(x4))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis4 = svg4.append("g")
      .attr("class", "axis4")
      .call(d3.axisLeft(y4).tickSize(-width4).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis4.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis4.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg4.append("text")
      .attr("class", "axis-label4")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin4.left + 15)
      .attr("x", -height4 / 2)
      .attr("text-anchor", "middle")
      .text("UV index értéke");
    // Oszlopok rajzolása
    svg4.selectAll(".bar4")
      .data(data4)
      .enter()
      .append("rect")
      .attr("class", "bar4")
      .attr("x", d => x4(d.honap))
      .attr("width", x4.bandwidth())
      .attr("y", d => y4(d.uv))
      .attr("height", d => height4 - y4(d.uv))
      .on("mouseover", (event, d) => {
        tooltip4.style("opacity", 1)
          .html(`${d.honap}: ${d.uv}`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip4.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer4');
      const slider = document.getElementById('chartSlider4');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




<p><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Szélsőséges időjárási jelenségek</strong></h2>



<p>A <strong>nyári zivatarok</strong> június és szeptember között gyakoriak, különösen a délutáni órákban. Ezek a viharok hirtelen alakulnak ki, erős széllel, intenzív esőzéssel és gyakori villámásokkal járnak. Bár általában 1-2 órán belül elvonulnak, a hegyi környezetben veszélyesek lehetnek a túrázók számára.</p>



<p>A <strong>téli hóviharok</strong> decembertől márciusig fordulhatnak elő, különösen a magasabban fekvő területeken. Ezek jelentős hómennyiséget hozhatnak rövid idő alatt, ami közlekedési nehézségeket okozhat. A közeli síterületek számára ez előnyös, de a látogatóknak fel kell készülniük a téli közlekedési körülményekre.</p>



<p><strong>Köd és talajmenti fagyok</strong> különösen ősszel és télen gyakoriak. A völgyben fekvő tó környékén gyakran alakul ki sűrű köd, amely korlátozhatja a látástávolságot. A téli hónapokban a hajnali órákban rendszeresek a -10°C alatti hőmérsékletek.</p>



<p><strong>Jégverés</strong> előfordulhat a nyári hónapok során, különösen az erősebb zivatarok idején. Bár nem gyakori jelenség, a hegyvidéki területeken nagyobb a kockázata.</p>



<p><strong>Lavinaveszély</strong> a környező hegyekben télen jelentős lehet, különösen a meredek lejtőkön. A síelőknek és túrázóknak mindig tájékozódniuk kell a mindenkori lavinaveszélyről.</p>



<p>Az <strong>erős szél</strong> (foehn szél) különösen tavasszal és ősszel érkezhet a hegyekből, ami gyors időjárás-változásokat hozhat. Ez a meleg, száraz szél gyorsan olvaszthatja a havat, vagy hirtelen felmelegedést okozhat.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>Mikor a legjobb Bledbe utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Bled meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen <strong>május és szeptember között</strong>. Ilyenkor kellemes hőmérséklet (17-24°C), bár gyakori esőzésekkel kell számolni, a természet a legszebb állapotában van. A tó vize kellemes meleg fürdőzéshez, és a környező hegyek kiváló túrázási lehetőségeket kínálnak.</p>



<p>A <strong>júliusi és augusztusi időszak</strong> a legmelegebb és legnépszerűbb, amikor a tó körüli strandok és vízparti tevékenységek a legvonzóbbak. Ez azonban egyben a legzsúfoltabb időszak is, magasabb árakkal. Az időjárás általában stabil, bár délutáni zivatarokkal kell számolni.</p>



<p>A <strong>kora őszi időszak</strong>, különösen szeptember kiváló választás azok számára, akik elkerülnék a nyári tömeget. Az időjárás még kellemes, a táj gyönyörű őszi színekben pompázik, és a turisták száma jelentősen csökken.</p>



<p>A <strong>téli hónapok</strong> (december-február) ideálisak azok számára, akik a téli varázst és a téli sportokat keresik. A befagyott tó és a havas táj mesebeli hangulatot teremt, és a közeli síterületek kiváló lehetőségeket kínálnak. Az éjszakák hidegek (-5 és -10°C között), de a nappali időjárás gyakran kellemes napsütéssel ajándékozza meg a látogatókat.</p>



<p>Kerülendő időszakok: November a legkedvezőtlenebb hónap, amikor gyakoriak a ködös, esős napok, a nappalok rövidek, és az időjárás általában nyomasztó. Március szintén változékony, amikor még téli hideg és tavaszi enyhülés keveredik, gyakran csapadékos idővel.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bled &#8211; Utazási Idő Táblázat</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
}

thead {
background: linear-gradient(to right, #2c3e50, #4ca1af);
color: white;
}

th {
padding: 15px;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
}

td {
padding: 15px;
font-size: 18px;
}

.excellent {
background-color: #c8e6c9;
}

.excellent td {
background-color: #c8e6c9;
}

.average {
background-color: #fff9c4;
}

.average td {
background-color: #fff9c4;
}

.not-recommended {
background-color: #ffcdd2;
}

.not-recommended td {
background-color: #ffcdd2;
}

tr:hover {
opacity: 0.9;
}

tr {
border-bottom: 1px solid rgba(0,0,0,0.05);
}

tr:last-child {
border-bottom: none;
}
</style>
</head>
<body>

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="average">
<td>Január</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Február</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Március</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Április</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Július</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Augusztus</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Október</td>
<td>Átlagos</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>December</td>
<td>Átlagos</td>
</tr>
</tbody>
</table></div>

</body>
</html>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center"><strong>7 napos időjárás előrejelzés</strong></h2>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a class="weatherwidget-io" href="https://forecast7.com/hu/46d3714d11/bled/" data-label_1="BLED" data-theme="original" >BLED</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/bled-idojarasa/">Bled időjárása &#8211; mikor a legjobb a Bledi-tóhoz utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
