<?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>Európa Archívum - Mikor utazz?</title>
	<atom:link href="https://mikorutazz.hu/category/europa/feed/" rel="self" type="application/rss+xml" />
	<link>https://mikorutazz.hu/category/europa/</link>
	<description>Népszerű helyek időjárása</description>
	<lastBuildDate>Wed, 28 Jan 2026 13:43:08 +0000</lastBuildDate>
	<language>hu</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://mikorutazz.hu/wp-content/uploads/2025/03/logo-512.jpg</url>
	<title>Európa Archívum - Mikor utazz?</title>
	<link>https://mikorutazz.hu/category/europa/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Bázel időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/bazel-idojarasa-havi-bontasban-mikor-erdemes-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Wed, 28 Jan 2026 13:43:07 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Svájc]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1495</guid>

					<description><![CDATA[<p>Bázel Svájc harmadik legnagyobb városa, kulturális és gazdasági központ. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Bázel időjárását az óceáni éghajlat határozza meg, ami mérsékelt nyarakat&#8230;</p>
<p>A <a href="https://mikorutazz.hu/bazel-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Bázel időjárása – 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>Bázel Svájc harmadik legnagyobb városa, kulturális és gazdasági központ. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Bázel időjárását az óceáni éghajlat határozza meg, ami mérsékelt nyarakat és enyhe, de felhős teleket eredményez. A Rajna folyó partján elhelyezkedő város Svájc északnyugati részén található, ahol a svájci, francia és német határok találkoznak. A város az Atlanti-óceán és a Földközi-tenger éghajlati hatásainak köszönhetően viszonylag kiegyensúlyozott időjárással rendelkezik az év nagy részében.</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>Bázel négy jól elkülöníthető évszakkal rendelkezik, mindegyik saját jellegzetességekkel. A tavasz és az ősz hosszabb átmeneti időszakok, amelyek különösen kedvezőek a látogatók számára.</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 kellemes és fokozatosan melegedő időszak Bázelben, virágzó természettel és növekvő napsütéses órákkal. Az átlaghőmérséklet <strong>8-16°C</strong> között mozog. A tavasz elején még előfordulhatnak hűvös napok, sőt akár havazás is, de április végére már kellemes meleg napok jellemzők. A Rajna-parti sétányok és a város parkjai különösen szépek márciusban és áprilisban, amikor a természet életre kel.</p>



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



<p>A nyár kellemes meleg, de nem túlzottan forró. Az átlaghőmérséklet <strong>18-20°C</strong>, a nappali maximum általában 24-26°C-ot ér el. A magas hőmérséklet ritkán haladja meg a 30°C-ot. Júliusban és augusztusban a legmelegebb, de a hőség elviselhető marad. A nyári hónapokban gyakoriabbak az esők, gyakran délutáni záporok vagy zivatarok formájában, de hosszabb száraz periódusok is előfordulhatnak.</p>



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



<p>Az ősz Bázel egyik legszebb évszaka, fokozatosan hűlő hőmérséklettel és változatos időjárással. Az átlaghőmérséklet <strong>9-15°C</strong> között alakul. Szeptember még kellemes, gyakran nyárias napokkal, míg november már hűvös és gyakran ködös. A csapadék mennyisége változó, október általában csapadékosabb. Az őszi színek és a ködös Rajna-parti hangulat különleges élményt nyújt.</p>



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



<p>A tél hűvös és gyakran felhős, az átlaghőmérséklet <strong>1-3°C</strong> között mozog, de gyakran fagypont alatt marad napközben is. A havazás közepesen gyakori, különösen januárban és februárban. A nappalok rövidek és gyakran szürkék. A Rajna ritkán fagy be teljesen, de a hideg északi szelek kellemetlen hideget hozhatnak.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Bázel 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 Bázel egyik leghidegebb hónapja. A nappali hőmérséklet általában 3-4°C körül mozog, míg éjszaka gyakran -2°C körülire vagy az alá süllyed. Fagypont alatti hőmérséklet gyakori, különösen éjszaka és hajnalban.</p>



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



<p>A csapadék mennyisége mérsékelt, átlagosan 50-60 mm körül mozog. A havi csapadékos napok száma 10-11, gyakran hó vagy havas eső formájában. A havazás rendszeres, de általában nem túl intenzív.</p>



<p>A relatív páratartalom magas, 85-90% körüli, ami nedves, nyirkos közérzetet okoz. Az égbolt többnyire borult, kevés napsütéssel.</p>



<p>Ha januárban utazol Bázelbe, vigyél magaddal meleg télikabátot, sálat, kesztyűt és sapkát. Rétegesen öltözködj, és számíts hideg, nedves időre.</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ő enyhe felmelegedés. A nappali hőmérséklet 5-6°C körülire emelkedhet, míg éjszaka még mindig 0°C körül vagy az alatt alakul. A fagy továbbra is gyakori, de a hónap második felében már enyhébb napok várhatóak.</p>



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



<p>A csapadék mennyisége alacsonyabb, átlagosan 45-50 mm körül. A csapadékos napok száma 9-10, még mindig gyakran hó formájában.</p>



<p>A páratartalom továbbra is magas, 80-85% körüli. A februári látogatáshoz még mindig teljes téli ruházat szükséges, de a tavasz közeledtének jelei már érzékelhetőek.</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 11°C-ot is elérhet, míg az éjszakák 2-3°C körül alakulnak. Fagypont alatti hőmérséklet még gyakori éjszaka, de a nappali órákban már kellemes meleg lehet.</p>



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



<p>A csapadék mennyisége mérsékelt növekedést mutat, 60-65 mm körüli értékkel. A csapadékos napok száma 11, már többnyire eső formájában, bár hóesés még előfordulhat.</p>



<p>A páratartalom csökken, 75-80% körüli értékre. A márciusi időjárás változékony, de már egyre kellemesebbé válik a városlátogatáshoz.</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 15°C körülire emelkedik, míg éjszaka 5-6°C körül alakul. A fagy már ritka, és a hónap végére már kellemes tavaszi napok jellemzők.</p>



<p>A napsütéses órák száma átlagosan napi 5,5 óra. A nappali világosság időtartama 13,5 órára nő. A napkelte 6:45 körül, a napnyugta pedig 20:00 körül történik (nyári időszámítás kezdete miatt).</p>



<p>A csapadék mennyisége növekszik, 70-75 mm körüli értékkel. Az esős napok száma 11-12, általában záporok formájában.</p>



<p>A páratartalom csökken, 70-75% körüli. Április az egyik legszebb hónap Bázel látogatására – virágzó természet, kellemes hőmérséklet, bár változékony időjárással kell számolni.</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 hőmérséklet már kellemes meleg értékek felé kúszik. A nappali értékek 19°C körülire emelkednek, míg éjszaka 9-10°C körül alakulnak. A hónap végére már igazi nyári napok is előfordulhatnak.</p>



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



<p>A csapadék mennyisége a legmagasabb az évben, 90-100 mm körüli értékkel. A csapadékos napok száma 12-13, gyakran délutáni záporok vagy zivatarok formájában.</p>



<p>A páratartalom 70% körüli értékre csökken. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, valamint esernyő a gyakori záporok miatt.</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 melegséggel. A nappali maximum 23°C körülire emelkedik, míg éjszaka 12-13°C körül alakul. A napok hosszúak és többnyire kellemesek.</p>



<p>A napsütéses órák száma átlagosan napi 7 ó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:30 körül, a napnyugta pedig késői, 21:15 körül van.</p>



<p>A csapadék mennyisége magas marad, 90-95 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, ami kellemes közérzetet biztosít. A júniusi utazáshoz könnyű nyári ruházat é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 Bázel legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 25°C-ot, míg az éjszakák is melegek maradnak, 14°C körüli értékekkel. Hőhullámok esetén a hőmérséklet átmenetileg 30°C fölé is emelkedhet.</p>



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



<p>A csapadék mennyisége mérsékelt, 80-85 mm körüli értékkel. A csapadékos napok száma 11-12, gyakran rövid, intenzív záporok vagy zivatarok formájában.</p>



<p>A páratartalom 70% körüli, ami kellemes nyári időt biztosít. A júliusi látogatáshoz könnyű nyári ruházat, napszemüveg és fényvédő 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. A nappali hőmérséklet 24°C körül alakul, míg éjszaka 14°C-ra hűl le. Az időjárás hasonló júliushoz, bár a hónap vége felé már érezhető az ősz közeledése.</p>



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



<p>A csapadék mennyisége 85-90 mm körüli értékkel. A csapadékos napok száma 11-12, továbbra is gyakori a délutáni zivatarok.</p>



<p>A páratartalom 72-75% körüli. Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: könnyű ruházat é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. A nappali hőmérséklet 19°C körül alakul, éjszaka pedig 10-11°C-ra csökken. A hónap eleje még nyárias lehet, de a vége felé már őszi hűvösség érezhető.</p>



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



<p>A csapadék mennyisége 75-80 mm körüli értékre csökken. A csapadékos napok száma 10-11.</p>



<p>A páratartalom 75-80% körüli. A szeptemberi látogatáshoz réteges öltözködés ajánlott, mivel a hőmérséklet ingadozhat.</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, hűvösödő hőmérséklettel. A nappali hőmérséklet 13°C körülire csökken, míg éjszaka 6-7°C körül alakul. A hónap végére már jelentős lehűlés tapasztalható.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 3,5 óra. A nappali világosság időtartama jelentősen lerövidül, 10,5 órára. A napkelte 7:45 körül, a napnyugta pedig 18:30 körül történik (téli időszámítás kezdete miatt).</p>



<p>A csapadék mennyisége a legmagasabb az őszi hónapok közül, 70-75 mm körüli értékkel. A csapadékos napok száma 10-11, gyakran hosszabb esők formájában.</p>



<p>A páratartalom magas, 85% körüli értékre emelkedik. Az októberi látogatáshoz átmeneti kabát, esernyő és melegebb 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, jelentős lehűléssel. A nappali hőmérséklet 7°C körülire süllyed, míg éjszaka már 2°C körül vagy az alatt alakul. A hónap végére már fagyos reggelek és akár hóesés is előfordulhat.</p>



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



<p>A csapadék mennyisége mérsékelt, 60-65 mm körüli értékkel. A csapadékos napok száma 10-11, a hónap végén már akár hó formájában is.</p>



<p>A páratartalom 85-90% körüli, ami nedves, nyirkos időjárást eredményez. A novemberi látogatáshoz meleg kabát, sál és esernyő 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 Bázel egyik legsötétebb és leghidegebb hónapja. A nappali hőmérséklet 4°C körül alakul, míg éjszaka 0°C körülire vagy az alá süllyedhet. Fagypont alatti hőmérséklet gyakori, és havazás is előfordulhat.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 1,5 ó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, 8:10 körüli, a napnyugta pedig korai, 16:40 körüli.</p>



<p>A csapadék mennyisége 65-70 mm körüli értékkel. A csapadékos napok száma 11-12, gyakran hó vagy havas eső formájában.</p>



<p>A páratartalom igen magas, 85-90% körüli. A decemberi látogatáshoz teljes téli ruházat szükséges: meleg kabát, sapka, sál, kesztyű.</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">Bázel 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: 15 },
{ honap5: "Május", homerseklet5: 19 },
{ honap5: "Június", homerseklet5: 23 },
{ honap5: "Július", homerseklet5: 25 },
{ honap5: "Augusztus", homerseklet5: 24 },
{ honap5: "Szeptember", homerseklet5: 19 },
{ honap5: "Október", homerseklet5: 13 },
{ honap5: "November", homerseklet5: 7 },
{ 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">Bázel 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: 3 },
{ honap: "Március", homerseklet: 7 },
{ honap: "Április", homerseklet: 10 },
{ honap: "Május", homerseklet: 14 },
{ honap: "Június", homerseklet: 18 },
{ honap: "Július", homerseklet: 20 },
{ honap: "Augusztus", homerseklet: 19 },
{ honap: "Szeptember", homerseklet: 15 },
{ honap: "Október", homerseklet: 9 },
{ honap: "November", homerseklet: 5 },
{ honap: "December", homerseklet: 2 }
    ];
    // 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">Bázel á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: 55 },
{ honap: "Február", csapadek: 48 },
{ honap: "Március", csapadek: 63 },
{ honap: "Április", csapadek: 73 },
{ honap: "Május", csapadek: 95 },
{ honap: "Június", csapadek: 93 },
{ honap: "Július", csapadek: 83 },
{ honap: "Augusztus", csapadek: 88 },
{ honap: "Szeptember", csapadek: 78 },
{ honap: "Október", csapadek: 73 },
{ honap: "November", csapadek: 63 },
{ honap: "December", csapadek: 68 }
    ];
    // 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">Bázel 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: 88 },
{ honap11: "Február", paratartalom11: 83 },
{ honap11: "Március", paratartalom11: 78 },
{ honap11: "Április", paratartalom11: 73 },
{ honap11: "Május", paratartalom11: 70 },
{ honap11: "Június", paratartalom11: 73 },
{ honap11: "Július", paratartalom11: 70 },
{ honap11: "Augusztus", paratartalom11: 74 },
{ honap11: "Szeptember", paratartalom11: 78 },
{ honap11: "Október", paratartalom11: 85 },
{ 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 Bázelben</strong></h2>



<p>Bázel mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami az északi földrajzi elhelyezkedésnek és a gyakran felhős égboltnak köszönhető. A UV-védelem azonban bizonyos időszakokban itt is fontos.</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 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 már 6-7-es szintre (magas) emelkedik. A tavasz második felében, különösen napos napokon, 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 Bázel UV-indexe eléri a 7-8-as értéket (magas-nagyon magas), különösen a déli órákban (11:00-15:00 között). Tiszta időben a sugárzás intenzitása miatt védelem nélkül 20-25 perc alatt napégést lehet szenvedni. A magashegyi kirándulások esetén az UV-sugárzás még erősebb.</p>



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



<p>Az ősz elején, szeptemberben az UV-index még 5-6-os értékkel (mérsékelt-magas) bír, majd októberre 3-4-es szintre (alacsony-mérsékelt), novemberre pedig 1-2-es szintre csökken (alacsony). Azonban napos őszi napokon még mindig érdemes fényvédelmet használni.</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). A téli napok rövidek és gyakran felhősek, így a napégés veszélye minimális. Kivétel a hegyvidéki síelés, ahol a hóról visszaverődő fény jelentősen növelheti az UV-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>: A nyári hónapokban és tavasszal minimum SPF 30-as fényvédő ajánlott, különösen hosszabb szabadtéri tartózkodás esetén.</li>



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



<li><strong>Megfelelő időzítés</strong>: A legerősebb napfény a déli órákban (11:00-15:00) van, érdemes ekkor árnyékos helyeket keresni.</li>



<li><strong>Magashegyi védelem</strong>: A közeli Alpokban és Jura-hegységben az UV-sugárzás erősebb a magasság miatt, így fokozott védelem szükséges.</li>



<li><strong>Téli síelés</strong>: Síelés és hóban való tartózkodás esetén is fényvédőt kell használni a visszaverődő fény miatt.</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>Bázel mérsékelt éghajlati övezetben fekszik, így extrém időjárási események ritkábbak, mint más régiókban, de bizonyos jelenségek előfordulhatnak.</p>



<p>A nyári hónapokban, különösen június és augusztusban, erős zivatarok léphetnek fel, amelyek intenzív esővel, jégesővel és erős széllel járhatnak. Ezek a viharok általában gyorsan elvonulnak, de jelentős kárt okozhatnak, különösen a Rajna-parti területeken.</p>



<p>A téli hónapokban havazás és jegesedés rendszeres jelenség, különösen január és február folyamán. A hóviharok ritkák, de előfordulhatnak, ilyenkor a közlekedés akadozhat. A Rajna ritkán fagy be, de hideg teleken jégzajlás tapasztalható.</p>



<p>A tavaszi és őszi hónapokban árvízveszély léphet fel, különösen hirtelen hóolvadás vagy hosszan tartó esőzések esetén. A Rajna vízszintje jelentősen megemelkedhet, ami a városközpont bizonyos részeit veszélyeztetheti.</p>



<p>Télen és tavasszal erős északi és északkeleti szelek, úgynevezett Bise-szelek fújhatnak, amelyek kellemetlen hideget hoznak. Nyáron délről érkező meleg szelek, a Föhn-szelek okozhatnak gyors hőmérséklet-emelkedést.</p>



<p>Hőhullámok ritka, de egyre gyakoribb jelenség nyáron, amikor a hőmérséklet több napig 30°C felett marad. Ilyenkor a városi hősziget-hatás felerősödik.</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 Bázelbe utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Bázel meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen május és szeptember között. Ilyenkor kellemes, mérsékelt hőmérséklet (18-24°C), viszonylag stabil időjárás és hosszú nappalok jellemzik a várost, ami ideális a városnézéshez, múzeumlátogatáshoz és a Rajna-parti sétákhoz.</p>



<p>A <strong>kora őszi időszak</strong>, szeptember és október eleje szintén kiváló választás, amikor még kellemes a hőmérséklet, és az őszi színek különleges hangulatot kölcsönöznek a városnak. Szeptember még nyárias lehet, de már kevésbé esős, mint a nyár.</p>



<p>A <strong>nyári hónapok</strong> (június-augusztus) szintén népszerűek a turisták körében, kellemes melegséggel és hosszú nappalokkal. Bár gyakoribbak az esők, a zivatarok általában rövidek, és a napsütéses órák száma magas. Ez az időszak ideális a szabadtéri fesztiválokhoz és rendezvényekhez.</p>



<p>A <strong>tavaszi hónapok</strong> (április-május) változékony időjárást hoznak, de a virágzó természet és a fokozatosan melegedő időjárás kellemes élményt nyújt. Április különösen szép, bár esernyő mindenképpen szükséges.</p>



<p>Kerülendő időszakok: A téli hónapok (december-február) hidegek, sötétek és gyakran borultak, ami nem ideális a városnézéshez, bár a karácsonyi vásárok különleges hangulatot teremtenek. November szintén szürke és nyirkos lehet, kevés napsütéssel.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bázel &#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="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="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/47d567d59/basel/" data-label_1="BASEL" data-theme="original" >BASEL</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/bazel-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Bázel időjárása – 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>Kefalónia időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/kefalonia-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 15 Dec 2025 08:41:19 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Görögország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1591</guid>

					<description><![CDATA[<p>Kefalónia Görögország egyik legnagyobb és legszebb szigete. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Időjárása mediterrán, amely meleg, száraz nyarakat és enyhe, csapadékos&#8230;</p>
<p>A <a href="https://mikorutazz.hu/kefalonia-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/">Kefalónia időjárása – 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>Kefalónia Görögország egyik legnagyobb és legszebb szigete. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni.</strong></p>



<p>Időjárása mediterrán, amely meleg, száraz nyarakat és enyhe, csapadékos teleket eredményez. A Jón-tenger közelsége és a sziget elhelyezkedése jelentősen befolyásolják Kefalónia éghajlatá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>Kefalónia időjárásában négy fő évszak különíthető el: tél, tavasz, nyár és ősz, amelyek a mediterrán klíma jellegzetes tulajdonságait mutatják.</p>



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



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



<p>A tél Kefalónián enyhe, de csapadékos időszak. Az átlaghőmérséklet <strong>10-15°C</strong> között mozog nappal, míg éjszaka <strong>5-9°C</strong> körül alakul. December és január a legcsapadékosabb hónapok, amikor a havi csapadék mennyisége elérheti a 150-190 mm-t is. Ez az időszak csendes, kevés turista látogatja a szigetet, és sok szálláshely zárva tart.</p>



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



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



<p>A tavasz fokozatosan melegedő, kellemesebb időszak. Az átlaghőmérséklet <strong>15-23°C</strong> közötti, éjszaka <strong>10-16°C</strong> körül alakul. A csapadék mennyisége folyamatosan csökken az előző hónapokhoz képest, áprilisban még 40-60 mm, májusban már csak 20-30 mm. A napsütéses órák száma növekszik, átlagosan 8-10 óra naponta. Ez kiváló időszak azok számára, akik szeretnék elkerülni a nyári tömegeket, de már kellemes időben szeretnének utazni.</p>



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



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



<p>A nyár Kefalónia legmelegebb és legszárazabb évszaka. Az átlaghőmérséklet <strong>26-31°C</strong> között alakul nappal, éjszaka <strong>18-22°C</strong> körül. Július és augusztus a legforróbb hónapok, amikor a hőmérséklet akár 35-40°C-ra is emelkedhet. A csapadék minimális, átlagosan csak 5-10 mm havonta, az esős napok száma alig 1-3. A napsütéses órák száma maximális, 11-12 óra naponta. Az égbolt többnyire tiszta és felhőtlen. A relatív páratartalom mérsékelt, 55-67% körüli, így a forróság elviselhető.</p>



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



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



<p>Az ősz kellemes átmeneti időszak. A hőmérséklet fokozatosan csökken: októberben még <strong>18-24°C</strong>, novemberben <strong>13-18°C</strong> körül alakul nappal. A csapadék mennyisége növekszik, októberben 70-130 mm, novemberben már 150-160 mm. Az esős napok száma is emelkedik, különösen november végén. A napsütéses órák száma csökken, 5-7 óra naponta. Október elején még nyárias időjárás jellemző, ideális a strandoláshoz és szabadtéri programokhoz.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Kefalónia 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 Kefalónia leghidegebb hónapja, enyhén hűvös, csapadékos idővel. A nappali hőmérséklet általában 13-15°C között mozog, míg éjszaka 7-9°C-ra hűl le. A hideghullámok ritkák, de előfordulhat, hogy a hőmérséklet 0-3°C-ra csökken a leghidegebb éjszakákon.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 4-5 óra. A nappali világosság időtartama körülbelül 10 óra. A napkelte 7:30 körül, a napnyugta pedig 17:30 körül van.</p>



<p>A csapadék mennyisége magas, átlagosan 100-150 mm körül mozog, és a havi csapadékos napok száma 12-14. Az esőzések gyakran hosszabb ideig tartó, mérsékelt intenzitású záporok vagy szitálás formájában jelentkeznek. Zivatarok is előfordulhatnak.</p>



<p>Az égbolt gyakran felhős vagy borult, de vannak tisztább időszakok is. A relatív páratartalom magas, 70-75% körüli. A szél mérsékelt, jellemzően északnyugati irányból fúj, átlagosan 12-15 km/h sebességgel. A tenger hűvös és gyakran hullámzó, a vízhőmérséklet 15-16°C körül alakul.</p>



<p>Ha januárban utazol Kefalóniára, meleg ruházat, vízálló kabát és esernyő szükséges. Rétegelt öltözék ajánlott, hogy alkalmazkodni tudj a változó időjáráshoz. Ez a hónap ideális a kulturális látnivalók csendes felfedezéséhez.</p>



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



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



<p>Február hasonló Kefalónia leghidegebb időszakához, enyhén hűvös és esős idővel. A nappali hőmérséklet 13-15°C között alakul, míg éjszaka 6-9°C közötti értékeket mérnek. Február jellemzően a leghidegebb éjszakákat hozza, amikor a hőmérséklet akár 0°C alá is csökkenhet a magasabban fekvő területeken.</p>



<p>A napsütéses órák száma kis mértékben növekszik, átlagosan napi 5 óra. A nappali világosság időtartama körülbelül 11 óra. A napkelte és napnyugta időpontjai lassan kitolódnak.</p>



<p>A csapadék mennyisége csökken az előző hónaphoz képest, átlagosan 85-115 mm, és a csapadékos napok száma 11-13 között alakul. Az esőzések általában mérsékelt intenzitásúak, de előfordulhatnak heves záporok és zivatarok is.</p>



<p>A relatív páratartalom továbbra is magas, 70-72% körüli. Február a legszélesebb hónap Kefalónián, az északnyugati szelek akár 13-15 km/h átlagsebességgel is fújhatnak. A tenger hőmérséklete az év legalacsonyabb pontján van, 14-15°C körül, ami nem alkalmas fürdésre.</p>



<p>A februári látogatáshoz meleg, vízálló ruházat szükséges, beleértve egy jó széldzsekiket is. Az időjárás még mindig alkalmas sétákhoz és városnézéshez, ha megfelelően felöltözöl.</p>



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



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



<p>Március a tavasz kezdete, amikor az időjárás fokozatosan javul. A nappali hőmérséklet 15-16°C közé emelkedik, míg az éjszakák 8-10°C között alakulnak. A hónap végére már érezhető a melegedés.</p>



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



<p>A csapadék mennyisége csökken, 55-90 mm körüli értékkel. Az esős napok száma 9-11 közötti, általában rövid záporok vagy szitálás formájában. A zivataros napok ritkábbak, mint télen.</p>



<p>A páratartalom lassan csökken, 70-71% körülire. A szél még mindig viszonylag erős lehet, átlagosan 12-13 km/h sebességgel, ami március másodiknak legszélesebb hónapjává teszi. A tenger továbbra is hűvös, 15-16°C körül, még nem alkalmas fürdésre.</p>



<p>A márciusi látogatáshoz rétegelt ruházat ajánlott: könnyebb napos időre, melegebb az esős, szeles napokra. Ez jó időszak a sziget felfedezéséhez, amikor a természet életre kel és a vadvirágok elkezdnek nyílni.</p>



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



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



<p>Április kellemes tavaszi időt hoz, javuló időjárással. A nappali hőmérséklet 17-19°C közé emelkedik, míg éjszaka 10-12°C körül alakul. A hónap vége felé már érezhető a melegebb időjárás közeledése.</p>



<p>A napsütéses órák száma jelentősen növekszik, átlagosan napi 7-8 óra. A nappali világosság időtartama 13 óra körüli. A napkelte 6:20 körül, a napnyugta pedig 19:30 körül van.</p>



<p>A csapadék mennyisége tovább csökken, 40-60 mm körüli értékre. Az esőzések ritkábbak, az esős napok száma 8-10 közé csökken, általában rövid záporok formájában, főként a délutáni órákban.</p>



<p>A páratartalom 70-71% körüli marad. A szél mérséklődik, átlagosan 11-12 km/h sebességgel. A tenger hőmérséklete lassan emelkedik, 16-17°C körüli értékre, ami még mindig hűvös, de a bátrabbak már kipróbálhatják.</p>



<p>Az áprilisi látogatáshoz könnyű, rétegelt ruházat ajánlott. Ez kiváló időszak a természetjáráshoz, a sziget látnivalóinak felfedezéséhez, amikor kevés a turista és a szálláshelyek árai még kedvezőek. Sok hotel és étterem ebben a hónapban nyit ki a szezonra.</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 az egyik legjobb hónap Kefalónia meglátogatására, kellemes meleg idővel. A nappali hőmérséklet 22-24°C közé emelkedik, míg éjszaka 14-16°C körül alakul. Az időjárás már nyáriasabb, de nem túl forró.</p>



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



<p>A csapadék mennyisége minimálisra csökken, 20-30 mm körüli értékkel. Az esőzések ritkák, az esős napok száma mindössze 4-6. Ha esik, általában rövid, frissítő záporok formájában.</p>



<p>A páratartalom csökken, 68-70% körülire, ami kellemes közérzetet biztosít. A szél mérsékelt, átlagosan 11 km/h sebességgel. A tenger hőmérséklete 19-20°C körüli, ami már kellemes lehet a fürdéshez, bár még frissítő.</p>



<p>A májusi látogatáshoz könnyű nyári ruházat ajánlott, napvédelemmel. Ez kiváló időszak a strandoláshoz, túrázáshoz és minden szabadtéri tevékenységhez. A sziget gyönyörűen zöld, a virágok teljes pompájukban. Kevesebb a turista, mint nyáron, így nyugodtabb élményben lehet részed.</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úniusban már teljes mértékben beköszönt a nyár Kefalónián. A nappali hőmérséklet 27-28°C közé emelkedik, míg éjszaka 18-20°C körül alakul. Az időjárás stabil és meleg.</p>



<p>A napsütéses órák száma a legmagasabb az évben, átlagosan napi 11 óra. A nappali világosság időtartama eléri a 15 órát, ez az év leghosszabb napjainak időszaka. A napkelte 5:50 körül, a napnyugta pedig 20:30 körül van.</p>



<p>A csapadék mennyisége minimális, átlagosan csak 5-10 mm. Az esős napok száma 2-3, az esőzések rendkívül ritkák és rövidek. A szárazság jellemzi ezt az időszakot.</p>



<p>A páratartalom tovább csökken, 65-67% körülire, ami kellemes körülményeket teremt. A délnyugati szellők kellemesen enyhítik a meleget. A tenger hőmérséklete 22-24°C közé emelkedik, ideális a fürdéshez.</p>



<p>A júniusi látogatáshoz könnyű, légáteresztő nyári ruházat, magas faktorszámú napvédő, napszemüveg és kalap szükséges. Ez az egyik legjobb időszak Kefalónia meglátogatására: meleg idő, kevesebb tömeg, mint júliusban-augusztusban, és minden szolgáltatás már működik.</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 a nyár csúcspontja, forró és száraz idővel. A nappali hőmérséklet 30-31°C közé emelkedik, de gyakran meghaladhatja a 35°C-ot is. Éjszaka 21-22°C körül alakul. Ez az egyik legforróbb időszak Kefalónián.</p>



<p>A napsütéses órák száma változatlanul magas, átlagosan napi 12 óra. A nappali világosság időtartama 14,5 óra körüli. A napkelte 5:50 körül, a napnyugta pedig 20:30 körül történik.</p>



<p>A csapadék mennyisége minimális, átlagosan csak 5-6 mm. Az esős napok száma mindössze 1-2, ami azt jelenti, hogy gyakorlatilag egyáltalán nem esik. A szárazság teljes mértékben jellemzi ezt a hónapot.</p>



<p>A páratartalom a legalacsonyabb az évben, 54-64% körüli, így a forróság elviselhetőbb. A tengeri szellők kellemesek és enyhítik a hőséget. A tenger hőmérséklete 25-26°C, tökéletes az úszáshoz és vízi sportokhoz.</p>



<p>A júliusi látogatáshoz a lehető legkönnyebb ruházat ajánlott, magas faktorszámú napvédő krém, napszemüveg és kalap elengedhetetlen. Fontos a gyakori folyadékpótlás. Ez a legforgalmasabb hónap, így magasabb árakra és több turistára kell számítani. Érdemes a legforróbb déli órákat árnyékban tölteni.</p>



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



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



<p>Augusztus a legmelegebb hónap Kefalónián, forró és száraz idővel. A nappali hőmérséklet eléri a 31-32°C-ot, de gyakran 35-37°C is lehet. Éjszaka 22-23°C körül alakul. Ez a legintenzívebb nyári időszak.</p>



<p>A napsütéses órák száma magas, átlagosan napi 11-12 óra. A nappali világosság időtartama 13,5 óra körüli. A napkelte 6:10 körül, a napnyugta pedig 20:00 körül van.</p>



<p>A csapadék mennyisége minimális, átlagosan 5-8 mm. Az esős napok száma mindössze 1-2, gyakorlatilag nem esik eső. A szárazság teljes.</p>



<p>A páratartalom alacsony, 60-64% körüli. A tengeri szellők folyamatosak és kellemes enyhülést nyújtanak. A tenger hőmérséklete eléri az évi csúcsot, 25-27°C, tökéletes minden vízi tevékenységhez.</p>



<p>Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: könnyű ruházat, maximális napvédelem, gyakori folyadékbevitel. Augusztus a csúcsszezon csúcsa, a legtöbb turista ebben a hónapban látogatja a szigetet. Az árak a legmagasabbak, és a híres strandok zsúfoltak lehetnek. Érdemes korán reggel vagy késő délután strandolni.</p>



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



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



<p>Szeptember még mindig meleg, de kissé enyhébb, mint a nyár csúcsa. A nappali hőmérséklet 27-28°C között mozog, míg éjszaka 18-20°C körül alakul. Az időjárás még kiválóan alkalmas a strandoláshoz.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan napi 9 óra. A nappali világosság időtartama 12,5 óra körüli. 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 kis mértékben növekszik, 40-50 mm körüli értékre. Az esős napok száma 4-5 közötti, általában rövid záporok formájában, amelyek nem zavarják jelentősen a programokat.</p>



<p>A páratartalom 62-65% körüli. A tengeri szellők továbbra is kellemesek. A tenger hőmérséklete még mindig magas, 24-25°C, ideális a fürdéshez.</p>



<p>A szeptemberi látogatáshoz könnyű nyári ruházat ajánlott, napvédelemmel. Hasznos lehet egy könnyű pulóver az estékre. Szeptember az egyik legjobb hónap Kefalónia meglátogatására: még meleg az idő, de már kevesebb a turista, és az árak is alacsonyabbak, mint júliusban-augusztusban.</p>



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



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



<p>Október kellemes őszi időt hoz, még mindig meleg, de már hűvösebb, mint nyáron. A nappali hőmérséklet 21-23°C között alakul, míg éjszaka 14-16°C körül van. Az időjárás változékonyabb.</p>



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



<p>A csapadék mennyisége jelentősen növekszik, 70-130 mm körüli értékkel. Az esős napok száma 7-10 közötti. Az esőzések gyakoribbak és intenzívebbek, de még mindig vannak hosszabb napos időszakok.</p>



<p>A páratartalom emelkedik, 65-70% körülire. A szél mérsékelt. A tenger hőmérséklete 22-23°C körül alakul, ami még kellemes lehet az úszáshoz, különösen a hónap elején.</p>



<p>Az októberi látogatáshoz rétegelt ruházat ajánlott: könnyű ruhák a napos napokra, melegebb pulóver vagy kabát az esős, hűvösebb időre. Érdemes vízálló kabátot is csomagolni. Október ideális a túrázáshoz és a sziget felfedezéséhez, amikor már kevesebb a turista és az árak kedvezőek.</p>



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



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



<p>November már az ősz végét jelenti, hűvösebb és csapadékosabb idővel. A nappali hőmérséklet 17-18°C között mozog, míg éjszaka 11-13°C körül alakul. Az időjárás változékony és gyakran felhős.</p>



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



<p>A csapadék mennyisége magas, 150-165 mm körüli értékkel. Az esős napok száma 12-13 közé emelkedik. Az esőzések gyakran hosszabb ideig tartanak, és előfordulhatnak heves zivatarok is. November az egyik legcsapadékosabb hónap.</p>



<p>A páratartalom magas, 73-75% körüli. A szél megerősödhet, különösen a part menti területeken. A tenger hőmérséklete 19-20°C körül alakul, ami már túl hideg a fürdéshez a legtöbb ember számára.</p>



<p>A novemberi látogatáshoz meleg, vízálló ruházat szükséges, esernyő és vízálló cipő. Ez csendes időszak, kevés turista van, de az időjárás nem kedvez a strandolásnak. Ideális lehet a múzeumok és beltéri látnivalók felfedezéséhez.</p>



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



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



<p>December a tél kezdete, hűvös és csapadékos idővel. A nappali hőmérséklet 14-15°C között alakul, míg éjszaka 7-9°C körül van. Ez a sziget egyik leghidegebb és legcsapadékosabb időszaka.</p>



<p>A napsütéses órák száma a legalacsonyabb az évben, átlagosan napi 4 óra. A nappali világosság időtartama 9,5-10 óra körüli. A napkelte 7:20 körül, a napnyugta pedig 17:20 körül történik, ezek az év legrövidebb napjai.</p>



<p>A csapadék mennyisége a legmagasabb az évben, 165-190 mm körüli értékkel. Az esős napok száma 12-15 között alakul. Az esőzések gyakran hosszan tartanak, és előfordulhatnak heves zivatarok is. December a legcsapadékosabb hónap.</p>



<p>A páratartalom magas, 72-74% körüli. A szél mérsékelt, de az északnyugati szelek megerősödhetnek. A tenger hőmérséklete 17-18°C körül alakul, nem alkalmas fürdésre.</p>



<p>A decemberi látogatáshoz meleg téli ruházat, vízálló kabát és esernyő elengedhetetlen. Sok szálláshely zárva van ebben az időszakban. A december csendes, de esős hónap, amikor a helyi karácsonyi ünnepségek és hagyományok megtapasztalhatók.</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">Kefalónia 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: 14 },
{ honap5: "Február", homerseklet5: 14 },
{ honap5: "Március", homerseklet5: 16 },
{ honap5: "Április", homerseklet5: 18 },
{ honap5: "Május", homerseklet5: 23 },
{ honap5: "Június", homerseklet5: 28 },
{ honap5: "Július", homerseklet5: 31 },
{ honap5: "Augusztus", homerseklet5: 32 },
{ honap5: "Szeptember", homerseklet5: 28 },
{ honap5: "Október", homerseklet5: 22 },
{ honap5: "November", homerseklet5: 18 },
{ honap5: "December", homerseklet5: 15 }
    ];
    // 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">Kefalónia 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: 11 },
{ honap: "Február", homerseklet: 11 },
{ honap: "Március", homerseklet: 12 },
{ honap: "Április", homerseklet: 15 },
{ honap: "Május", homerseklet: 19 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 26 },
{ honap: "Augusztus", homerseklet: 27 },
{ honap: "Szeptember", homerseklet: 23 },
{ honap: "Október", homerseklet: 18 },
{ honap: "November", homerseklet: 15 },
{ honap: "December", homerseklet: 11 }
    ];
    // 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">Kefalónia á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: 125 },
{ honap: "Február", csapadek: 100 },
{ honap: "Március", csapadek: 73 },
{ honap: "Április", csapadek: 50 },
{ honap: "Május", csapadek: 25 },
{ honap: "Június", csapadek: 8 },
{ honap: "Július", csapadek: 6 },
{ honap: "Augusztus", csapadek: 7 },
{ honap: "Szeptember", csapadek: 45 },
{ honap: "Október", csapadek: 100 },
{ honap: "November", csapadek: 158 },
{ honap: "December", csapadek: 178 }
    ];
    // 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">Kefalónia 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: 73 },
{ honap11: "Február", paratartalom11: 71 },
{ honap11: "Március", paratartalom11: 71 },
{ honap11: "Április", paratartalom11: 71 },
{ honap11: "Május", paratartalom11: 69 },
{ honap11: "Június", paratartalom11: 66 },
{ honap11: "Július", paratartalom11: 59 },
{ honap11: "Augusztus", paratartalom11: 62 },
{ honap11: "Szeptember", paratartalom11: 64 },
{ honap11: "Október", paratartalom11: 68 },
{ honap11: "November", paratartalom11: 74 },
{ honap11: "December", paratartalom11: 73 }
    ];
    // 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>Tenger vízhőmérséklete</strong></h2>



<p>Kefalónia tenger vízhőmérséklete az év során jelentős változást mutat, a téli hidegebb időszaktól a nyári melegebb periódusig. A Jón-tenger mediterrán jellege biztosítja a viszonylag kellemes vízparamétereket.</p>



<p>A Jón-tenger vize általában nyugodtabb, mint az Égei-tenger, és nem fúj olyan erősen a Meltemi szél nyáron. Az árapály nem jelentős Kefalónián. A víz átlátszósága kiváló, különösen a nyári hónapokban, ami ideális a búvárkodáshoz és snorkelezéshez.</p>



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



<p><strong>Január-február</strong>: A víz hőmérséklete az év legalacsonyabb pontján van, 14-16°C között alakul. Ez túl hideg a fürdésre, csak a legedzettebb úszók merik kipróbálni. A tél folyamán a víz hideg és gyakran hullámzó.</p>



<p><strong>Március-április</strong>: A víz hőmérséklete lassan emelkedik, 15-17°C közötti értékeket érve el. Március végén és áprilisban már kissé melegebb, de még mindig hűvös a fürdéshez. A bátrabbak elkezdhetnek pancsolni a sekélyebb öblökben.</p>



<p><strong>Május</strong>: A víz hőmérséklete tovább emelkedik, 19-20°C körülire. Májusban már kellemes lehet az úszás a melegebb napokon, bár még frissítő. Ez az időszak a szezon kezdetét jelzi.</p>



<p><strong>Június</strong>: A tenger hőmérséklete 22-24°C közé emelkedik. Júniusban a víz már kellemes és alkalmas minden vízi sportra. Ez az egyik legjobb időszak a fürdéshez, amikor a víz már meleg, de még nem túl zsúfoltak a strandok.</p>



<p><strong>Július-augusztus</strong>: A víz hőmérséklete eléri az évi csúcsot, 25-27°C között mozog. Ezt az időszakot jellemzi a legmelegebb tengervíz, ideális körülmények az úszáshoz, búvárkodáshoz és minden vízi tevékenységhez. A víz tiszta, nyugodt és kellemes.</p>



<p><strong>Szeptember</strong>: A tenger hőmérséklete még mindig magas marad, 24-25°C körül. Szeptember kiváló hónap a fürdéshez, amikor a víz még kellemes meleg, de már kevesebb a turista a strandon.</p>



<p><strong>Október</strong>: A víz hőmérséklete lassan csökken, 22-23°C körülire. Október elején még kellemes lehet az úszás, de a hónap végére már hűvösebb lesz. A bátrabbak számára még elfogadható.</p>



<p><strong>November-december</strong>: A víz hőmérséklete tovább csökken, 17-20°C közé. November végére és decemberre a tenger már túl hideg a fürdésre, kivéve a legedzettebb úszókat. A víz gyakran hullámzó és viharos.</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-container3 {
      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-title3 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar3 {
      fill: #1ad1ff;
      transition: fill 0.3s;
    }
    .bar3:hover {
      fill: #00b8e6;
    }
    .axis3 text {
      font-size: 17px;
    }
    .axis-label3 {
      font-size: 17px;
    }
    .tooltip3 {
      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-container3 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider3 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container3 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart3 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container3" id="chartContainer3">
    <div class="chart-title3">Tenger vízhőmérséklete</div>
    <div id="chart3"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container3">
    <input type="range" min="0" max="100" value="0" class="slider3" id="chartSlider3">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - tenger vízhőmérséklet adatok
    const data3 = [
     { honap: "Január", homerseklet: 15 },
{ honap: "Február", homerseklet: 15 },
{ honap: "Március", homerseklet: 16 },
{ honap: "Április", homerseklet: 16 },
{ honap: "Május", homerseklet: 20 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 26 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 25 },
{ honap: "Október", homerseklet: 23 },
{ honap: "November", homerseklet: 20 },
{ honap: "December", homerseklet: 18 }
    ];
    // Méretek és margók beállítása
    const margin3 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width3 = 800 - margin3.left - margin3.right;
    const height3 = 400 - margin3.top - margin3.bottom;
    // SVG elem létrehozása
    const svg3 = d3.select("#chart3")
      .append("svg")
      .attr("width", width3 + margin3.left + margin3.right)
      .attr("height", height3 + margin3.top + margin3.bottom)
      .append("g")
      .attr("transform", `translate(${margin3.left},${margin3.top})`);
    // Tooltip létrehozása
    const tooltip3 = d3.select("body").append("div")
      .attr("class", "tooltip3");
    // Skálák beállítása
    const x3 = d3.scaleBand()
      .domain(data3.map(d => d.honap))
      .range([0, width3])
      .padding(0.2);
    const y3 = d3.scaleLinear()
      .domain([0, d3.max(data3, d => d.homerseklet) + 0])
      .nice()
      .range([height3, 0]);
    // X tengely rajzolása
    svg3.append("g")
      .attr("class", "axis3")
      .attr("transform", `translate(0,${height3})`)
      .call(d3.axisBottom(x3))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis3 = svg3.append("g")
      .attr("class", "axis3")
      .call(d3.axisLeft(y3).tickSize(-width3).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis3.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis3.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg3.append("text")
      .attr("class", "axis-label3")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin3.left + 15)
      .attr("x", -height3 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg3.selectAll(".bar3")
      .data(data3)
      .enter()
      .append("rect")
      .attr("class", "bar3")
      .attr("x", d => x3(d.honap))
      .attr("width", x3.bandwidth())
      .attr("y", d => y3(d.homerseklet))
      .attr("height", d => height3 - y3(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip3.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip3.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer3');
      const slider = document.getElementById('chartSlider3');
      
      // 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>



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



<p>Kefalónia földrajzi elhelyezkedése miatt az UV sugárzás az év nagy részében magas vagy nagyon magas. A mediterrán övezetben, az Egyenlítőhöz viszonylag közel a napsugárzás intenzitása erősebb, mint Közép- vagy Észak-Európában.</p>



<p><strong>Január-február</strong>: Az UV index ebben az időszakban mérsékelt, általában 3-4 körül mozog. Ez &#8222;közepes&#8221; kategóriának számít. Napvédelem még mindig ajánlott a hosszabb szabadtéri tartózkodás során, különösen a déli órákban.</p>



<p><strong>Március-április</strong>: Az UV index emelkedik, 5-6 körüli értékekre. Ez már &#8222;magas&#8221; kategóriába tartozik. Március közepétől kezdve egyre fontosabb a megfelelő napvédelem: naptej, napszemüveg és kalap használata.</p>



<p><strong>Május</strong>: Az UV index tovább növekszik, 7-8 körülire. Ez &#8222;nagyon magas&#8221; kategória. Májusban már jelentős az UV sugárzás, ezért fokozott óvatosság szükséges. A déli órákban (11:00-15:00 között) érdemes árnyékban tartózkodni.</p>



<p><strong>Június-július</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 9-10 körül, ami &#8222;nagyon magas&#8221; vagy akár &#8222;extrém&#8221; kategóriába tartozik. A közvetlen napfény a déli órákban különösen veszélyes. Magas faktorszámú napvédő (legalább SPF 30-50+) elengedhetetlen, és gyakran kell újrakenni, különösen fürdés után.</p>



<p><strong>Augusztus</strong>: Az UV index továbbra is nagyon magas, 8-9 körüli értékekkel. Augusztus közepén tetőzik a napsugárzás erőssége. A fokozott napvédelem és a déli órák árnyékban töltése létfontosságú.</p>



<p><strong>Szeptember</strong>: Az UV index lassan csökken, 7-8 körülire, de még mindig &#8222;nagyon magas&#8221; kategóriába tartozik. Szeptember elején még majdnem akkora az UV sugárzás, mint augusztusban. A napvédelem továbbra is fontos.</p>



<p><strong>Október</strong>: Az UV index tovább csökken, 5-6 körüli értékekre, ami &#8222;magas&#8221; kategória. Október közepétől már mérsékeltebb a napsugárzás, de hosszabb szabadtéri tartózkodásnál még mindig szükséges a napvédelem.</p>



<p><strong>November-december</strong>: Az UV index visszaesik a legalacsonyabb szintre, 3-4 körül mozog, ami &#8222;közepes&#8221; kategória. A napvédelem fontossága csökken, de napos napokon még így is érdemes naptejet használni.</p>



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



<p>Az év bármely szakában ajánlott az SPF 30-50+ faktorszámú napvédő krém használata, különösen a nyári hónapokban. A naptej gyakori újrakenése elengedhetetlen, különösen fürdés, izzadás vagy törölközés után. Ajánlott a széles karimájú kalap, napszemüveg (UV szűrővel) viselése és a közvetlen napfény kerülése a legintenzívebb órákban (11:00-15:00 között).</p>



<p>A víz és a homok visszaverő hatása miatt a tengerparton tartózkodva fokozott napvédelemre van szükség. Vízálló napvédő krémek és UV-szűrős pólók használata ajánlott vízi sportok során. A világos bőrű turisták számára különösen fontos a fokozott óvatosság, mivel akár 20-30 perc közvetlen napsugárzás is leégést okozhat nyáron.</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-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: 4 },
{ honap: "Február", uv: 4 },
{ honap: "Március", uv: 6 },
{ honap: "Április", uv: 6 },
{ honap: "Május", uv: 8 },
{ honap: "Június", uv: 10 },
{ honap: "Július", uv: 10 },
{ honap: "Augusztus", uv: 9 },
{ honap: "Szeptember", uv: 8 },
{ honap: "Október", uv: 6 },
{ honap: "November", uv: 4 },
{ honap: "December", uv: 4 }
    ];
    // 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>Kefalónián ritkán fordulnak elő szélsőséges időjárási jelenségek, de bizonyos természeti események előfordulhatnak, amelyeket érdemes figyelembe venni az utazás tervezésekor.</p>



<p><strong>Téli viharok</strong>:</p>



<p>A téli hónapokban (december-február) előfordulhatnak erős északnyugati és nyugati szelek, amelyek viharos időjárást hoznak. Ezek általában 1-3 napig tartanak, erős széllel (akár 60-80 km/h széllökésekkel), heves esőzéssel és magas hullámokkal a tengeren. A viharok során nehéz lehet a kompjáratok fenntartása, és a hajózás veszélyes lehet. Ritkán a viharok villámokat és mennydörgést is hozhatnak.</p>



<p><strong>Intenzív esőzések és áradások</strong>:</p>



<p>A téli és őszi csapadékos hónapokban (november-február) előfordulhatnak heves, hosszan tartó esőzések, amelyek helyi áradásokhoz vezethetnek, különösen az alacsonyabban fekvő területeken, völgyekben és a folyók közelében. Az utak vízzel borítottak lehetnek, ami megnehezíti a közlekedést. A hegyi utak a csúszós felület miatt veszélyessé válhatnak.</p>



<p><strong>Hőhullámok</strong>:</p>



<p>A nyári hónapokban (július-augusztus) előfordulhatnak extrém hőhullámok, amikor a hőmérséklet több napon keresztül meghaladja a 35-37°C-ot, és a hőérzet akár 40°C fölé is emelkedhet. A hőség hőgutát, hőkimerülést és kiszáradást okozhat. Ajánlott a déli órákban légkondicionált helyiségekben tartózkodni, bőséges folyadékot fogyasztani és elkerülni a fizikai megerőltetést.</p>



<p><strong>Erdőtüzek</strong>:</p>



<p>A száraz nyári hónapokban (július-szeptember) fokozott az erdőtüzek kockázata, különösen a belső, erdős területeken és a hegyekben. A tüzeket gyakran villámlások vagy emberi gondatlanság okozza. Az erős szelek gyorsan terjeszthetik a lángokat. A hatóságok tűzgyújtási tilalmat rendelhetnek el nyáron. Fontos követni a helyi figyelmeztetéseket és korlátozásokat.</p>



<p><strong>Tengeri áramlatok</strong>:</p>



<p>Bár a Jón-tenger általában nyugodtabb, mint az Égei-tenger, bizonyos partszakaszokon erős tengeri áramlatok alakulhatnak ki, különösen viharos időben vagy az esős évszakban. Fontos figyelni a helyi figyelmeztetéseket a strandon, és csak a kijelölt fürdőzési területeken úszni.</p>



<p><strong>Meltemi szél</strong>:</p>



<p>Bár a Meltemi szél főleg az Égei-tengert érinti, nyáron (július-augusztus) alkalmanként Kefalóniát is elérheti, bár jóval gyengébb formában. Ez erős, száraz északnyugati szelet jelent, amely kellemesen hűsítő lehet, de néha túl erős a vízi sportokhoz.</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 Kefalóniára utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Kefalónia meglátogatására a késő tavasz és a kora ősz, különösen <strong>május végétől június elejéig</strong> és <strong>szeptember hónap</strong>. Ebben az időszakban a hőmérséklet kellemes (23-28°C), minimális a csapadék, és a tenger hőmérséklete ideális (22-25°C) a fürdéshez. A napsütéses órák száma maximális, és a páratartalom is kényelmes szinten van. Ezek az időszakok kevésbé zsúfoltak, mint a csúcsszezon, így alacsonyabb árakra és nyugodtabb élményre számíthatsz.</p>



<p><strong>Június</strong> különösen kiváló választás: a nyár eleji meleg már kellemes, a víz megfelelően felmelegedett, de még elkerülhető a júliusi-augusztusi tömeg és a legintenzívebb hőség. Minden szálláshely és szolgáltatás már működik, és a sziget tele van élettel.</p>



<p><strong>Szeptember</strong> szintén ideális, amikor az időjárás még nyárias, a tenger még meleg, de már jelentősen csökken a turisták száma és az árak is kedvezőbbek. A szeptember második fele különösen vonzó lehet azok számára, akik nyugodtabb környezetet keresnek.</p>



<p><strong>Július és augusztus</strong> a fő turistaszezon csúcsa, forró idővel (30-32°C), maximális napsütéssel és tökéletes tengeri feltételekkel. Ez az időszak ideális azok számára, akik kifejezetten a strandolást, a vízi sportokat és az élénk nyári hangulatot keresik. Azonban számítani kell a magasabb árakra, zsúfolt strandokra és a nagy melegre.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kefalónia &#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="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="not-recommended">
<td>December</td>
<td>Nem ajánlott</td>
</tr>
</tbody>
</table></div>

</body>
</html>
<p>A <a href="https://mikorutazz.hu/kefalonia-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/">Kefalónia időjárása – 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>Innsbruck időjárása – mikor a legjobb Tirolba utazni?</title>
		<link>https://mikorutazz.hu/innsbruck-idojarasa-havi-bontasban-mikor-erdemes-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Tue, 02 Dec 2025 10:39:11 +0000</pubDate>
				<category><![CDATA[Ausztria]]></category>
		<category><![CDATA[Európa]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1576</guid>

					<description><![CDATA[<p>Innsbruck egy lenyűgöző alpesi város, amely egyaránt kínál téli sportlehetőségeket és nyári kalandokat. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Innsbruck időjárását a hideg, kontinentális hegyi&#8230;</p>
<p>A <a href="https://mikorutazz.hu/innsbruck-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Innsbruck időjárása – mikor a legjobb Tirolba 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>Innsbruck egy lenyűgöző alpesi város, amely egyaránt kínál téli sportlehetőségeket és nyári kalandokat. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Innsbruck időjárását a hideg, kontinentális hegyi éghajlat határozza meg, amely hideg, havas teleket és kellemes, mérsékelt nyarakat eredményez. A Tirol tartomány központjában, az Alpokban elhelyezkedő város 580 méter magasságban fekszik, és a környező hegyek jelentősen befolyásolják az időjárást. Az Inn folyó völgyében található város a nedves, hűvös klímájának köszönhetően változatos időjárást biztosít az év során.</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>Innsbruck négy jól elkülöníthető évszakkal rendelkezik, bár az átmeneti időszakok gyakran rövidek és gyorsak. A tél és a nyár egyértelműen dominál, tavaszi és őszi időszakok változékonyak.</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 rövid, de kellemes időszak Innsbruckban, gyorsan melegedő hőmérséklettel. Az átlaghőmérséklet <strong>6-14°C</strong> között mozog. A tavasz elején még előfordulhatnak fagyos reggelek, de áprilisra már jelentősen felmelegszik az idő. Az alpesi növényzet virágba borul, különösen májusban. A csapadék mennyisége fokozatosan növekszik.</p>



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



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



<p>A nyár kellemes és mérsékelt, nem túl forró. Az átlaghőmérséklet <strong>18-19°C</strong>, de a nappali maximum gyakran 24-25°C-ot ér el. Július és augusztus a legmelegebb hónapok. A nyári hónapokban gyakoribbak a délutáni záporok és zivatarok, különösen a hegyi területeken. A páratartalom mérsékelt, 68-72% között alakul.</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 Innsbruck egyik legszebb évszaka, fokozatosan csökkenő hőmérséklettel és színes lombozattal. Az átlaghőmérséklet <strong>5-15°C</strong> között alakul. A csapadék mennyisége szeptemberben még magas, de októberre-novemberre jelentősen csökken. A levegő frissebb lesz, és a nappalok rövidülnek.</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, az átlaghőmérséklet <strong>-1 és 2°C</strong> között mozog, de éjszaka gyakran -10°C alá süllyed. A hóesés rendszeres, évente átlagosan 99 cm hó hull. A nappalok általában fagypont körül alakulnak, de tiszta időben kellemes napsütés lehet. Ez a téli sportok ideális időszaka.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Innsbruck 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 Innsbruck egyik leghidegebb hónapja, a téli sportok csúcsidőszaka. A nappali hőmérséklet általában 4°C körül mozog, míg éjszaka -5°C körülire süllyedhet. Fagypont alatti hőmérséklet gyakori, különösen a hajnali és éjszakai órákban, de előfordulhatnak -12°C alatti értékek is.</p>



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



<p>A csapadék mennyisége alacsony, átlagosan 45 mm körül mozog. A havi csapadékos napok száma 8, gyakran hó formájában.</p>



<p>A relatív páratartalom 82% körüli, ami nedves levegőt jelent. Az égbolt gyakran borult, kevés napsütéssel.</p>



<p>Ha januárban utazol Innsbruckba, vigyél magaddal vastag téli kabátot, meleg aláöltözetet és rétegesen öltözködj. Ez az egyik legjobb időszak a síeléshez és egyéb téli sportokhoz.</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 enyhe felmelegedés érezhető. A nappali hőmérséklet 7°C körülire emelkedhet, míg éjszaka -4°C körül alakul. A fagy továbbra is gyakori, és a hónap második felében is előfordulhatnak -10°C alatti értékek.</p>



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



<p>A csapadék mennyisége az év legalacsonyabb értékét éri el, átlagosan 35 mm körül. A csapadékos napok száma 7, általában hó formájában.</p>



<p>A levegő továbbra is nedves, 75% körüli páratartalommal. A februári látogatáshoz még mindig teljes téli felszerelés 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é, de még mindig hűvös. A hőmérséklet jelentősen emelkedik, nappal már 12°C-ot is elérhet, míg az éjszakák 0°C körül alakulnak. Fagyos reggelek még gyakoriak, különösen a hónap elején.</p>



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



<p>A csapadék mennyisége enyhe növekedést mutat, 60 mm körüli értékkel. A csapadékos napok száma 9, vegyes formában – eső és hó.</p>



<p>A páratartalom csökken, 68% körüli értékre. A márciusi időjárás változékony, ezért rétegesen érdemes öltözködni.</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, de még mindig hűvös. A nappali hőmérséklet 16°C körülire emelkedik, míg éjszaka 4°C körül alakul. A fagyos napok ritkábbá válnak, de még előfordulhatnak, különösen a hónap elején.</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 mérsékelt marad, 60 mm körüli értékkel. Az esős napok száma 9, általában rövid záporok formájában.</p>



<p>A levegő páratartalma kellemes, 64% körüli. Április már jó időszak a túrázáshoz, bár a magas hegyekben még hó lehet.</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, amikor a hőmérséklet már kellemes értékek felé kúszik. A nappali értékek 21°C körülire emelkednek, míg éjszaka 8°C körül alakulnak. A hónap végére már igazán meleg napok jellemzők.</p>



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



<p>A csapadék mennyisége növekszik, 90 mm körüli értékkel. A csapadékos napok száma 11, mivel a tavaszi esők intenzívebbé válnak.</p>



<p>A páratartalom mérsékelt, 65% körüli értékre. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, mivel a hegyekben még hűvösebb lehet.</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 hőmérsékletekkel. A nappali maximum 24°C körülire emelkedik, míg éjszaka 12°C körül alakul. A nyári időszak kezdete, ideális a túrázáshoz és szabadtéri programokhoz.</p>



<p>A napsütéses órák száma átlagosan napi 6,5 ó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:30 körül, a napnyugta pedig késői, 20:30 körül van.</p>



<p>A csapadék mennyisége jelentősen megnövekszik, 125 mm körüli értékkel. Az esős napok száma 14, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom mérsékelt, 68% körüli. A júniusi utazáshoz könnyű ruházat, de esernyő és egy 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 Innsbruck legmelegebb hónapja, ideális nyári időjárással. A nappali hőmérséklet rendszeresen eléri a 25°C-ot, míg az éjszakák is kellemesen melegek maradnak, 13°C körüli értékekkel. A hőmérséklet ritkán emelkedik 33°C fölé.</p>



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



<p>A csapadék mennyisége magas, 135 mm körüli értékkel. A nyári zivatarok gyakoriak, szinte minden nap délután előfordulhatnak. A csapadékos napok száma 14.</p>



<p>A páratartalom mérsékelt, 70% körüli. A júliusi látogatáshoz könnyű nyári ruházat ajánlott, de mindig legyen kéznél esernyő és vékony kabát a hegyekhez.</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 kellemes nyári hónap, hasonló a júliushoz. A nappali hőmérséklet 25°C körül alakul, míg éjszaka 13°C-ra hűl le. Ez a nyár utolsó igazán meleg hónapja.</p>



<p>A napsütéses órák száma napi 7 ó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 a legmagasabb az évben, 145 mm körüli értékkel. A zivatarok továbbra is gyakoriak. A csapadékos napok száma 13.</p>



<p>A páratartalom továbbra is mérsékelt, 72% körüli értékre. Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: könnyű ruházat, esernyő és rétegezett öltözködés.</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 jelzi, fokozatos enyhülést és gyönyörű őszi színeket hozva. A nappali hőmérséklet 20°C körül alakul, éjszaka pedig 9°C-ra csökken. A hónap vége felé már érezhetően hűvösebb 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 mérsékelt, 90 mm körüli értékre. A csapadékos napok száma 10, gyakran őszi esők formájában.</p>



<p>A páratartalom továbbra is magas, 75% körüli. A szeptemberi látogatás kellemes, ideális a túrázáshoz és a természetjáráshoz.</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 Innsbruck egyik legszebb hónapja, színes őszi lombozattal. A nappali hőmérséklet 16°C körülire csökken, míg éjszaka 5°C körül alakul. A levegő frissebb és tisztább.</p>



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



<p>A csapadék mennyisége csökken, 70 mm körüli értékkel. A csapadékos napok száma mindössze 8, és az esők általában enyhébbek.</p>



<p>A páratartalom magas, 77% körüli értékre. Az októberi látogatás ideális, rétegezett öltözködés ajánlott, és meleg pulóver az esti órákra.</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özeledtét jelenti, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 9°C körülire süllyed, míg éjszaka már 0°C körött alakul. A hónap végére már fagyos reggelek és első hóesések jellemzőek.</p>



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



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



<p>A páratartalom magas, 82% körüli. A novemberi látogatáshoz meleg kabát, pulóver ajánlott, és téli felszerelés a hegyi túrákhoz.</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 Innsbruck egyik leghidegebb hónapja, a téli sport szezon kezdete. A nappali hőmérséklet 4°C körül alakul, míg éjszaka -4°C körülire is süllyedhet. Fagypont alatti hőmérséklet gyakori, és a hóesés rendszeres.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 2,5 ó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:15 körüli, a napnyugta pedig korai, 16:30 körüli.</p>



<p>A csapadék mennyisége alacsony, 50 mm körüli értékkel. A csapadékos napok száma 8, általában hó formájában.</p>



<p>A levegő relatíve párás, 85% körüli páratartalommal. A decemberi látogatáshoz teljes téli felszerelés, vastag kabát, kesztyű és meleg lábbeli szükséges.</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">Innsbruck 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: 4 },
{ honap5: "Február", homerseklet5: 7 },
{ honap5: "Március", homerseklet5: 12 },
{ honap5: "Április", homerseklet5: 16 },
{ honap5: "Május", homerseklet5: 21 },
{ honap5: "Június", homerseklet5: 24 },
{ honap5: "Július", homerseklet5: 25 },
{ honap5: "Augusztus", homerseklet5: 25 },
{ honap5: "Szeptember", homerseklet5: 20 },
{ honap5: "Október", homerseklet5: 16 },
{ honap5: "November", homerseklet5: 9 },
{ 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">Innsbruck 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.5 },
{ honap: "Február", homerseklet: 1.5 },
{ honap: "Március", homerseklet: 6 },
{ honap: "Április", homerseklet: 10 },
{ honap: "Május", homerseklet: 14.5 },
{ honap: "Június", homerseklet: 18 },
{ honap: "Július", homerseklet: 19 },
{ honap: "Augusztus", homerseklet: 19 },
{ honap: "Szeptember", homerseklet: 15 },
{ honap: "Október", homerseklet: 10.5 },
{ honap: "November", homerseklet: 4.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">Innsbruck á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: 35 },
{ honap: "Március", csapadek: 60 },
{ honap: "Április", csapadek: 60 },
{ honap: "Május", csapadek: 90 },
{ honap: "Június", csapadek: 125 },
{ honap: "Július", csapadek: 135 },
{ honap: "Augusztus", csapadek: 145 },
{ honap: "Szeptember", csapadek: 90 },
{ honap: "Október", csapadek: 70 },
{ honap: "November", csapadek: 60 },
{ honap: "December", csapadek: 50 }
    ];
    // 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">Innsbruck 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: 75 },
{ honap11: "Március", paratartalom11: 68 },
{ honap11: "Április", paratartalom11: 64 },
{ honap11: "Május", paratartalom11: 65 },
{ honap11: "Június", paratartalom11: 68 },
{ honap11: "Július", paratartalom11: 70 },
{ honap11: "Augusztus", paratartalom11: 72 },
{ honap11: "Szeptember", paratartalom11: 75 },
{ honap11: "Október", paratartalom11: 77 },
{ honap11: "November", paratartalom11: 82 },
{ 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 Innsbruckban</strong></h2>



<p>Innsbruck mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami a hegyi elhelyezkedésnek és a mérsékelt éghajlatnak köszönhető. A magasabb tengerszint feletti fekvés azonban növelheti az UV-expozíció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 rendszeresen 9-es szintre (nagyon magas) emelkedik. A tavasz második felében már 15-20 perc alatt le lehet égni védelem nélkül a hegyi területeken.</p>



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



<p>A nyári hónapokban Innsbruck UV-indexe rendszeresen eléri a nagyon magas, 10-es értéket, különösen júniusban és júliusban a déli órákban (11:00-15:00 között). Augusztusban 9-re csökken. A hegyi túrázás során a sugárzás intenzitása miatt védelem nélkül akár 15 perc alatt is leé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 magas, 7-es értékkel, majd októberre csökken 4-5-ös szintre (mérsékelt-magas), novemberre pedig 3-as értékre (mérsékelt). Azonban még ebben az időszakban is fennáll a leégés veszélye a hegyi területeken.</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óról visszaverődő fény miatt a hegyi területeken még mindig lehet erős UV-expozíció. A téli napsütés intenzitása megtévesztő lehet.</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>Magas faktorszámú fényvédő</strong>: Minimum SPF 30-as, vízálló fényvédő használata ajánlott, amit 2 óránként érdemes újra felvinni, különösen a hegyekben.</li>



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



<li><strong>Megfelelő időzítés</strong>: A túrákat és 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 keresése</strong>: Különösen a déli órákban fontos az árnyékos helyek felkeresése.</li>



<li><strong>Hidratálás</strong>: A magas UV-sugárzás és a fizikai aktivitás együttesen jelentős igénybevételt jelent a szervezet számára.</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: 4 },
{ honap: "Április", uv: 6 },
{ honap: "Május", uv: 9 },
{ honap: "Június", uv: 10 },
{ honap: "Július", uv: 10 },
{ honap: "Augusztus", uv: 9 },
{ honap: "Szeptember", uv: 7 },
{ honap: "Október", uv: 5 },
{ honap: "November", uv: 3 },
{ 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>Innsbruck térsége különösen ki van téve a hegyvidéki szélsőséges időjárási jelenségeknek, amelyek gyorsan és váratlanul alakulhatnak ki.</p>



<p><strong>Lavinaveszély</strong>: A téli és kora tavaszi hónapokban (december-április) jelentős lavinaveszély áll fenn a környező hegyekben, különösen friss hóesés után. A Tiroli Lavinaveszély-előrejelző Szolgálat napi jelentéseket ad ki. Az ideális lavinaveszélyes időszak a téli hónapokban, különösen február-március között a legmagasabb.</p>



<p><strong>Villámárvizek és áradások</strong>: A nyári hónapokban, különösen június-augusztus között, a hirtelen kialakuló zivatarok villámárvizeket okozhatnak az Inn folyó völgyében és a hegyekben. A 2019-es júniusi hóolvadás és zivatarok nagy áradásokat okoztak. Szeptemberben is előfordulhatnak jelentős esőzések és áradások.</p>



<p><strong>Nyári zivatarok</strong>: Június és szeptember között szinte naponta előfordulnak délutáni/esti zivatarok, amelyek gyakran erős széllel, jéggel és villámlással járnak. Ezek a viharok általában rövidek (1-2 óra), de intenzívek lehetnek, különösen a hegyi területeken.</p>



<p><strong>Föhn szél</strong>: Innsbruck különlegessége a Föhn szél, egy meleg, erős alpesi szél, amely órák alatt jelentős hőmérséklet-emelkedést okozhat. Ez a szél elérheti a 90 km/h sebességet is, és évszaktól függetlenül előfordulhat, különösen ősszel és tavasszal.</p>



<p><strong>Téli hideghullámok</strong>: A téli hónapokban ritkán, de előfordulhatnak extrém hideg időszakok, amikor a hőmérséklet -20°C alá is süllyedhet. A leghidegebb mért hőmérséklet -30°C volt 1956 februárjában.</p>



<p><strong>Hőhullámok</strong>: Bár ritkák, a nyári hónapokban előfordulhatnak rövid hőhullámok, amikor a hőmérséklet meghaladhatja a 35°C-ot. A legmelegebb mért hőmérséklet 37,3°C volt 2019 júniusában.</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 Innsbruckba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Innsbruck meglátogatására az utazás céljától függ:</p>



<p><strong>Téli sportokhoz</strong>: </p>



<p>A legjobb időszak <strong>december és március között</strong> van, amikor bőséges hó és kiváló síelési körülmények jellemzik a térséget. Január-február a csúcsidőszak, amikor a hótakaró a legvastagabb és a sípályák optimális állapotban vannak. A hőmérséklet -5 és 5°C között mozog, ami ideális a téli sportokhoz.</p>



<p><strong>Túrázáshoz és szabadtéri programokhoz</strong>: </p>



<p>A legjobb időszak <strong>május és szeptember között</strong> van, különösen június, július és augusztus. Ilyenkor kellemes hőmérséklet (20-25°C), hosszú nappalok (15-16 óra napsütés) és jó látási viszonyok jellemzik a várost és a környező hegyeket. Bár gyakoribbak a délutáni záporok, ezek általában rövidek.</p>



<p><strong>Városnézéshez</strong>: </p>



<p>Az <strong>április-május és szeptember-október</strong> hónapok ideálisak, amikor kevesebb a turista, kellemes az időjárás (10-20°C), és a város különösen szép tavaszi virágokkal vagy őszi színekkel. A páratartalom mérsékelt, és a csapadék mennyisége is alacsonyabb.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Innsbruck &#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="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/47d2711d40/innsbruck/" data-label_1="INNSBRUCK" data-theme="original" >INNSBRUCK</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/innsbruck-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Innsbruck időjárása – mikor a legjobb Tirolba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ayia Napa időjárása &#8211; mikor a legjobb a ciprusi tengerpartra utazni?</title>
		<link>https://mikorutazz.hu/ayia-napa-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 28 Nov 2025 08:21:36 +0000</pubDate>
				<category><![CDATA[Ciprus]]></category>
		<category><![CDATA[Európa]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1580</guid>

					<description><![CDATA[<p>Ayia Napa Ciprus egyik legnépszerűbb üdülőhelye. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Ayia Napa Ciprus délkeleti partján található, a Cape Greco közelében.&#8230;</p>
<p>A <a href="https://mikorutazz.hu/ayia-napa-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/">Ayia Napa időjárása &#8211; mikor a legjobb a ciprusi tengerpartra 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>Ayia Napa Ciprus egyik legnépszerűbb üdülőhelye. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni.</strong></p>



<p>Ayia Napa Ciprus délkeleti partján található, a Cape Greco közelében. Az időjárása mediterrán, ami forró, száraz nyarakat és enyhe, csapadékos teleket jelent. A Földközi-tenger közelsége jelentősen befolyásolja a város éghajlatá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>Ayia Napán négy fő évszak különíthető el: tavasz, nyár, ősz és tél.</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 tavaszi időszak kellemes, fokozatosan emelkedő hőmérsékletekkel. Az átlaghőmérséklet <strong>17-24°C</strong> között mozog. Márciusban még jelentős lehet a csapadék, de májusra minimálisra csökken. A páratartalom mérsékelt, a napsütés fokozatosan növekszik. Ez az évszak változékony lehet, de általában meleg és napos.</p>



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



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



<p>A nyár Ayia Napa legjobb időszaka, forró hőmérsékletekkel és minimális csapadékkal. Az átlaghőmérséklet <strong>25-33°C</strong> között alakul. A júliusi és augusztusi csúcsidőszakban a hőmérséklet elérheti a 33°C-ot is. A csapadék szinte teljesen hiányzik, legfeljebb júniusban fordulhat elő néhány szórványos zápor. Az égbolt tiszta, kék, bőséges napsütéssel. A tenger nyugodt és meleg, kiváló feltételeket biztosítva minden vízi tevékenységhez.</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 őszi időszak fokozatos lehűlést és növekvő csapadékot hoz. Az átlaghőmérséklet <strong>23-28°C</strong> között mozog. A csapadék mennyisége növekszik, különösen novemberben, de az esőzések általában rövidek és hevesek. Az időjárás még mindig meleg és többnyire napos, ami kellemes időszakká teszi az utazáshoz.</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 enyhe és csapadékos, az év leghidegebb és legcsapadékosabb időszaka. Az átlaghőmérséklet <strong>12-17°C</strong> között alakul. December a legcsapadékosabb hónap körülbelül 80-100 mm esővel. A nappalok rövidebbek, de még mindig van elegendő napsütés. Az éjszakai hőmérséklet 7-8°C-ra csökkenhet, de ritkán megy nulla alá.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Ayia Napa 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 Ayia Napa egyik leghidegebb hónapja, a téli időszak közepén. A nappali hőmérséklet általában 16°C körül mozog, míg éjszaka 7°C-ra hűl le, ami hűvös alvási körülményeket biztosít.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 6 óra körül. A nappali világosság időtartama körülbelül 10 óra. A napkelte 6:50 körül, a napnyugta pedig 17:30 körül van.</p>



<p>A csapadék mennyisége jelentős, átlagosan 80-87 mm körül mozog, és a havi csapadékos napok száma 8-11. Az esőzések gyakran rövid, de intenzív záporok formájában jelentkeznek.</p>



<p>A relatív páratartalom magas, 65-68% körüli, ami a hűvös hőmérséklettel kombinálva nyirkos érzetet kelthet. A tenger hideg, mindössze 17°C körül, ami nem alkalmas úszáshoz.</p>



<p>Ha januárban utazol Ayia Napára, több rétegű ruházat ajánlott, könnyű dzseki vagy pulóver, valamint vízálló kabát az esős napokra. Napszemüveg még télen is hasznos lehet.</p>



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



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



<p>Február hasonlóan hűvös, mint január, továbbra is a téli időszak része. A nappali hőmérséklet 17°C körül alakul, míg éjszaka 8°C között mozog. A hőmérséklet lassan emelkedni kezd a hónap végére.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 7 óra körül. A nappali világosság időtartama 10,5-11 óra körül. A napkelte és napnyugta időpontjai fokozatosan tolódnak.</p>



<p>A csapadék mennyisége csökken januárhoz képest, átlagosan 60-70 mm körül, de még mindig jelentős. A csapadékos napok száma 7-9 között mozog.</p>



<p>A páratartalom magas marad, 66-67% körüli. A tenger hőmérséklete a legalacsonyabb ebben a hónapban, mindössze 17°C, ami nem alkalmas fürdésre.</p>



<p>A februári látogatáshoz hasonló ruházat ajánlott, mint januárban: többrétegű öltözet, vízálló kabát és kényelmes zárt cipő.</p>



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



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



<p>Március a tavaszi időszak kezdete, javuló időjárási viszonyokkal. A nappali hőmérséklet 19°C körül alakul, míg az éjszakák 9°C körül mozognak. A hőmérséklet fokozatosan emelkedik a hónap során.</p>



<p>A napsütéses órák száma tovább növekszik, átlagosan napi 8 óra körül. A nappali világosság időtartama 12 óra körülire növekszik. A napkelte 6:20 körül, a napnyugta pedig 18:20 körül van.</p>



<p>A csapadék mennyisége mérsékelt, 40-50 mm körüli értékkel. Március még mindig az esősebb hónapok közé tartozik tavasszal. A csapadékos napok száma 6-8 közötti.</p>



<p>A páratartalom 67-68% körüli, még mindig magas. A tenger hőmérséklete lassan emelkedni kezd, 17-18°C körülire, de még mindig hűvös a fürdéshez.</p>



<p>A márciusi látogatáshoz könnyebb tavaszi ruházat ajánlott, de még mindig hasznos egy vékony dzseki az esti órákra és alkalmi esőkabát.</p>



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



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



<p>Április a tavasz kellős közepén van, kellemesen melegedő időjárással. A nappali hőmérséklet 23°C körül alakul, míg éjszaka 12°C körülire csökken. A hőség kezd érződni, különösen a délutáni órákban.</p>



<p>A napsütéses órák száma jelentősen növekszik, átlagosan napi 9 óra. A nappali világosság időtartama 13 óra körüli. 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 csökken, 20-25 mm körüli értékre. Az esős napok száma 4-5 közötti, általában rövid, délutáni záporok formájában.</p>



<p>A páratartalom 70-71% körülire emelkedik, de a melegebb hőmérséklet miatt ez még nem okoz jelentős diszkomfortot. A tenger hőmérséklete 19-20°C körül alakul, ami bátrabbak számára már fürdésre alkalmas.</p>



<p>Az áprilisi látogatáshoz nyári ruházat ajánlott, könnyű pamut pólók, rövidnadrágok, napszemüveg és napvédő krém. Érdemes egy vékony kardigánt is vinni az esti órákra.</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 már egyértelműen a nyár kezdetét jelzi, melegebb időjárással. A nappali hőmérséklet 26°C körül alakul, míg éjszaka 16-17°C között mozog. A meleg stabil és kellemes.</p>



<p>A napsütéses órák száma tovább növekszik, átlagosan napi 10 óra. A nappali világosság időtartama 13,5-14 óra körüli. A napkelte 5:45 körül, a napnyugta pedig 19:30 körül van.</p>



<p>A csapadék mennyisége minimálisra csökken, átlagosan csak 10-15 mm. Az esős napok száma 2-3 közé esik, az esőzések ritkák és rövidek.</p>



<p>A páratartalom 75-78% körül alakul, ami a melegedő időjárással kezd érezhetőbbé válni. A tenger hőmérséklete 21-22°C körülire emelkedik, ami már kellemes fürdési körülményeket biztosít.</p>



<p>A májusi látogatáshoz nyári ruházat, fürdőruha, magas faktorszámú napvédő krém, napszemüveg és kalap ajánlott. Az UV sugárzás már jelentős.</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úniusban kezdődik az igazi nyári szezon, magas hőmérsékletekkel. A nappali hőmérséklet 30°C körül alakul, míg éjszaka 20-21°C között mozog. A hőség érezhető, különösen a délutáni órákban.</p>



<p>A napsütéses órák száma a legmagasabb az évben, átlagosan napi 12-13 óra. A nappali világosság időtartama eléri a 14,5 órát, ez a leghosszabb napok időszaka. A napkelte 5:30 körül, a napnyugta pedig 19:45 körül történik.</p>



<p>A csapadék mennyisége szinte nulla, átlagosan 0-5 mm. Júniusban szórványosan előfordulhat néhány rövid zápor, de rendkívül ritka. Az esős napok száma 0-1.</p>



<p>A páratartalom a legalacsonyabb ebben a hónapban, 52-62% körül, ami kellemes, száraz érzetet biztosít. A tenger hőmérséklete 24-25°C körül alakul, ideális fürdési körülményekkel.</p>



<p>A júniusi látogatáshoz könnyű, légáteresztő nyári ruházat, fürdőruha, magas faktorszámú napvédő krém, napszemüveg és kalap elengedhetetlen. Fontos a megfelelő hidratálás.</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 Ayia Napa egyik legforróbb hónapja, csúcs nyári időjárással. A nappali hőmérséklet eléri a 33°C-ot, míg éjszaka 22°C körül alakul. Ez az év legmelegebb időszaka.</p>



<p>A napsütéses órák száma maximális, átlagosan napi 12,5-13 óra. A nappali világosság időtartama 14 óra körüli. A napkelte 5:45 körül, a napnyugta pedig 19:40 körül van.</p>



<p>A csapadék mennyisége nulla, júliusban egyáltalán nem esik az eső. Ez a legszárazabb hónap az évben.</p>



<p>A páratartalom alacsony marad, 60-65% körül, de a magas hőmérséklettel kombinálva azért érezhető. A tenger hőmérséklete 27-28°C körül alakul, rendkívül kellemes fürdési feltételekkel.</p>



<p>A júliusi látogatáshoz a lehető legkönnyebb ruházat ajánlott, bőséges folyadékbevitel, erős napvédelem és a déli órákban árnyékos helyeken tartózkodás. Az UV sugárzás extrém magas.</p>



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



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



<p>Augusztus hasonlóan forró, mint július, továbbra is a nyári csúcsidőszak. A nappali hőmérséklet 33°C körül mozog, míg éjszaka 22°C körül alakul. Ez év egyik legmelegebb hónapja.</p>



<p>A napsütéses órák száma változatlanul magas, átlagosan napi 12 óra. A nappali világosság időtartama 13,5 óra körüli. A napkelte és napnyugta időpontjai fokozatosan tolódnak.</p>



<p>A csapadék mennyisége szinte nulla, átlagosan 0-2 mm. Augusztusban minimális az esélye az esőzésnek, mindössze 2% körül. Az esős napok száma 0-1.</p>



<p>A páratartalom 65-70% körüli, de a magas hőmérséklet miatt fülledtebb lehet, mint júliusban. A tenger hőmérséklete eléri az éves maximumot, 28-28,5°C körül, ami rendkívül kellemes.</p>



<p>Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban: rendkívül könnyű ruházat, fokozott napvédelem, bőséges folyadékbevitel és a legmelegebb órákban árnyékban tartózkodás.</p>



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



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



<p>Szeptemberben enyhülni kezd a hőség, de még mindig nyári az időjárás. A nappali hőmérséklet 30-31°C körül alakul, míg éjszaka 20-21°C között mozog.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 10 óra. A nappali világosság időtartama 12,5 óra körüli. A napkelte 6:15 körül, a napnyugta pedig 18:45 körül van.</p>



<p>A csapadék mennyisége még mindig minimális, átlagosan 5-10 mm körül. Az esős napok száma 1-2 közötti, az esőzések ritkák.</p>



<p>A páratartalom 68-72% körül alakul. A tenger hőmérséklete még mindig nagyon meleg, 27-28°C körül, kiváló fürdési feltételekkel.</p>



<p>A szeptemberi látogatáshoz nyári ruházat ajánlott, napvédelem, de kezd kellemesebbé válni az időjárás. Ez az egyik legjobb hónap az utazáshoz, kevesebb turistával és kellemes körülményekkel.</p>



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



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



<p>Októberben fokozódik a lehűlés, de még mindig meleg az időjárás. A nappali hőmérséklet 27°C körül alakul, míg éjszaka 16-17°C körülire csökken.</p>



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



<p>A csapadék mennyisége növekszik, 25-35 mm körüli értékre. Az esőzések gyakoribbá válnak, de még mindig rövidek. Az esős napok száma 4-6 között alakul.</p>



<p>A páratartalom 70-72% körüli. A tenger hőmérséklete 24-25°C körülire csökken, de még mindig kellemes fürdési körülményeket biztosít.</p>



<p>Az októberi látogatáshoz könnyű nyári ruházat, de érdemes egy vékony dzseki vagy kardigán az esti órákra. Jó hónap a nyugodtabb, turistamentes nyaraláshoz.</p>



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



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



<p>November az ősz és tél közötti átmeneti időszak, hűvösebb időjárással. A nappali hőmérséklet 22°C körül alakul, míg éjszaka 13-14°C körülire csökken.</p>



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



<p>A csapadék mennyisége jelentősen növekszik, 40-50 mm körüli értékre. Az esőzések gyakoribbá válnak. Az esős napok száma 6-8 között alakul.</p>



<p>A páratartalom 62-65% körül alakul. A tenger hőmérséklete 22-23°C körülire csökken, ami még éppen fürdésre alkalmas a bátrabbak számára.</p>



<p>A novemberi látogatáshoz könnyű és melegebb ruházat keveréke ajánlott, vízálló kabát az esős napokra, zárt cipő. Az időjárás változékony lehet.</p>



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



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



<p>December a téli időszak kezdete, jelentős lehűléssel és növekvő csapadékkal. A nappali hőmérséklet 17-18°C között alakul, míg éjszaka 9-10°C körülire csökken.</p>



<p>A napsütéses órák száma az év legalacsonyabb értékén van, átlagosan napi 5-6 óra. A nappali világosság időtartama a legrövidebb, körülbelül 10 óra. A napkelte 6:50 körül, a napnyugta pedig 17:20 körül történik.</p>



<p>A csapadék mennyisége a legmagasabb az évben, 70-100 mm körüli értékkel. December a legcsapadékosabb hónap. Az esős napok száma 10-11 között alakul.</p>



<p>A páratartalom magas, 67% körüli. A tenger hőmérséklete 18-19°C körülire csökken, ami már nem alkalmas fürdésre.</p>



<p>A decemberi látogatáshoz melegebb ruházat ajánlott, vízálló kabát, pulóver vagy könnyű dzseki, hosszú nadrág. Ez nem a legjobb időszak strandoláshoz, de kevés turista van és kellemes séták tehetők.</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">Ayia Napa 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: 16 },
{ honap5: "Február", homerseklet5: 17 },
{ honap5: "Március", homerseklet5: 19 },
{ honap5: "Április", homerseklet5: 23 },
{ honap5: "Május", homerseklet5: 26 },
{ honap5: "Június", homerseklet5: 30 },
{ honap5: "Július", homerseklet5: 33 },
{ honap5: "Augusztus", homerseklet5: 33 },
{ honap5: "Szeptember", homerseklet5: 31 },
{ honap5: "Október", homerseklet5: 27 },
{ honap5: "November", homerseklet5: 22 },
{ honap5: "December", homerseklet5: 18 }
    ];
    // 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">Ayia Napa 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: 12 },
{ honap: "Február", homerseklet: 13 },
{ honap: "Március", homerseklet: 14 },
{ honap: "Április", homerseklet: 18 },
{ honap: "Május", homerseklet: 21 },
{ honap: "Június", homerseklet: 25 },
{ honap: "Július", homerseklet: 28 },
{ honap: "Augusztus", homerseklet: 28 },
{ honap: "Szeptember", homerseklet: 26 },
{ honap: "Október", homerseklet: 22 },
{ honap: "November", homerseklet: 18 },
{ honap: "December", homerseklet: 14 }
    ];
    // 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">Ayia Napa á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: 84 },
{ honap: "Február", csapadek: 65 },
{ honap: "Március", csapadek: 45 },
{ honap: "Április", csapadek: 23 },
{ honap: "Május", csapadek: 13 },
{ honap: "Június", csapadek: 3 },
{ honap: "Július", csapadek: 0 },
{ honap: "Augusztus", csapadek: 1 },
{ honap: "Szeptember", csapadek: 8 },
{ honap: "Október", csapadek: 30 },
{ honap: "November", csapadek: 45 },
{ honap: "December", csapadek: 85 }
    ];
    // 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">Ayia Napa 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: 67 },
{ honap11: "Február", paratartalom11: 67 },
{ honap11: "Március", paratartalom11: 68 },
{ honap11: "Április", paratartalom11: 71 },
{ honap11: "Május", paratartalom11: 77 },
{ honap11: "Június", paratartalom11: 57 },
{ honap11: "Július", paratartalom11: 63 },
{ honap11: "Augusztus", paratartalom11: 68 },
{ honap11: "Szeptember", paratartalom11: 70 },
{ honap11: "Október", paratartalom11: 71 },
{ honap11: "November", paratartalom11: 64 },
{ honap11: "December", paratartalom11: 67 }
    ];
    // 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>Tenger vízhőmérséklete</strong></h2>



<p>Ayia Napa tengervíz-hőmérséklete az év során változik, de a Földközi-tenger mediterrán jellege miatt soha nem válik túl hideggé.</p>



<p><strong>Január</strong>: A víz hőmérséklete 17°C körül alakul. Ez már túl hideg a kényelmes fürdéshez, csak a legkeményebbek számára ajánlott.</p>



<p><strong>Február</strong>: A víz hőmérséklete eléri az éves minimumot, 16,7-17,1°C körül. Ez a leghidegebb időszak, fürdésre nem alkalmas.</p>



<p><strong>Március</strong>: A víz hőmérséklete 17-18°C között mozog. Még mindig hűvös, de lassan kezd melegedni.</p>



<p><strong>Április</strong>: A víz hőmérséklete 19-20°C körülire emelkedik. Bátrabb fürdőzők számára már elfogadható lehet.</p>



<p><strong>Május</strong>: A víz hőmérséklete 21-22°C körül alakul. Ez már kellemes fürdési körülményeket biztosít a legtöbb ember számára.</p>



<p><strong>Június</strong>: A víz hőmérséklete 24-25°C körülire melegszik. Ideális hőmérséklet fürdéshez és vízi sportokhoz.</p>



<p><strong>Július</strong>: A víz hőmérséklete 27-28°C között mozog. Rendkívül kellemes, meleg víz.</p>



<p><strong>Augusztus</strong>: A víz hőmérséklete eléri az éves maximumot, 28-28,5°C körül. Ez az év legmelegebb tengere, ideális minden vízparti tevékenységhez.</p>



<p><strong>Szeptember</strong>: A víz hőmérséklete még mindig nagyon meleg, 27-28°C körül. Kiváló fürdési feltételek.</p>



<p><strong>Október</strong>: A víz hőmérséklete 24-25°C körülire csökken, de még mindig kellemes fürdéshez.</p>



<p><strong>November</strong>: A víz hőmérséklete 22-23°C körül alakul. Még éppen fürdésre alkalmas, de már hűvösebb.</p>



<p><strong>December</strong>: A víz hőmérséklete 18-19°C körülire esik. Már túl hideg a legtöbb ember számára.</p>



<p>A fürdési szezon Ayia Napán májustól novemberig tart, amikor a víz hőmérséklete 20°C fölött van. A legjobb időszak a vízi tevékenységekhez június-október között van, amikor a víz 24-28°C között mozog.</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-container3 {
      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-title3 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar3 {
      fill: #1ad1ff;
      transition: fill 0.3s;
    }
    .bar3:hover {
      fill: #00b8e6;
    }
    .axis3 text {
      font-size: 17px;
    }
    .axis-label3 {
      font-size: 17px;
    }
    .tooltip3 {
      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-container3 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider3 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container3 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart3 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container3" id="chartContainer3">
    <div class="chart-title3">Tenger vízhőmérséklete</div>
    <div id="chart3"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container3">
    <input type="range" min="0" max="100" value="0" class="slider3" id="chartSlider3">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - tenger vízhőmérséklet adatok
    const data3 = [
      { honap: "Január", homerseklet: 17 },
{ honap: "Február", homerseklet: 17 },
{ honap: "Március", homerseklet: 18 },
{ honap: "Április", homerseklet: 20 },
{ honap: "Május", homerseklet: 22 },
{ honap: "Június", homerseklet: 25 },
{ honap: "Július", homerseklet: 28 },
{ honap: "Augusztus", homerseklet: 28 },
{ honap: "Szeptember", homerseklet: 28 },
{ honap: "Október", homerseklet: 25 },
{ honap: "November", homerseklet: 23 },
{ honap: "December", homerseklet: 19 }
    ];
    // Méretek és margók beállítása
    const margin3 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width3 = 800 - margin3.left - margin3.right;
    const height3 = 400 - margin3.top - margin3.bottom;
    // SVG elem létrehozása
    const svg3 = d3.select("#chart3")
      .append("svg")
      .attr("width", width3 + margin3.left + margin3.right)
      .attr("height", height3 + margin3.top + margin3.bottom)
      .append("g")
      .attr("transform", `translate(${margin3.left},${margin3.top})`);
    // Tooltip létrehozása
    const tooltip3 = d3.select("body").append("div")
      .attr("class", "tooltip3");
    // Skálák beállítása
    const x3 = d3.scaleBand()
      .domain(data3.map(d => d.honap))
      .range([0, width3])
      .padding(0.2);
    const y3 = d3.scaleLinear()
      .domain([0, d3.max(data3, d => d.homerseklet) + 0])
      .nice()
      .range([height3, 0]);
    // X tengely rajzolása
    svg3.append("g")
      .attr("class", "axis3")
      .attr("transform", `translate(0,${height3})`)
      .call(d3.axisBottom(x3))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis3 = svg3.append("g")
      .attr("class", "axis3")
      .call(d3.axisLeft(y3).tickSize(-width3).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis3.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis3.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg3.append("text")
      .attr("class", "axis-label3")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin3.left + 15)
      .attr("x", -height3 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg3.selectAll(".bar3")
      .data(data3)
      .enter()
      .append("rect")
      .attr("class", "bar3")
      .attr("x", d => x3(d.honap))
      .attr("width", x3.bandwidth())
      .attr("y", d => y3(d.homerseklet))
      .attr("height", d => height3 - y3(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip3.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip3.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer3');
      const slider = document.getElementById('chartSlider3');
      
      // 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>



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



<p>Ayia Napa földrajzi elhelyezkedése miatt az UV sugárzás az év nagy részében rendkívül magas. A mediterrán éghajlat és a déli fekvés miatt a napsugárzás intenzitása jelentősen meghaladja az északi országokét.</p>



<p><strong>Január-február</strong>: Az UV index 3 körül mozog, ami &#8222;mérsékelt&#8221; kategóriába tartozik. Télen is ajánlott a napvédelem, különösen hosszabb kültéri tartózkodás esetén.</p>



<p><strong>Március</strong>: Az UV index 5-6 körülire emelkedik, elérve a &#8222;magas&#8221; kategóriát. Napvédő krém használata javasolt.</p>



<p><strong>Április</strong>: Az UV index 7 körüli értéket ér el, ami &#8222;magas&#8221; kategóriának számít. Fontos a megfelelő napvédelem, árnyékban tartózkodás a déli órákban.</p>



<p><strong>Május</strong>: Az UV index tovább emelkedik, 9-10 körülire, elérve a &#8222;nagyon magas&#8221; kategóriát. Fokozott napvédelem szükséges.</p>



<p><strong>Június-július</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 11 körül, ami az &#8222;extrém&#8221; kategóriába tartozik. A napkelte és napnyugta közötti időszakban folyamatos védelem szükséges.</p>



<p><strong>Augusztus</strong>: Az UV index továbbra is extrém magas, 10-11 körüli értékekkel. A déli órákban különösen veszélyes a közvetlen napsugárzás.</p>



<p><strong>Szeptember</strong>: Az UV index 8-9 körülire csökken, de még mindig a &#8222;nagyon magas&#8221; kategóriába tartozik. Továbbra is fontos a napvédelem.</p>



<p><strong>Október</strong>: Az UV index tovább csökken, 6-7 körüli értékre, ami a &#8222;magas&#8221; kategóriát jelenti. Napvédő használata ajánlott.</p>



<p><strong>November</strong>: Az UV index 4-5 körülire esik, &#8222;mérsékelt&#8221; kategóriába tartozva. Kisebb kockázat, de hosszabb napozás esetén védelem ajánlott.</p>



<p><strong>December</strong>: Az UV index eléri az éves minimumot, 2-3 körül, ami &#8222;alacsony&#8221; kategóriának számít. Télen is érdemes napvédőt használni.</p>



<p>Az extrém UV sugárzás miatt május és szeptember között rendkívül fontos a megfelelő napvédelem. Ajánlott a magas faktorszámú (legalább SPF 50+) napvédő krém gyakori használata, kalap, napszemüveg viselése, és a közvetlen napfény kerülése a legintenzívebb déli órákban (11:00-15:00 között). Különösen a világos bőrű turisták számára fokozott óvatosság ajánlott.</p>



<p>A víz visszaverő hatása miatt a vízparton és a vízben tartózkodva is fokozott napvédelemre van szükség. Vízálló napvédő krémek és UV-szűrős pólók használata ajánlott vízi tevékenységek során.</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-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: 3 },
{ honap: "Február", uv: 3 },
{ honap: "Március", uv: 6 },
{ honap: "Április", uv: 7 },
{ honap: "Május", uv: 10 },
{ honap: "Június", uv: 11 },
{ honap: "Július", uv: 11 },
{ honap: "Augusztus", uv: 11 },
{ honap: "Szeptember", uv: 9 },
{ honap: "Október", uv: 7 },
{ honap: "November", uv: 5 },
{ honap: "December", uv: 3 }
    ];
    // 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>Ayia Napán a mediterrán éghajlat viszonylag stabil időjárást eredményez, de előfordulhatnak szélsőséges jelenségek.</p>



<p><strong>Téli viharok és intenzív esőzések</strong>: December és február között előfordulhatnak heves esőzések és rövid viharok, amelyek rövid időn belül jelentős csapadékot hozhatnak. Ezek általában rövid ideig tartanak, de lokális vízelvezetési problémákat okozhatnak.</p>



<p><strong>Erős szelek</strong>: A téli hónapokban, különösen január és február között, erősebb északi vagy északnyugati szelek fújhatnak, amelyek a tengert hullámossá tehetik. Ez korlátozhatja a vízi tevékenységeket és a hajózást.</p>



<p><strong>Hőhullámok</strong>: A nyári hónapokban, különösen júliusban és augusztusban, előfordulhatnak extrém hőségű időszakok, amikor a hőmérséklet meghaladja a 35-36°C-ot, és a hőérzet a magas páratartalommal kombinálva 38-40°C körül alakulhat. Ez hőkimerülést vagy hőgutát okozhat, különösen a nem akklimatizálódott turistáknál.</p>



<p><strong>Szárazság</strong>: Ciprus rendszeresen küzd vízszűkével, mivel a téli csapadék nem mindig elegendő a víztározók feltöltéséhez. A nyári hónapokban gyakorlatilag nem esik az eső, ami súlyosbítja a helyzetet.</p>



<p><strong>Mediterrán viharok</strong>: Ritkán, de előfordulhatnak mediterrán ciklonok (medicane-ok), amelyek rövid ideig tartó, de intenzív esőzéseket és erős szeleket hozhatnak, különösen az őszi és téli hónapokban.</p>



<p><strong>Sirocco szél</strong>: Időnként déli vagy délkeleti szelek érkezhetnek Afrika felől, amelyek meleg, száraz levegőt és homokot hoznak magukkal. Ez kellemetlenné teheti a kültéri tevékenységeket.</p>



<p>A nyári hónapokban erdőtüzek kockázata is fennáll a száraz körülmények miatt, bár Ayia Napa közvetlen környezetében ez kevésbé jellemző. A tengeri tevékenységek során mindig figyelni kell a helyi figyelmeztetésekre és zászlójelzésekre.</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 Ayia Napára utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Ayia Napa meglátogatására <strong>május végétől október elejéig</strong> tart. Ebben az időszakban a hőmérséklet kellemes (24-31°C), minimális a csapadék, alacsony a páratartalom és bőséges a napsütés. A tenger meleg (21-28°C), ideális feltételeket biztosítva a fürdéshez, búvárkodáshoz és vízi sportokhoz.</p>



<p><strong>A legideálisabb hónapok június, szeptember és október</strong>, amikor az időjárás kiváló, de kevesebb turista van, mint a július-augusztusi csúcsidőszakban. Június elején és szeptember-október folyamán az árak alacsonyabbak, és kellemesebbek a hőmérsékleti viszonyok is.</p>



<p><strong>Július és augusztus</strong> a legmelegebb és legforgalmasabb időszak, tökéletes azok számára, akik szeretik a forró időjárást és a pezsgő éjszakai életet. Azonban számítani kell a legmagasabb árakra és a legnagyobb tömegekre.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ayia Napa &#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="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="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/34d9934d01/ayia-napa/" data-label_1="AYIA NAPA" data-theme="original" >AYIA NAPA</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/ayia-napa-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/">Ayia Napa időjárása &#8211; mikor a legjobb a ciprusi tengerpartra utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Nagyszeben időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/nagyszeben-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 31 Oct 2025 08:49:14 +0000</pubDate>
				<category><![CDATA[Erdély]]></category>
		<category><![CDATA[Európa]]></category>
		<category><![CDATA[Románia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1546</guid>

					<description><![CDATA[<p>Nagyszeben a szászok erdélyi központja. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Nagyszeben időjárását a kontinentális éghajlat határozza meg, hegyvidéki sajátosságokkal. Erdély déli részén, a Szebeni-havasok&#8230;</p>
<p>A <a href="https://mikorutazz.hu/nagyszeben-idojarasa/">Nagyszeben 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>Nagyszeben a szászok erdélyi központja. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Nagyszeben időjárását a kontinentális éghajlat határozza meg, hegyvidéki sajátosságokkal. Erdély déli részén, a Szebeni-havasok és a Fogarasi-havasok közelében elhelyezkedő város, mintegy 400 méteres tengerszint feletti magasságban fekszik. A hegyekkel körbevett medence jellegű fekvésnek köszönhetően hideg telek és meleg nyarak jellemzik, jelentős napi hőmérséklet-ingadozással.</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>Nagyszeben négy jól elkülöníthető évszakkal rendelkezik, ahol a tél és a nyár határozottan dominál. A tavasz és az ősz rövid átmeneti időszakok, amelyek változékony időjárást hoznak.</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 változékony, de fokozatosan melegedő időszak Nagyszebenben. Az átlaghőmérséklet <strong>5-15°C</strong> között mozog. Március elején még előfordulhatnak éjszakai fagyok, de április végére már kellemes meleg napok jellemzőek. A tavaszi hónapokban a nappali hőmérséklet 12-21°C-ot is elérhet, de a reggelek sokáig hűvösek maradnak. Áprilisban és májusban nő a napsütéses órák száma, de gyakran alakulnak ki záporok, különösen a délutáni órákban.</p>



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



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



<p>A nyár kellemesen meleg, ritkán forró. Az átlaghőmérséklet <strong>19-20°C</strong>, a nappali maximum 25-27°C körül alakul. A hegyvidéki környezet miatt a nyári hőség enyhébb, mint az alföldi városokban, és az éjszakák szinte mindig felfrissülést hoznak, 8-14°C-ra csökkenve. Zivatarok leginkább júniusban és júliusban gyakoriak, a levegő páratartalma közepes (70-71%). A nyári időszak ideális a szabadtéri programokhoz és a város felfedezéséhez.</p>



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



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



<p>Az ősz fokozatosan hűvösödő időszak, gyakran köddel. Az átlaghőmérséklet <strong>5-10°C</strong> között alakul. Szeptemberben még előfordulhatnak 20°C körüli nappalok, de október közepétől a hőmérséklet gyorsan csökken. A város környékén gyakori a köd, különösen a kora reggeli órákban, amit az alacsony fekvés és a völgyek közelsége is elősegít. Novemberben a nappali hőmérséklet 5-10°C körül alakul, éjszaka pedig megjelennek az első fagyok.</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 nagyon hideg, gyakori hó- és jégképződéssel. Az átlaghőmérséklet <strong>-2°C és 0°C</strong> között mozog, de éjszaka gyakran -5°C alá süllyed. A tél különösen zord, mivel a hegyekkel körülvett medencében pangó hideg levegő jellemző. Fagy rendszeres, és a hőmérséklet hideg hullámok idején akár -20°C alá is süllyedhet. A nappalok általában fagyosak, 2-6°C körül alakulnak.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Nagyszeben 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 Nagyszeben legfagyosabb hónapja. A nappali hőmérséklet átlagosan 2°C körül mozog, míg éjszaka -7°C körülire süllyedhet. Fagypont alatti hőmérséklet jellemző, különösen a hajnali órákban, és a hőmérséklet akár -18°C-ig is csökkenhet hideg hullámok idején.</p>



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



<p>A csapadék mennyisége alacsony, átlagosan 25 mm körül mozog, gyakran hó formájában. A havi csapadékos napok száma 6.</p>



<p>A relatív páratartalom 86% körüli, ami magas nedvességtartalmat jelent. Az égbolt többnyire borult, kevés napsütéssel.</p>



<p>Ha januárban utazol Nagyszebenbe, vigyél magaddal meleg télikabátot, kesztyűt, sálat és alkalmas téli cipőt. A városban rendszeres a havazás, és a jég miatt a járdák csúszósak lehetnek.</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 enyhe felmelegedés érezhető. A nappali hőmérséklet 6°C körülire emelkedhet, míg éjszaka -5°C körül alakul. A fagy továbbra is jellemző, de a hónap második felében már érezhetően melegebb napok várhatóak.</p>



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



<p>A csapadék mennyisége továbbra is alacsony, átlagosan 25 mm körül, részben hó, részben eső formájában. A csapadékos napok száma 5.</p>



<p>A levegő párás, 79% körüli páratartalommal. A februári látogatáshoz még mindig teljes téli felszerelés 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 11°C-ot is elérhet, míg az éjszakák -1°C körül alakulnak. Fagyos reggelek még gyakran előfordulnak, de napközben már a hó elolvadása jellemző.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 4,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 enyhe növekedést mutat, 35 mm körüli értékkel. A csapadékos napok száma 7, és már inkább eső formájában érkezik.</p>



<p>A páratartalom csökken, 70% körüli értékre. A márciusi időjárás változékony, rétegesen érdemes öltözködni.</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 17°C körülire emelkedik, míg éjszaka 4°C körül alakul. A hideg éjszakák még előfordulnak, de a nappali órák már kellemesen melegek.</p>



<p>A napsütéses órák száma átlagosan napi 5,5 ó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 növekszik, 55 mm körüli értékkel. Az esős napok száma 9, általában rövid záporok formájában, gyakran délutánonként.</p>



<p>A levegő páratartalma kellemes, 66% körüli. Április az egyik legjobb hónap Nagyszeben látogatására &#8211; kellemes hőmérséklet, növekvő napsütés.</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 késő tavaszi időszak, amikor a hőmérséklet már nyári értékek felé kúszik. A nappali értékek 21°C körülire emelkednek, míg éjszaka 9°C körül alakulnak. A hónap végére már meleg napok jellemzőek.</p>



<p>A napsütéses órák száma továbbra is 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 jelentősen növekszik, 75 mm körüli értékkel. A csapadékos napok száma 11, mivel a tavasz végén gyakoribbak a záporok.</p>



<p>A páratartalom emelkedik, 71% körüli értékre. A májusi látogatáshoz könnyebb, rétegezett ruházat ajánlott, és esernyő hasznos lehet.</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 melegséggel. A nappali maximum 25°C körülire emelkedik, míg éjszaka 12°C körül alakul. A nyári időszak ideális a szabadtéri tevékenységekhez.</p>



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



<p>A csapadék mennyisége jelentősen megnövekszik, 95 mm körüli értékkel. Az esős napok száma 10, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom közepes, 71% körüli, ami még kellemes közérzetet biztosít. A júniusi utazáshoz könnyű nyári ruházat é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 Nagyszeben legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 27°C-ot, míg az éjszakák is melegek maradnak, 14°C körüli értékekkel. A hegyvidéki fekvésnek köszönhetően az éjszakák felfrissítőek.</p>



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



<p>A csapadék mennyisége magas, 100 mm körüli értékkel. Júliusban gyakoriak a délutáni zivatarok. A csapadékos napok száma 10.</p>



<p>A páratartalom közepes, 70% körüli, ami kellemes közérzetet biztosít. A júliusi látogatáshoz könnyű nyári ruházat, napszemüveg és fényvédelem 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 és kellemes. A nappali hőmérséklet 27°C körül alakul, míg éjszaka 13°C-ra hűl le. A hónap végére már érezhető az ősz közeledése.</p>



<p>A napsütéses órák száma napi 7,5 óra. A nappali világosság időtartama 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 csökken, 70 mm körüli értékkel. A zivatarok még előfordulnak, de ritkábban. A csapadékos napok száma 8.</p>



<p>A páratartalom továbbra is közepes, 70% körüli értékre. Az augusztusi látogatáshoz hasonló felszerelés szükséges, mint júliusban.</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 enyhülést hozva. A nappali hőmérséklet 22°C körül alakul, éjszaka pedig 9°C-ra csökken. A hónap vége felé már érezhetően hűvösebb az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 5,5 ó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 18:45 körül történik.</p>



<p>A csapadék mennyisége mérsékelt, 55 mm körüli értékre csökken. A csapadékos napok száma 7.</p>



<p>A páratartalom emelkedik, 73% körüli, de az enyhébb hőmérséklet miatt a közérzet kellemes. A szeptemberi látogatás ideális, átmeneti ruházat ajánlott.</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 Nagyszeben egyik legkellemesebb hónapja őszi színekkel. A nappali hőmérséklet 17°C körülire csökken, míg éjszaka 4°C körül alakul. A levegő frissebb, de gyakori a köd a reggeli órákban.</p>



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



<p>A csapadék mennyisége jelentősen csökken, 45 mm körüli értékkel. A csapadékos napok száma mindössze 6.</p>



<p>A páratartalom emelkedik, 77% körüli értékre, ami ködös reggeleket eredményez. Az októberi látogatás kellemes, 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>November</strong></h3>



<p>A november már az ősz vége és a tél kezdete. A nappali hőmérséklet 10°C körülire süllyed, míg éjszaka már 0°C körül vagy alatta alakul. A hónap végére már hűvös, fagyos reggelek jellemzőek.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 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:45 körül következik be.</p>



<p>A csapadék mennyisége alacsony, 35 mm körüli értékkel. A csapadékos napok száma 5, és már előfordulhat hó is.</p>



<p>A páratartalom 81% körüli, ami nedves, ködös időjárást eredményez. A novemberi látogatáshoz meleg kabát, pulóver 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 Nagyszeben egyik leghidegebb hónapja. A nappali hőmérséklet 3°C körül alakul, míg éjszaka -5°C körülire is süllyedhet. Fagypont alatti hőmérséklet rendszeres, tiszta éjszakákon akár -16°C is lehet.</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 alacsony, 30 mm körüli értékkel, többnyire hó formájában. A csapadékos napok száma 6.</p>



<p>A levegő relatíve párás, 86% körüli páratartalommal. A decemberi látogatáshoz teljes téli felszerelés szükséges: vastag kabát, meleg pulóver, téli cipő.</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">Nagyszeben 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: 6 },
{ honap5: "Március", homerseklet5: 11 },
{ honap5: "Április", homerseklet5: 17 },
{ honap5: "Május", homerseklet5: 21 },
{ honap5: "Június", homerseklet5: 25 },
{ honap5: "Július", homerseklet5: 27 },
{ honap5: "Augusztus", homerseklet5: 27 },
{ honap5: "Szeptember", homerseklet5: 22 },
{ honap5: "Október", homerseklet5: 17 },
{ honap5: "November", homerseklet5: 10 },
{ 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">Nagyszeben 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: -2 },
{ honap: "Február", homerseklet: 0 },
{ honap: "Március", homerseklet: 5 },
{ honap: "Április", homerseklet: 11 },
{ honap: "Május", homerseklet: 15 },
{ honap: "Június", homerseklet: 19 },
{ honap: "Július", homerseklet: 20 },
{ honap: "Augusztus", homerseklet: 20 },
{ honap: "Szeptember", homerseklet: 15 },
{ honap: "Október", homerseklet: 10 },
{ honap: "November", homerseklet: 5 },
{ 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([-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">Nagyszeben á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: 25 },
{ honap: "Február", csapadek: 25 },
{ honap: "Március", csapadek: 35 },
{ honap: "Április", csapadek: 55 },
{ honap: "Május", csapadek: 75 },
{ honap: "Június", csapadek: 95 },
{ honap: "Július", csapadek: 100 },
{ honap: "Augusztus", csapadek: 70 },
{ honap: "Szeptember", csapadek: 55 },
{ honap: "Október", csapadek: 45 },
{ honap: "November", csapadek: 35 },
{ honap: "December", csapadek: 30 }
    ];
    // 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">Nagyszeben 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: 75 },
      { honap11: "Február", paratartalom11: 73 },
      { honap11: "Március", paratartalom11: 72 },
      { honap11: "Április", paratartalom11: 68 },
      { honap11: "Május", paratartalom11: 65 },
      { honap11: "Június", paratartalom11: 62 },
      { honap11: "Július", paratartalom11: 60 },
      { honap11: "Augusztus", paratartalom11: 62 },
      { honap11: "Szeptember", paratartalom11: 66 },
      { honap11: "Október", paratartalom11: 70 },
      { honap11: "November", paratartalom11: 73 },
      { honap11: "December", paratartalom11: 76 }
    ];
    // 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 Nagyszebenben</strong></h2>



<p>Nagyszeben közepes UV-sugárzási szintekkel rendelkezik az év folyamán, amely a kontinentális éghajlatnak és a hegyvidéki elhelyezkedésnek köszönhető. A magas tengerszint feletti fekvés miatt azonban a sugárzás intenzitása nem elhanyagolható.</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 rendszeresen 6-7-es szintre (magas) emelkedik. A tavasz második felében már védelem nélkül 20-30 perc után le lehet égni.</p>



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



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



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



<p>Az ősz elején, októberben az UV-index még közepes, 4-5-ös értékkel, majd novemberre csökken 2-3-as szintre (alacsony-mérsékelt). Azonban még ebben az időszakban is fennáll a leégés veszélye napos napokon.</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ó visszaveri a sugarakat, ami növelheti a sugárzást. A téli napsütés intenzitása megtévesztő lehet, különösen magasabban fekvő területeken.</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, amit 2 óránként érdemes újra felvinni.</li>



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



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



<li><strong>Árnyékos helyek keresése</strong>: Különösen a nyári déli órákban fontos az árnyékos helyek felkeresése.</li>



<li><strong>Hóvisszaverődés</strong>: Télen a hó visszaverheti a UV-sugarakat, így a hegyvidéki túrákon is ajánlott a fényvédelem.</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>Nagyszeben és Erdély térsége különböző extrém időjárási jelenségeknek van kitéve a kontinentális klíma és a hegyvidéki fekvés miatt.</p>



<p>A <strong>téli hónapokban</strong> szélsőséges hideg időszakok gyakoriak. A hőmérséklet akár -20°C alá is süllyedhet, ami 2017-ben -29°C-ot is elért. A hideg levegő pangása a hegyekkel körülvett medencében különösen komoly problémákat okozhat. Erős hóviharok és behavazások előfordulnak, amelyek akár napokig is tarthatnak, útlezárásokat és áramszüneteket okozva.</p>



<p>A <strong>tavaszi és nyári hónapokban</strong> hirtelen lezúduló záporok és zivatarok jellemzőek, amelyek gyakran jégesővel és erős széllel járnak. Ezek a viharok általában rövidek (1-2 óra), de intenzívek lehetnek. Májusban és júniusban már előfordultak rendkívüli időjárási események, amikor akár májusi havazás is meglepte a térséget.</p>



<p>Az <strong>őszi hónapokban</strong> gyakori a köd, amely akár napokig is megmaradhat a városban. A hegyvidéki környezetben hirtelen lehűlések és korai fagyok fordulhatnak elő októbertől.</p>



<p><strong>Árvizek és villámárvizek</strong> ritkábban, de előfordulnak a térségben, különösen tavasszal a hóolvadás idején, vagy nyáron a heves záporok után. Az elmúlt években több alkalommal sújtották árvizek Erdély különböző részeit, beleértve 2024-ben a Boris nevű vihar okozta károkat is.</p>



<p><strong>Erdélyi viharok</strong>: A térség különösen ki van téve a gyors időjárás-változásoknak, amikor néhány órán belül akár 20-30°C-os hőmérséklet-különbségek is előfordulhatnak. A Kárpátok által körülvett területen a levegő mozgása speciális időjárási jelenségeket hozhat létre.</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 Nagyszebenbe utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Nagyszeben 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, meleg hőmérséklet (18-27°C), megfelelő napsütés és elviselhető csapadékmennyiség jellemzi a várost, ami ideális a városnézéshez, városlátogatáshoz és szabadtéri programokhoz. A nyári tömeg is elkerülhető, és az árak kedvezőbbek.</p>



<p>A másik különösen kedvező időszak a <strong>kora őszi szezon</strong>, szeptember és október eleje között, amikor szintén kellemes a hőmérséklet (16-22°C), kevés az eső, és a város őszi színekben pompázik. Ez az időszak különösen népszerű a romantikus kirándulások és a fotózás kedvelői körében.</p>



<p>A <strong>nyári hónapok</strong> (június-augusztus) szintén kiválóak, különösen azok számára, akik a legmelegebb időszakot keresik. Bár a nappali hőmérséklet elérheti a 27°C-ot, az éjszakák kellemes hűvösek maradnak (12-14°C), ami a hegyvidéki fekvésnek köszönhető. Zivatarokra azonban számítani kell.</p>



<p>A tél (december-február) azoknak ajánlott, akik szeretik a havas, téli hangulatot és a karácsonyi vásárokat. A város különösen varázslatos lehet havazás idején, de fel kell készülni a hideg időre (-5°C &#8211; 3°C) és a hótakaróra.</p>



<p>Kerülendő időszak: A késő ősz (november) és a tél eleje (december-január) különösen megterhelőek a rendkívül hideg hőmérséklet (-5°C &#8211; -20°C), a gyakori ködök, a rövid nappalok és a borult időjárás miatt. Ezen időszak alatt a turisztikai attrakciók is korlátozottabban látogathatók.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Nagyszeben &#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="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="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/45d8024d13/sibiu/" data-label_1="NAGYSZEBEN" data-theme="original" >NAGYSZEBEN</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/nagyszeben-idojarasa/">Nagyszeben 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>Marosvásárhely időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/marosvasarhely-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Thu, 30 Oct 2025 11:54:58 +0000</pubDate>
				<category><![CDATA[Erdély]]></category>
		<category><![CDATA[Európa]]></category>
		<category><![CDATA[Románia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1538</guid>

					<description><![CDATA[<p>Marosvásárhely Erdély egyik legfontosabb városa, ahol a legtöbb magyar él. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Marosvásárhely időjárását a nedves kontinentális éghajlat határozza meg, ami&#8230;</p>
<p>A <a href="https://mikorutazz.hu/marosvasarhely-idojarasa/">Marosvásárhely 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>Marosvásárhely Erdély egyik legfontosabb városa, ahol a legtöbb magyar él. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Marosvásárhely időjárását a nedves kontinentális éghajlat határozza meg, ami meleg nyarakat és hideg, havas teleket eredményez. Az Erdély középső részén, a Maros-folyó mentén elhelyezkedő város egy dombokkal és alacsony hegyekkel körülvett medencében fekszik, amely sajátos mikroklímát eredményez. A város körülbelül 300 méteres tengerszint feletti magasságban helyezkedik el, ami mérsékli a szélsőségeket és kellemes időjárást biztosít az év nagy részében.</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>Marosvásárhely négy jól elkülöníthető évszakkal rendelkezik, ahol a nyár és a tél határozottan dominál. A tavasz és az ősz rövid átmeneti időszakok, amelyek különösen kellemes időjárást kínálnak.</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 rövid, de nagyon kellemes időszak Marosvásárhelyen, gyorsan melegedő hőmérséklettel. Az átlaghőmérséklet <strong>6-15°C</strong> között mozog. A tavasz elején még előfordulhatnak fagyos reggelek és márciusban még havazás is lehetséges, de áprilistól már gyorsan felmelegszik. A szubtrópusinál hűvösebb kontinentális növényzet fokozatosan virágba borul, különösen áprilisban és májusban. A változékony időjárás jellemző: napsütés, záporok és helyi zivatarok váltogatják egymást.</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, párás időszak. Az átlaghőmérséklet <strong>20-21°C</strong> körül alakul, de a nappali maximum gyakran eléri a 26-28°C-ot. A páratartalom (65-75%) mérsékelt, így a hőérzet kellemes marad. Július és augusztus a legmelegebb hónapok. A nyári időszakban gyakoriak a délutáni/esti zivatarok, de ezek általában rövidek és gyorsan elvonulnak. Június a legcsapadékosabb hónap az évben.</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 Marosvásárhely egyik legkellemesebb évszaka, fokozatosan csökkenő hőmérséklettel és friss levegővel. Az átlaghőmérséklet <strong>9-16°C</strong> között alakul. A csapadék mennyisége mérsékelt, és a levegő frissebb lesz. A reggelek párássá, ködössé válnak, különösen a Maros völgyében. Az őszi hónapok ideálisak a városnézéshez és szabadtéri tevékenységekhez.</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 hószennyezett, az átlaghőmérséklet <strong>-1 &#8211; 1°C</strong> között mozog, de éjszaka gyakran -5 &#8211; -10°C alá süllyed. Januárban akár -6°C-os átlaghőmérsékletek is előfordulhatnak. Fagy gyakori, és a hó rendszeresen hullik, bár a város belső részein ritkábban marad meg hosszabb ideig, mint a környező dombokon. A nappalok általában hidegek, 0-3°C körül alakulnak. A köd gyakori jelenség télen.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Marosvásárhely 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 Marosvásárhely egyik leghidegebb hónapja. A nappali hőmérséklet általában 1°C körül mozog, míg éjszaka -6 &#8211; -7°C körülire süllyedhet. Fagypont alatti hőmérséklet gyakori, különösen a hajnali órákban.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 4-5 óra. A nappali világosság időtartama viszonylag rövid, mintegy 8,5-9 óra. A napkelte 8:00 körül, a napnyugta pedig már 16:40 körül van.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 40-50 mm körül mozog, többnyire hó formájában. A havi csapadékos napok száma körülbelül 10-13, gyakran havazás vagy havas eső formájában. Január az év egyik legszárazabb hónapja.</p>



<p>A relatív páratartalom magas, 80-85% körüli, ami nedves, hideg közérzetet okoz. Az égbolt többnyire felhős, borult napokkal.</p>



<p>Ha januárban utazol Marosvásárhelyre, vigyél magaddal meleg télikabátot, sálat, kesztyűt és sapkát. A hideg miatt rétegesen öltözködj, és számíts havas, fagyos körülményekre.</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 az éjszakák valamivel enyhébbek. A nappali hőmérséklet 3°C körülire emelkedhet, míg éjszaka -4°C körül alakul. A fagy még gyakori, de a hónap második felében már érezhető az enyhülés.</p>



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



<p>A csapadék mennyisége a legalacsonyabb az évben, átlagosan 35-40 mm körül. A csapadékos napok száma 8-10 között mozog, még mindig többnyire hó vagy havas eső formájában.</p>



<p>A levegő relatíve száraz téli viszonylatban, 75-80% körüli páratartalommal. Február az egyik legszárazabb hónap Marosvásárhelyen. A februári látogatáshoz még mindig érdemes meleg téli ruházatot vinni, de a nappalok enyhébbek 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 egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 10°C-ot is elérhet, míg az éjszakák -1°C körül alakulnak. Fagyos reggelek még gyakran előfordulnak, és márciusban még havazás is lehet.</p>



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



<p>A csapadék mennyisége mérsékelt növekedést mutat, 45-55 mm körüli értékkel. A csapadékos napok száma 9-11, márciusban még előfordul hó és eső is.</p>



<p>A páratartalom csökken, 70% körüli értékre, ami kellemes tavaszi közérzetet eredményez. A márciusi időjárás változékony, de már érezhető a tavasz közeledése.</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°C körülire emelkedik, míg éjszaka 5°C körül alakul. A hideg éjszakák egyre ritkábbak, és a hónap végére már meleg tavaszi napok is előfordulhatnak.</p>



<p>A napsütéses órák száma átlagosan napi 7-8 ó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 növekszik, 60-70 mm körüli értékkel. Az esős napok száma 11-13, általában rövid záporok és zivatarok formájában.</p>



<p>A levegő páratartalma kellemes, 64-68% körüli. Április az egyik legjobb hónap Marosvásárhely látogatására &#8211; kellemes hőmérséklet, friss levegő, virágzó természet.</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 tavaszi időszak csúcsa, amikor a hőmérséklet már nyári értékek felé kúszik. A nappali értékek 22°C körülire emelkednek, míg éjszaka 11°C körül alakulnak. A hónap végére már meleg, kellemes napok jellemzőek.</p>



<p>A napsütéses órák száma magas, átlagosan 8-9 óra. A nappali világosság időtartama eléri a 14,5-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 magasabb, 75-85 mm körüli értékkel. A csapadékos napok száma 12-14, mivel a tavaszi esők és zivatarok még gyakoriak.</p>



<p>A páratartalom mérsékelt, 65-68% körüli értékre. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, mivel a reggeli és esti órákban még hűvösebb lehet.</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 melegséggel. A nappali maximum 26°C körülire emelkedik, míg éjszaka 14°C körül alakul. A nyár eleje kellemes időjárást hoz.</p>



<p>A napsütéses órák száma átlagosan napi 9-10 óra. A nappali világosság időtartama eléri az éves csúcsot, 15,5-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 a legmagasabb az évben, 90-100 mm körüli értékkel. Az esős napok száma 13-16, gyakran délutáni zivatarok formájában. Június a legcsapadékosabb hónap.</p>



<p>A páratartalom mérsékelt, 70-76% körüli. A júniusi utazáshoz könnyű nyári ruházat és esernyő ajánlott a délutáni zivatarok miatt.</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 Marosvásárhely 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°C körüli értékekkel. A kontinentális klíma miatt a nappalok melegek, de a párás égöv hatásai mérséklik a hőséget.</p>



<p>A napsütéses órák száma a legmagasabb, átlagosan napi 10-11 óra. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 15 ó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, 75-85 mm körüli értékkel. Július és augusztus szintén esős hónapok, gyakran délutáni zivatarokkal. A csapadékos napok száma 12-13.</p>



<p>A páratartalom mérsékelt, 70-75% körüli. A júliusi látogatáshoz könnyű nyári ruházat ajánlott, fényvédelemmel és hidratálással.</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 27-28°C körül alakul, míg éjszaka 14-15°C-ra hűl le. Ez az év egyik legmelegebb hónapja, de a kontinentális klíma miatt az éjszakák hűvösek maradnak.</p>



<p>A napsütéses órák száma napi 9-10 ó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 alacsonyabb, 60-70 mm körüli értékkel. Az esős napok száma csökken, körülbelül 8-10 nap.</p>



<p>A páratartalom mérsékelt, 70-73% körüli értékre. Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban: könnyű nyári ruházat, fényvédelem.</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 jelzi, fokozatos enyhülést hozva. A nappali hőmérséklet 21-22°C körül alakul, éjszaka pedig 10-11°C-ra csökken. A hónap vége felé már érezhetően hűvösebb az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 7-8 ó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 alacsony, 50-60 mm körüli értékre. Az esős napok száma 8-10.</p>



<p>A páratartalom mérsékelt, 72-76% körüli. A szeptemberi látogatás kellemes, őszi időjárással, ideális városnézéshez és szabadtéri programokhoz.</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 Marosvásárhely egyik legkellemesebb hónapja, ideális őszi időjárással. A nappali hőmérséklet 14-15°C körülire csökken, míg éjszaka 5-6°C körül alakul. A levegő frissebb és tisztább.</p>



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



<p>A csapadék mennyisége alacsony, 50-60 mm körüli értékkel. A csapadékos napok száma mindössze 8-10, és az esők általában enyhébbek. Az őszi ködök gyakoribbá válnak.</p>



<p>A páratartalom magasabb, 78-82% körüli értékre, ami párás reggeleket eredményez. Az októberi látogatás ideális, 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>November</strong></h3>



<p>A november már az ősz közepét-végét jelenti, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 6-8°C körülire süllyed, míg éjszaka már 0 &#8211; -1°C körött alakul. A hónap végére már fagyos reggelek jellemzőek, és előfordulhat havazás is.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 4-5 órára. 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 mérsékelt, 50-60 mm körüli értékkel. A csapadékos napok száma 10-13, novemberben már előfordulhat havas eső vagy hó.</p>



<p>A páratartalom magas, 82-85% körüli, ami párás, nedves közérzetet eredményez. A novemberi látogatáshoz meleg kabát ajánlott, rétegesen öltözködve.</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 Marosvásárhely egyik leghidegebb hónapja. A nappali hőmérséklet 1-2°C körül alakul, míg éjszaka -3 &#8211; -5°C körülire is süllyedhet. Fagypont alatti hőmérséklet gyakori, és a hó rendszeresen hullik.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 3-4 ó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, 8:00 körüli, a napnyugta pedig korai, 16:30 körüli.</p>



<p>A csapadék mennyisége mérsékelt, 45-55 mm körüli értékkel, többnyire hó formájában. A csapadékos napok száma 10-12, gyakran havazással.</p>



<p>A levegő relatíve párás, 82-86% körüli páratartalommal. A decemberi látogatáshoz meleg télikabát, pulóver, sál és sapka ajánlott.</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">Marosvásárhely 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: 1 },
{ honap5: "Február", homerseklet5: 3 },
{ honap5: "Március", homerseklet5: 10 },
{ honap5: "Április", homerseklet5: 16 },
{ honap5: "Május", homerseklet5: 22 },
{ honap5: "Június", homerseklet5: 26 },
{ honap5: "Július", homerseklet5: 27 },
{ honap5: "Augusztus", homerseklet5: 28 },
{ honap5: "Szeptember", homerseklet5: 22 },
{ honap5: "Október", homerseklet5: 15 },
{ honap5: "November", homerseklet5: 7 },
{ honap5: "December", homerseklet5: 2 }
    ];
    // 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">Marosvásárhely 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: -3 },
{ honap: "Február", homerseklet: 0 },
{ honap: "Március", homerseklet: 5 },
{ honap: "Április", homerseklet: 11 },
{ honap: "Május", homerseklet: 16 },
{ honap: "Június", homerseklet: 20 },
{ honap: "Július", homerseklet: 21 },
{ honap: "Augusztus", homerseklet: 21 },
{ honap: "Szeptember", homerseklet: 16 },
{ honap: "Október", homerseklet: 10 },
{ honap: "November", homerseklet: 3 },
{ 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([-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">Marosvásárhely á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: 38 },
{ honap: "Március", csapadek: 50 },
{ honap: "Április", csapadek: 65 },
{ honap: "Május", csapadek: 80 },
{ honap: "Június", csapadek: 95 },
{ honap: "Július", csapadek: 80 },
{ honap: "Augusztus", csapadek: 65 },
{ honap: "Szeptember", csapadek: 55 },
{ honap: "Október", csapadek: 55 },
{ honap: "November", csapadek: 55 },
{ honap: "December", csapadek: 50 }
    ];
    // 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">Marosvásárhely 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: 70 },
{ honap11: "Április", paratartalom11: 66 },
{ honap11: "Május", paratartalom11: 67 },
{ honap11: "Június", paratartalom11: 73 },
{ honap11: "Július", paratartalom11: 73 },
{ honap11: "Augusztus", paratartalom11: 72 },
{ honap11: "Szeptember", paratartalom11: 74 },
{ honap11: "Október", paratartalom11: 80 },
{ honap11: "November", paratartalom11: 84 },
{ honap11: "December", paratartalom11: 84 }
    ];
    // 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 Marosvásárhelyen</strong></h2>



<p>Marosvásárhely mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami a kontinentális klímának és az északi elhelyezkedésnek köszönhető. A város körülbelül 46,5° északi szélességen található, így az UV-index értékei általában alacsonyabbak, mint a mediterrán térségben.</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 5-6-os szintre (mérsékelt-magas) emelkedik. A tavasz második felében 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 Marosvásárhely UV-indexe eléri a 6-7-es értéket (magas), különösen a déli órákban (11:00-15:00 között). A kontinentális klíma miatt az UV-sugárzás intenzitása mérsékeltebb, mint a mediterrán országokban, de védelem nélkül 20-25 perc alatt is napégést lehet szenvedni.</p>



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



<p>Az ősz elején, szeptemberben az UV-index még 4-5-ös értékkel (mérsékelt), októberben 3-4-es szintre, novemberre pedig csökken 1-2-es szintre (alacsony). Az őszi hónapokban a napégés veszélye jelentősen csökken, de a déli órákban még mindig ajánlott a fényvédelem használata.</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ófelszín visszaverő hatása növelheti a sugárzás intenzitását. A téli napsütés viszonylag gyenge, de hosszabb kinti tartózkodás esetén még mindig érdemes fényvédőt használni.</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>: Tavasszal és nyáron SPF 30-as vagy magasabb faktorszámú 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, kalap és UV-szűrős napszemüveg használata a nyári hónapokban.</li>



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



<li><strong>Árnyékos helyek keresése</strong>: Különösen a déli órákban fontos az árnyékos helyek felkeresése májustól augusztusig.</li>



<li><strong>Hidratálás</strong>: Az UV-sugárzás és a meleg nyári napok együttesen igénybe veszik a szervezetet, ezért 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: 6 },
{ honap: "Június", uv: 7 },
{ honap: "Július", uv: 7 },
{ honap: "Augusztus", uv: 6 },
{ 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>Marosvásárhely térségét időnként érik szélsőséges időjárási események, bár ezek ritkábbak és enyhébbek, mint a mediterrán vagy az óceáni klímájú területeken.</p>



<p>A nyári hónapokban, különösen júniusban és júliusban, gyakoriak a délutáni és esti zivatarok, amelyek erős széllel, intenzív esőzéssel és villámokkal járnak. Ezek a viharok általában 1-2 óra alatt elvonulnak, de rövid ideig intenzívek lehetnek. A városban évente körülbelül 25-30 napon fordul elő zivatar.</p>



<p>A téli hónapokban a hóviharok és a tartós hideg periódusok jellemzőek. Januárban és februárban előfordulhatnak -15°C alatti hőmérsékletek, különösen tiszta, szélcsendes éjszakákon. A hó decembertől márciusig rendszeresen hullik, és a hótakaró hetekig megmaradhat a környező dombvidékeken.</p>



<p>Az őszi és téli hónapokban gyakori jelenség a köd, különösen a Maros völgyében, ahol a hideg levegő megrekedhet. A ködös napok száma novembertől februárig elérheti a 10-15 napot havonta. A hőmérsékleti inverzió miatt a völgyekben hidegebbek maradhatnak, mint a környező magaslatokon.</p>



<p>A szélviharok viszonylag ritkák, de tavaszkor és ősszel előfordulhatnak erősebb szélperiódusok, amikor a széllökések elérik a 60-70 km/h-t. A város medencejellegű fekvése általában védelmet nyújt az erős szelekkel szemben.</p>



<p>A kontinentális klíma miatt a hőmérséklet-ingadozások jelentősek lehetnek: egy-egy nap alatt akár 15-20°C különbség is előfordulhat, különösen tavasszal és ősszel.</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 Marosvásárhelyre utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Marosvásárhely meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen május és június, valamint a <strong>kora őszi időszak</strong>, szeptember és október között. Ezekben az időszakokban kellemes, meleg hőmérséklet (18-25°C), mérsékelt páratartalom és viszonylag stabil időjárás jellemzi a várost, ami ideális a városnézéshez, kulturális programokhoz és szabadtéri tevékenységekhez.</p>



<p>A nyári hónapok (július-augusztus) szintén kedvezőek, bár melegebbek (25-28°C), és gyakoriak a délutáni zivatarok. Ez az időszak népszerű a turisták körében, de érdemes számolni a magasabb hőmérséklettel és az esetleges esőkkel.</p>



<p>A tavaszi hónapok (március-április) szintén szépek lehetnek, amikor a természet feléled és a hőmérséklet kellemes (10-16°C), azonban változékony időjárásra és esetleges hideg napokra kell számítani, különösen márciusban.</p>



<p>A téli hónapok (december-február) azoknak ajánlottak, akik szeretik a havas, téli hangulatot és a karácsonyi vásárokat. A nappalok hidegek (0-3°C), az éjszakák fagyosak (-5, akár -10°C), és gyakori a hó és köd. Ez az időszak kevésbé zsúfolt, de meleg téli ruházatot igényel.</p>



<p>Kerülendő időszakok: November különösen zord lehet a gyakori köd, eső és hideg miatt. Március első fele szintén kiszámíthatatlan, amikor még fagyos reggelek és havazás is előfordulhat.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Marosvásárhely &#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/46d5424d55/targu-mures/" data-label_1="MAROSVÁSÁRHELY" data-theme="original" >MAROSVÁSÁRHELY</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/marosvasarhely-idojarasa/">Marosvásárhely 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>Brassó időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/brasso-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Thu, 30 Oct 2025 11:14:50 +0000</pubDate>
				<category><![CDATA[Erdély]]></category>
		<category><![CDATA[Európa]]></category>
		<category><![CDATA[Románia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1536</guid>

					<description><![CDATA[<p>Brassó Erdély egyik legszebb történelmi városa, a Kárpátok ölelésében. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Brassó időjárását a kontinentális hegyvidéki éghajlat határozza meg, ami hideg,&#8230;</p>
<p>A <a href="https://mikorutazz.hu/brasso-idojarasa/">Brassó időjárása – 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>Brassó Erdély egyik legszebb történelmi városa, a Kárpátok ölelésében. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Brassó időjárását a kontinentális hegyvidéki éghajlat határozza meg, ami hideg, havas teleket és kellemes, mérsékelten meleg nyarakat eredményez. A várost körülvevő magas hegyláncok – például a Tampa-hegy vagy a Nagykőhavas – nemcsak látványos díszletei a városnak, hanem jelentős hatással vannak az időjárásra is. Az évi középhőmérséklet alacsonyabb, mint a síkvidéki városokban. A csapadékmennyiség évi szinten meghaladja a 750 mm-t, így Brassó a csapadékosabb erdélyi városok közé tartozik.</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>Brassó négy jól elkülöníthető évszakkal rendelkezik, ahol a tél és a nyár dominál, a tavasz és az ősz pedig rövidebb átmeneti időszakok.</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 rövid, de kellemes időszak Brassóban. Márciusban még gyakran tapasztalhatunk fagyos reggeleket, ám április végére elérkezik a valódi tavasz. Az átlaghőmérséklet <strong>7-17°C</strong> között mozog. A tavaszi hónapok jellemzője a napsütéses időszakok és a záporok gyors váltakozása, valamint a hegyekből leáramló, hirtelen megerősödő szelek.</p>



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



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



<p>A nyár kellemes és mérsékelten meleg. A nappali hőmérséklet ritkán haladja meg a 27-28°C-ot, viszont az éjszakák hűvösek maradnak, így a nyári időszak különösen kedvező a turizmus számára. Az átlaghőmérséklet <strong>20-25°C</strong> között alakul. Június a legcsapadékosabb hónap, gyakori délutáni záporokkal és zivatarokkal.</p>



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



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



<p>Az ősz Brassó egyik legkellemesebb évszaka, fokozatosan csökkenő hőmérséklettel. Az átlaghőmérséklet <strong>10-15°C</strong> között mozog. A csapadék mennyisége jelentősen csökken, és a levegő frissebb lesz. Az őszi hónapok ideálisak a városnézéshez és természetjáráshoz.</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. A november végétől február végéig tartó hónapokban a hőmérséklet rendszeresen fagypont alá esik, az éjszakák különösen hidegek, akár –15°C alatti értékekkel. Az átlaghőmérséklet <strong>-5 &#8211; 2°C</strong> között mozog, de nappal 0-3°C körül alakul. A hó általában 71 napig nem olvad el.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Brassó 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 Brassó egyik leghidegebb hónapja. A nappali hőmérséklet átlagosan 0°C körül mozog, míg éjszaka -9°C körülire süllyedhet. A fagypont alatti hőmérséklet szinte állandó, különösen a hajnali és éjszakai órákban.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 4,5 óra. A nappali világosság időtartama rövid, körülbelül 9 óra.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 45 mm körül mozog. A havi csapadékos napok száma 14, többnyire havazás formájában. Jelentős hóréteg borítja a várost.</p>



<p>A relatív páratartalom 80% körüli, ami magas nedvességtartalmat jelent. Az égbolt gyakran borult, kevés napsütéssel.</p>



<p>Ha januárban utazol Brassóba, mindenképpen vigyél magaddal vastag télikabátot, síbakancsot és rétegesen öltözködj. A hideget komolyan kell venni, téli sportok viszont ideálisak ebben az időszakban.</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ó az januárhoz, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 0-1°C körülire emelkedhet, míg éjszaka -8-9°C körül alakul. A fagy továbbra is jellemző, de a hónap második felében már hosszabb nappalok várhatóak.</p>



<p>A napsütéses órák száma enyhén növekszik, átlagosan napi 5 óra. A nappali világosság időtartama észrevehetően növekszik, 10 órára.</p>



<p>A csapadék mennyisége a legalacsonyabb az évben, átlagosan 42 mm körül. A csapadékos napok száma 14 között mozog, továbbra is havazás formájában.</p>



<p>A levegő továbbra is nedves, 75-77% körüli páratartalommal. A februári látogatáshoz még mindig érdemes vastag téli ruházatot vinni.</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 átmenetet jelent a tavasz felé. A hőmérséklet emelkedni kezd, nappal már 6°C-ot is elérhet, míg az éjszakák -4°C körül alakulnak. Fagyos reggelek még gyakran előfordulnak.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 6 óra. A nappali világosság időtartama jelentősen megnő, 12 órára.</p>



<p>A csapadék mennyisége enyhe növekedést mutat, 41 mm körüli értékkel. A csapadékos napok száma 14, még előfordulhat havazás, de egyre gyakoribb az eső.</p>



<p>A páratartalom csökken, 72% körüli értékre. A márciusi időjárás változékony, rétegesen öltözködj.</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 13-14°C körülire emelkedik, míg éjszaka 2°C körül alakul. A hideg napok már ritkák, és a hónap végére már kellemes napok várhatóak.</p>



<p>A napsütéses órák száma átlagosan napi 6-7 óra. A nappali világosság időtartama 13,5 órára nő.</p>



<p>A csapadék mennyisége mérsékelt marad, 47 mm körüli értékkel. Az esős napok száma 12, általában rövid záporok formájában.</p>



<p>A levegő páratartalma kellemes, 70% körüli. Április az egyik legjobb hónap Brassó látogatására &#8211; kellemes hőmérséklet, friss levegő, virágzó természet.</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 hőmérséklet már nyári értékek felé kúszik. A nappali értékek 17-18°C körülire emelkednek, míg éjszaka 5-6°C körül alakulnak. A hónap végére már kellemes meleg napok jellemzőek.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan 7-8 óra. A nappali világosság időtartama eléri a 15 órát.</p>



<p>A csapadék mennyisége növekszik, 102 mm körüli értékkel. A csapadékos napok száma a legmagasabb az évben, 18 nap, mivel a tavaszi esős időszak csúcsát éri el.</p>



<p>A páratartalom 70-72% körüli értékre. A májusi látogatáshoz könnyű, rétegezett ruházat és esernyő ajánlott.</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 hőmérsékletekkel. A nappali maximum 20-22°C körülire emelkedik, míg éjszaka 8-9°C körül alakul. Az éjszakák még hűvösek maradnak.</p>



<p>A napsütéses órák száma átlagosan napi 10-11 óra, ez az év legsunnyebb időszaka. A nappali világosság időtartama eléri az éves csúcsot, 15,6 órát.</p>



<p>A csapadék mennyisége jelentősen megnövekszik, 100-125 mm körüli értékkel. Az esős napok száma 17, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom 72-75% körüli, ami mérsékelten nedves levegőt jelent. A júniusi utazáshoz könnyű ruházat é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 Brassó egyik legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 21°C-ot, míg az éjszakák is melegebbek maradnak, 10°C körüli értékekkel. A magas hegyvidéki fekvésnek köszönhetően a nyár sem túl forró.</p>



<p>A napsütéses órák száma átlagosan napi 10-11 óra. A nappali világosság időtartama még mindig hosszú, 15,3 óra.</p>



<p>A csapadék mennyisége magas, 120 mm körüli értékkel. Gyakori délutáni zivatarok. A csapadékos napok száma 16.</p>



<p>A páratartalom 70% körüli, ami kellemes közérzetet biztosít. A júliusi látogatáshoz könnyű ruházat ajánlott, napszemüveg és fényvédelem.</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 21°C körül alakul, míg éjszaka 9-10°C-ra hűl le. Ez a nyár vége, még mindig kellemes időjárással.</p>



<p>A napsütéses órák száma napi 10 óra. A nappali világosság időtartama érezhetően csökken, 14 órára.</p>



<p>A csapadék mennyisége csökken, 89 mm körüli értékkel. A csapadékos napok száma 13.</p>



<p>A páratartalom a legalacsonyabb az évben, 70% körüli értékre. Az augusztusi látogatáshoz hasonló ruházat ajánlott, mint júliusban.</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 enyhülést hozva. A nappali hőmérséklet 15-16°C körül alakul, éjszaka pedig 5°C-ra csökken. A hónap vége felé már érezhetően hűvösebb az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 8 óra. A nappali világosság időtartama tovább csökken, 12,5 órára.</p>



<p>A csapadék mennyisége csökkenni kezd, 71 mm körüli értékre. A csapadékos napok száma 12.</p>



<p>A páratartalom 73% körüli, de a hőmérséklet enyhülése miatt a közérzet kellemes. A szeptemberi látogatás ideális, rétegesen öltözködj.</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 Brassó egyik legkellemesebb hónapja, ideális időjárással. A nappali hőmérséklet 10-11°C körülire csökken, míg éjszaka 1-2°C körül alakul. A levegő frissebb és tisztább.</p>



<p>A napsütéses órák száma napi 6-7 óra, kiváló látási viszonyokkal. A nappali világosság időtartama jelentősen csökken, 11 órára.</p>



<p>A csapadék mennyisége csökken. A csapadékos napok száma mindössze 9, és az esők általában enyhébbek.</p>



<p>A páratartalom 75-77% körüli értékre. Az októberi látogatás ideális, réteges öltözködés és könnyű kabát 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 jelenti, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 4-5°C körülire süllyed, míg éjszaka már -3°C körött alakul. A hónap végére már fagyos reggelek jellemzőek, első havazások.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 5 órára. A nappali világosság időtartama tovább rövidül, 9,5 órára.</p>



<p>A csapadék mennyisége alacsony. A csapadékos napok száma 12, egyre gyakoribb a havazás.</p>



<p>A páratartalom 78% körüli, ami nedvesebb levegőt eredményez. A novemberi látogatáshoz meleg kabát ajánlott, téli ruházat előkészítése.</p>



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



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



<p>December Brassó egyik leghűvösebb hónapja. A nappali hőmérséklet 0-1°C körül alakul, míg éjszaka -7-8°C körülire is süllyedhet. Fagypont alatti hőmérséklet szinte állandó.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 4,5 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8,8 órát.</p>



<p>A csapadék mennyisége mérsékelt. A csapadékos napok száma 14, többnyire havazás formájában.</p>



<p>A levegő párás, 78-80% körüli páratartalommal. A decemberi látogatáshoz vastag télikabát, sífelszelés ajánlott.</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">Brassó 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: 0 },
{ honap5: "Február", homerseklet5: 1 },
{ honap5: "Március", homerseklet5: 6 },
{ honap5: "Április", homerseklet5: 13 },
{ honap5: "Május", homerseklet5: 18 },
{ honap5: "Június", homerseklet5: 21 },
{ honap5: "Július", homerseklet5: 21 },
{ honap5: "Augusztus", homerseklet5: 21 },
{ honap5: "Szeptember", homerseklet5: 16 },
{ honap5: "Október", homerseklet5: 11 },
{ honap5: "November", homerseklet5: 5 },
{ honap5: "December", homerseklet5: 1 }
    ];
    // 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">Brassó 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: -5 },
{ honap: "Február", homerseklet: -4 },
{ honap: "Március", homerseklet: 1 },
{ honap: "Április", homerseklet: 8 },
{ honap: "Május", homerseklet: 12 },
{ honap: "Június", homerseklet: 15 },
{ honap: "Július", homerseklet: 16 },
{ honap: "Augusztus", homerseklet: 15 },
{ honap: "Szeptember", homerseklet: 11 },
{ honap: "Október", homerseklet: 6 },
{ honap: "November", homerseklet: 1 },
{ honap: "December", homerseklet: -4 }
    ];
    // 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">Brassó á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: 42 },
{ honap: "Március", csapadek: 41 },
{ honap: "Április", csapadek: 47 },
{ honap: "Május", csapadek: 102 },
{ honap: "Június", csapadek: 113 },
{ honap: "Július", csapadek: 120 },
{ honap: "Augusztus", csapadek: 89 },
{ honap: "Szeptember", csapadek: 71 },
{ honap: "Október", csapadek: 60 },
{ honap: "November", csapadek: 50 },
{ honap: "December", csapadek: 50 }
    ];
    // 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">Brassó 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: 75 },
      { honap11: "Február", paratartalom11: 73 },
      { honap11: "Március", paratartalom11: 72 },
      { honap11: "Április", paratartalom11: 68 },
      { honap11: "Május", paratartalom11: 65 },
      { honap11: "Június", paratartalom11: 62 },
      { honap11: "Július", paratartalom11: 60 },
      { honap11: "Augusztus", paratartalom11: 62 },
      { honap11: "Szeptember", paratartalom11: 66 },
      { honap11: "Október", paratartalom11: 70 },
      { honap11: "November", paratartalom11: 73 },
      { honap11: "December", paratartalom11: 76 }
    ];
    // 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 Brassóban</strong></h2>



<p>Brassó közepes UV-sugárzási szintekkel rendelkezik az év nagy részében, ami a hegyvidéki elhelyezkedésnek és a mérsékeltebb éghajlatnak köszönhető. Ez fontos szempont a látogatók számára.</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 5-es értéket ér el (mérsékelt), áprilisban 7-re (magas), májusban pedig 8-9-es szintre (nagyon magas) emelkedik. A tavasz második felében már 20-30 perc alatt le lehet égni védelem nélkül.</p>



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



<p>A nyári hónapokban Brassó UV-indexe eléri a 7-8-as értéket, különösen június és július hónapokban. A sugárzás intenzitása miatt védelem nélkül 15-20 perc alatt is napégést lehet szenvedni. Augusztusban az UV-index 7-es értékre csökken.</p>



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



<p>Az ősz elején, októberben az UV-index még mindig mérsékelt, 5-ös értékkel, majd novemberre csökken 3-as szintre (alacsony-mérsékelt). Azonban még ebben az időszakban is fennáll a leégés veszélye hosszabb kitettség 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, de a hófelszín visszatükröződése növelheti a sugárzást, különösen síelés közben.</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>Magas faktorszámú fényvédő</strong>: Minimum SPF 30-as fényvédő használata ajánlott a nyári hónapokban, amit 2 óránként érdemes újra felvinni.</li>



<li><strong>Megfelelő ruházat</strong>: Könnyű, de takaró ruházat, kalap és UV-szűrős napszemüveg használata.</li>



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



<li><strong>Árnyékos helyek keresése</strong>: Különösen a déli órákban fontos az árnyékos helyek felkeresése.</li>



<li><strong>Téli védekezés</strong>: Síelés és téli túrázás közben is fontos a fényvédő használata a hófelszín visszaverő hatása miatt.</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: 2 },
{ honap: "Február", uv: 2 },
{ honap: "Március", uv: 5 },
{ honap: "Április", uv: 7 },
{ honap: "Május", uv: 9 },
{ honap: "Június", uv: 8 },
{ honap: "Július", uv: 8 },
{ honap: "Augusztus", uv: 7 },
{ honap: "Szeptember", uv: 6 },
{ honap: "Október", uv: 5 },
{ honap: "November", uv: 3 },
{ honap: "December", uv: 2 }
    ];
    // 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>Brassó térsége különböző szélsőséges időjárási jelenségeknek van kitéve, amelyek a hegyvidéki elhelyezkedésből és a kontinentális éghajlatból következnek.</p>



<p>A téli hónapokban előfordulhatnak extrém <strong>hideghullámok</strong>. 1942-ben Brassóban mérték az ország addigi leghidegebb hőmérsékletét: -38,5°C-ot. A Brassói-medence sajátos helyzetéből adódóan télen gyakran alakulnak ki hőmérsékleti inverziók, amikor a hideg levegő a medencében marad, és extrém hideg periódusokat eredményezhet.</p>



<p>Jelentős <strong>hómennyiség </strong>jellemző télen, amely akár 50-100 cm-es hóréteget is eredményezhet a városban, míg a környező hegyekben még ennél is többet. A hófúvások és hóviharok veszélyeztethetik a közlekedést.</p>



<p>A tavaszi és nyári hónapokban gyakori a hirtelen kialakuló <strong>zivatarok</strong>, amelyeket erős széllökések, jégeső és villámláás kísérhet. A hegyekből leáramló hirtelen szelek komoly hőmérséklet-változásokat okozhatnak rövid idő alatt.</p>



<p>A júniusi és júliusi csúcsidőszakban szinte naponta előfordulnak délutáni/esti zivatarok, amelyek intenzív lehetnek, de általában rövidek (30-60 perc).</p>



<p>A <strong>szél </strong>általában nyugati és északnyugati irányból fúj 1,5-3,2 m/s sebességgel. A hegyekből leáramló szelek gyakran hirtelen hőmérséklet-csökkenést vagy -emelkedést okoznak. Ezek a helyi szélrendszerek különösen tavasszal és ősszel aktívak.</p>



<p>A Brassói-medence földrajzi elhelyezkedése miatt ősszel és télen gyakori a tartós <strong>köd</strong>, amely napokig is eltarthat. Ez különösen novembertől februárig jellemző, amikor a nappalok rövidek és a talaj hideg.</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 Brassóba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Brassó meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen május és szeptember között. Ilyenkor kellemes, friss hőmérséklet (15-25°C), mérsékelt páratartalom és viszonylag kevés csapadék jellemzi a várost, ami ideális a városnézéshez, természetjáráshoz és túrázáshoz. A nyári tömeg és a téli extrém hideg is elkerülhető.</p>



<p>A másik kedvező időszak a <strong>kora őszi szezon</strong>, szeptember és október között, amikor szintén kellemes a hőmérséklet, tiszta a levegő, és a természet őszi színekben pompázik. Ez az időszak különösen népszerű a túrázók és természetkedvelők körében. Az esős időszak is véget ér, száraz, napos napok jellemzőek.</p>



<p>A nyári hónapok (június-augusztus) is jók, különösen azok számára, akik a hegyvidéki hűvösebb nyarat kedvelik. Bár június a legcsapadékosabb hónap, a hőmérséklet kellemes marad (20-25°C), és az éjszakák hűvösek, ami kellemes pihenést biztosít.</p>



<p>A téli hónapok (december-február) kiválóak a téli sportok kedvelői számára. Bár az éjszakák extrém hidegek lehetnek (-15°C alatt is), és a nappalok is fagyosak, a környező hegyek ideális feltételeket kínálnak síeléshez és téli túrázáshoz. A város télen varázslatos karácsonyi hangulatot áraszt.</p>



<p>Kerülendő időszakok: November és március változékony időjárása miatt kevésbé ajánlott, amikor gyakori a köd, a borult idő és az átmeneti időszak kiszámíthatatlan időjárást hoz. Emellett június közepe csapadékos lehet a gyakori délutáni zivatarok miatt.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Brassó &#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="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="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/45d6625d60/brasov/" data-label_1="BRASSÓ" data-theme="original" >BRASSÓ</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/brasso-idojarasa/">Brassó időjárása – 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>Bukarest időjárása &#8211; mikor a legjobb a román fővárosba utazni?</title>
		<link>https://mikorutazz.hu/bukarest-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Tue, 28 Oct 2025 09:40:39 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Románia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1531</guid>

					<description><![CDATA[<p>Részletesen megtudhatjátok Bukarest időjárását havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Bukarest időjárását a kontinentális éghajlat határozza meg, mely nedves szubtrópusi jelleggel keveredik. Ez hideg, havas teleket&#8230;</p>
<p>A <a href="https://mikorutazz.hu/bukarest-idojarasa/">Bukarest időjárása &#8211; mikor a legjobb a romá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><strong>Részletesen megtudhatjátok Bukarest időjárását havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni.</strong></strong></p>



<p>Bukarest időjárását a kontinentális éghajlat határozza meg, mely nedves szubtrópusi jelleggel keveredik. Ez hideg, havas teleket és forró nyarakat eredményez. A Kárpátok déli lábánál, a Wallachia síkságon fekvő város négy jól elkülöníthető évszakkal rendelkezik, jelentős hőmérséklet-különbségekkel a nyári és téli időszak 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>Bukarest éghajlatát erős szezonális eltérések jellemzik, ahol mind a négy évszak markánsan elkülönül egymástól.</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 rövid, de kellemes átmeneti időszak Bukarestben, amikor a természet életre kel. Az átlaghőmérséklet <strong>6-17°C</strong> között mozog. Március még hűvös lehet, fagypont alatti reggelekkel, de áprilisra és májusra már kellemes, mérsékelt idő jellemző. A városban virágba borulnak a parkok és kertek, különösen a híres Herastrau Park és Cismigiu Kert. A tavaszi hónapokban változékony az időjárás, gyakori az eső.</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 Bukarestben forró és napos, időnkénti délutáni záporokkal és zivatarral. Az átlaghőmérséklet <strong>21-23°C</strong>, de a nappali maximumok rendszeresen elérik a 28-30°C-ot. Július és augusztus a legforróbb hónapok, amikor a hőmérséklet akár 35-37°C-ra is emelkedhet. A páratartalom közepesen magas (60-65%), ami a forróságot elviselhetőbbé teszi. A nyári napok hosszúak, 15-15,5 órás napvilágossággal.</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 az egyik legkellemesebb évszak Bukarestben, fokozatosan csökkenő hőmérséklettel és gyönyörű őszi színekkel. Az átlaghőmérséklet <strong>6-18°C</strong> között alakul. Szeptember még nyáriasan meleg lehet, míg november már hűvös, télies. Az őszi hónapok ideálisak a városlátogatáshoz, kevesebb az eső, és a páratartalom is mérsékeltebb. A parkokban pompázik az őszi lombok színpompája.</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 borús, gyakori hóeséssel és fagyokkal. Az átlaghőmérséklet <strong>-1 és +1,5°C</strong> között mozog, de éjszaka rendszeresen fagypont alá süllyed. Január a leghidegebb hónap, amikor a hőmérséklet akár -15°C alá is csökkenhet. A nappalok rövidek (8-10 óra napvilágosság), és a napsütéses órák száma alacsony. A hó havonta átlagosan 6-7 napot borít fehérbe, összesen kb. 30 havas nappal az év során.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Bukarest 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 Bukarest leghidegebb hónapja. A nappali hőmérséklet átlagosan 3°C körül alakul, míg éjszaka -5°C körülire süllyedhet. A hideghullámok során a hőmérséklet elérheti a -15°C-ot is, a rekord minimum -32°C volt 1942-ben.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 2,5 óra. A nappali világosság időtartama mindössze 9,5 óra. A napkelte 8:00 körül, a napnyugta pedig már 17:20 körül következik be.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 40 mm körül mozog. A havi csapadékos napok száma 6, gyakran hó formájában.</p>



<p>A relatív páratartalom igen magas, 87% körüli, ami nyomasztó, nedves közérzetet okozhat. Az égbolt többnyire borús, kevés napsütéssel.</p>



<p>Ha januárban utazol Bukarestbe, mindenképpen vigyél meleg télikabátot, sapkát, sálat és kesztyűt. Rétegesen öltözködj, mivel a beltéri fűtött helyiségek és a hideg utcák 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>Február</strong></h3>



<p>Február hasonló januárhoz, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 6°C körülire emelkedhet, míg éjszaka -4°C körül alakul. A hideghullámok még mindig gyakoriak, amikor a hőmérséklet -14°C körülire is süllyedhet.</p>



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



<p>A csapadék mennyisége az év legalacsonyabb értékét éri el, átlagosan 35 mm körül. A csapadékos napok száma 6, főként hó formájában.</p>



<p>A levegő továbbra is igen párás, 80% körüli páratartalommal. A februári látogatáshoz még mindig teljes téli öltözet szükséges, de a hónap végén már érezhető a tavasz közeledte.</p>



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



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



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



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



<p>A csapadék mennyisége enyhe növekedést mutat, 45 mm körüli értékkel. A csapadékos napok száma 6, már inkább eső, mint hó formájában.</p>



<p>A páratartalom csökken, 70% körüli értékre. A márciusi időjárás még változékony, de már ideális városlátogatáshoz. Átmeneti kabát és esernyő 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>Április már egyértelműen tavaszi hónap, kellemes felmelegedéssel. A nappali hőmérséklet 18°C körülire emelkedik, míg éjszaka 5°C körül alakul. A hideg napok már ritkák, és a hónap végére már szinte nyárias napok is előfordulhatnak.</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:15 körül történik.</p>



<p>A csapadék mennyisége mérsékelt marad, 50 mm körüli értékkel. Az esős napok száma 6, általában rövid záporok formájában.</p>



<p>A levegő páratartalma kellemes, 65% körüli. Április az egyik legjobb hónap Bukarest látogatására &#8211; kellemes hőmérséklet, virágzó természet, kevés eső. Könnyű ruházat és egy tavaszi dzseki tökéletes választás.</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 hőmérséklet már nyári értékek felé kúszik. A nappali értékek 24°C körülire emelkednek, míg éjszaka 10°C körül alakulnak. A hónap végére már forró napok jellemzőek.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan 8 óra. A nappali világosság időtartama eléri a 14,5 ó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 növekszik, 65 mm körüli értékkel. A csapadékos napok száma 8, mivel a nyári zivataros időszak közelgete érezhető.</p>



<p>A páratartalom mérsékelt, 66% körüli értékre. A májusi látogatáshoz könnyű, szellős ruházat, napvédő krém és napszemüveg ajánlott. Esernyő is hasznos lehet a délutáni záporok miatt.</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, magas hőmérsékletekkel és hosszú napokkal. A nappali maximum 28°C körülire emelkedik, míg éjszaka 14°C körül alakul. A forró napokon a hőmérséklet elérheti a 35°C-ot is.</p>



<p>A napsütéses órák száma átlagosan napi 9 óra. A nappali világosság időtartama eléri az éves csúcsot, 15,5 órát. Június 21. a nyári napforduló, az év leghosszabb napja. 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 jelentősen megnövekszik, 80 mm körüli értékkel. Az esős napok száma 8, gyakran délutáni zivatarok formájában.</p>



<p>A páratartalom közepesen magas, 65% körüli, ami kellemes nyári közérzetet biztosít. A júniusi utazáshoz könnyű nyári ruházat, erős fényvédelem é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 Bukarest legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 30°C-ot, míg az éjszakák is melegek maradnak, 16°C körüli értékekkel. A forró időszakokban a hőmérséklet meghaladhatja a 36°C-ot, a rekord maximum 42°C volt 2000-ben.</p>



<p>A napsütéses órák száma átlagosan napi 9,5 óra, az év legmagasabb értéke. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 15 ó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, 70 mm körüli értékkel. A nyári zivatarok gyakoriak, de rövid ideig tartanak. A csapadékos napok száma 7.</p>



<p>A páratartalom a legalacsonyabb, 61% körüli, ami az év legszárazabb időszaka. A júliusi látogatáshoz a lehető legkönnyebb ruházat ajánlott, bőséges folyadékbevitel, magas faktorszámú napvédő krém és légkondicionált szállás.</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 rendkívül forró és napos. A nappali hőmérséklet 30°C körül alakul, míg éjszaka 15°C-ra hűl le. Ez szintén az év egyik legmelegebb hónapja, amikor a hőmérséklet akár 37°C-ra is emelkedhet.</p>



<p>A napsütéses órák száma napi 9 ó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 csökken, 50 mm körüli értékkel. A zivatarok ritkábbak, mint júniusban. A csapadékos napok száma 5.</p>



<p>A páratartalom alacsony marad, 60% körüli értékre. Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban: rendkívül könnyű ruházat, folyamatos hidratálás, erős napvédelem.</p>



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



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



<p>Szeptember az ősz kezdetét jelzi, fokozatos enyhülést hozva. A nappali hőmérséklet 25°C körül alakul, éjszaka pedig 11°C-ra csökken. A hónap eleje még nyárias, de a vége felé már érezhetően kellemesebb az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 7,5 ó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 mérsékelt, 65 mm körüli értékre. A zivatarok ritkábbak, a csapadékos napok száma 5.</p>



<p>A páratartalom közepesen magas, 65% körüli, de a hőmérséklet enyhülése miatt a közérzet kiváló. A szeptemberi látogatás ideális &#8211; még meleg, de már nem forró, kevés az eső, és kevesebb a turista.</p>



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



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



<p>Október Bukarest egyik legkellemesebb hónapja, ideális őszi időjárással. A nappali hőmérséklet 18°C körülire csökken, míg éjszaka 6°C körül alakul. A levegő frissebb és tisztább.</p>



<p>A napsütéses órák száma napi 5,5 óra, kellemes látási viszonyokkal. 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:15 körülre tolódik.</p>



<p>A csapadék mennyisége az év legalacsonyabb értékei közé tartozik, 60 mm körüli értékkel. A csapadékos napok száma mindössze 6, és az esők általában enyhébbek.</p>



<p>A páratartalom növekszik, 77% körüli értékre, de még kellemes közérzetet biztosít. Az októberi látogatás ideális, réteges öltözködés ajánlott &#8211; napközben még kellemes, de reggelente és esténként már hűvös lehet.</p>



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



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



<p>November már az ősz vége és a tél közeledtének időszaka, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 11°C körülire süllyed, míg éjszaka már 2°C körött alakul. A hónap végére már fagyos reggelek jellemzőek.</p>



<p>A napsütéses órák száma erősen csökken, átlagosan napi 3 órára. 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 17:00 körül következik be.</p>



<p>A csapadék mennyisége alacsony, 45 mm körüli értékkel. A csapadékos napok száma 6, már vegyes eső-hó formában.</p>



<p>A páratartalom magas, 84% körüli, ami párásabb levegőt eredményez. A novemberi látogatáshoz meleg kabát ajánlott, és fel kell készülni a hideg, borús időjárásra.</p>



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



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



<p>December Bukarest egyik leghidegebb hónapja, a tél kellős közepében. A nappali hőmérséklet 4°C körül alakul, míg éjszaka -3°C körülire is süllyedhet. Fagypont alatti hőmérséklet gyakori, különösen a hajnali órákban.</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 9 órát. December 21. a téli napforduló, az év legrövidebb napja. A napkelte késői, 7:45 körüli, a napnyugta pedig korai, 16:45 körüli.</p>



<p>A csapadék mennyisége alacsony, 45 mm körüli értékkel. A csapadékos napok száma 6, főként hó formájában.</p>



<p>A levegő igen párás, 88% körüli páratartalommal. A decemberi látogatáshoz teljes téli felszerelés szükséges: vastag kabát, meleg pulóver, sapka, sál és kesztyű. </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">Bukarest 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: 6 },
{ honap5: "Március", homerseklet5: 12 },
{ honap5: "Április", homerseklet5: 18 },
{ honap5: "Május", homerseklet5: 24 },
{ honap5: "Június", homerseklet5: 28 },
{ honap5: "Július", homerseklet5: 30 },
{ honap5: "Augusztus", homerseklet5: 30 },
{ honap5: "Szeptember", homerseklet5: 25 },
{ honap5: "Október", homerseklet5: 18 },
{ honap5: "November", homerseklet5: 11 },
{ 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">Bukarest 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: 6 },
{ honap: "Április", homerseklet: 12 },
{ honap: "Május", homerseklet: 17 },
{ honap: "Június", homerseklet: 21 },
{ honap: "Július", homerseklet: 23 },
{ honap: "Augusztus", homerseklet: 23 },
{ honap: "Szeptember", homerseklet: 18 },
{ honap: "Október", homerseklet: 12 },
{ honap: "November", homerseklet: 6 },
{ 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([-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">Bukarest á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: 40 },
{ honap: "Február", csapadek: 35 },
{ honap: "Március", csapadek: 45 },
{ honap: "Április", csapadek: 50 },
{ honap: "Május", csapadek: 65 },
{ honap: "Június", csapadek: 80 },
{ honap: "Július", csapadek: 70 },
{ honap: "Augusztus", csapadek: 50 },
{ honap: "Szeptember", csapadek: 65 },
{ honap: "Október", csapadek: 60 },
{ honap: "November", csapadek: 45 },
{ honap: "December", csapadek: 45 }
    ];
    // 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">Bukarest 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: 87 },
{ honap11: "Február", paratartalom11: 80 },
{ honap11: "Március", paratartalom11: 70 },
{ honap11: "Április", paratartalom11: 65 },
{ honap11: "Május", paratartalom11: 66 },
{ honap11: "Június", paratartalom11: 65 },
{ honap11: "Július", paratartalom11: 61 },
{ honap11: "Augusztus", paratartalom11: 60 },
{ honap11: "Szeptember", paratartalom11: 65 },
{ honap11: "Október", paratartalom11: 77 },
{ honap11: "November", paratartalom11: 84 },
{ 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 Bukarestben</strong></h2>



<p>Bukarest UV-sugárzási szintjei jelentős szezonális eltéréseket mutatnak, ami a közép-európai elhelyezkedésnek és a kontinentális éghajlatnak köszönhető.</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 5-ös értéket ér el (mérsékelt), áprilisban 7-re (magas), májusban pedig rendszeresen 8-as szintre (nagyon magas) emelkedik. Májusban már 15-20 perc alatt le lehet égni védelem nélkül, különösen a déli órákban.</p>



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



<p>A nyári hónapokban Bukarest UV-indexe eléri a legmagasabb értéket. Júniusban és júliusban az UV-index 8-as szintre (nagyon magas) emelkedik, különösen a déli órákban (11:00-15:00 között). A sugárzás intenzitása miatt védelem nélkül akár 15 perc alatt is napégést lehet szenvedni. Augusztus szintén hasonlóan magas UV-szintekkel rendelkezik.</p>



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



<p>Az ősz elején, szeptemberben az UV-index még mindig magas, 6-7-es értékkel, majd októberre csökken 5-ös szintre (mérsékelt-magas). Novemberre 3-as értékre (mérsékelt) esik vissza. Azonban még az őszi hónapokban is fennáll a leégés veszélye, különösen a napsütéses napokon.</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). Januárban és decemberben a legalacsonyabb, mindössze 1-es szinttel. Azonban a hófelszín akár meg is duplázhatja az UV-sugárzás erősségét, ezért még télen is ajánlott a napvédelem, különösen hosszabb kinti tartózkodás esetén.</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>Magas faktorszámú fényvédő</strong>: Minimum SPF 30-as, vízálló fényvédő használata ajánlott tavasztól őszig, amit 2 óránként érdemes újra felvinni.</li>



<li><strong>Megfelelő ruházat</strong>: Könnyű, de takaró ruházat, széles karimájú kalap és UV-szűrős napszemüveg használata a nyári hónapokban.</li>



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



<li><strong>Árnyékos helyek keresése</strong>: Különösen a nyári déli órákban fontos az árnyékos helyek felkeresése.</li>



<li><strong>Hidratálás</strong>: A magas nyári hőmérséklet és az UV-sugárzás együttesen jelentős igénybevételt jelent a szervezet számára.</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: 5 },
{ honap: "Április", uv: 7 },
{ honap: "Május", uv: 8 },
{ honap: "Június", uv: 8 },
{ honap: "Július", uv: 8 },
{ honap: "Augusztus", uv: 8 },
{ honap: "Szeptember", uv: 6 },
{ honap: "Október", uv: 5 },
{ honap: "November", uv: 3 },
{ 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>Bukarest kontinentális éghajlata miatt jelentős szélsőségek jellemzik az időjárást.</p>



<p>A téli hónapokban gyakoriak a <strong>hideghullámok</strong>, amikor a hőmérséklet -15°C alá süllyed. Extrém esetekben -20°C alatti hideg is előfordulhat. A hideghullámok általában néhány napig tartanak, és hóviharral, jeges utakkal járnak. A történelmi rekord -32°C volt 1942 januárjában.</p>



<p>A nyári hónapokban, különösen júliusban és augusztusban gyakoriak a <strong>hőhullámok</strong>, amikor a hőmérséklet több napig meghaladja a 35°C-ot. Az extrém meleg 40°C körül alakulhat. A 2000 júliusában mért 42°C a valaha mért legmagasabb hőmérséklet Bukarestben. A hőhullámok különösen az idősek és gyermekek számára jelentenek kockázatot.</p>



<p>A nyári hónapokban gyakoriak a délutáni és esti órákban kialakuló erős <strong>zivatarok</strong>. Ezek intenzív esővel, villámlássel, néha jégesővel járnak. A zivatarok általában rövid ideig tartanak (1-2 óra), de hirtelen jelennek meg és jelentős károkat okozhatnak. 2024 júliusában egy erős vihar több mint 550 kidőlt fát és kiterjedt áramszünetet okozott a fővárosban.</p>



<p>A tavaszi és őszi hónapokban előfordulnak <strong>erős széllökések</strong>, amelyek akár 60-70 km/h sebességet is elérhetnek. Ezek különösen veszélyesek lehetnek a városban, ahol kidőlhetnek fák és építési elemek.</p>



<p>A téli hónapokban előfordulnak jelentősebb <strong>hóesések</strong>, amikor 20-30 cm hó is eshet néhány óra alatt. Ezek gyakran közlekedési problémákat okoznak, és a közművek működését is befolyásolhatják.</p>



<p>Az őszi és téli hónapokban gyakoriak a <strong>ködös időszakok,</strong> amelyek jelentősen csökkentik a látótávolságot. A köd különösen novemberben és decemberben jellemző, amikor napokig is eltarthat.</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 Bukarestbe utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Bukarest meglátogatására a <strong>kora őszi és késő tavaszi hónapok</strong>, különösen <strong>május, június, szeptember és október</strong>. Ezekben a hónapokban kellemes, mérsékelt hőmérséklet (18-25°C), alacsonyabb páratartalom és kevés csapadék jellemzi a várost, ami ideális a városlátogatáshoz, múzeumlátogatáshoz és séták élvezetéhez.</p>



<p>A <strong>tavaszi időszak</strong>, különösen április vége és május kiváló választás, amikor a természet virágba borul, a parkok zöldellnek, és még nem érte el a várost a nyári forróság. Ebben az időszakban még kevesebb a turista, és a szállások is kedvezőbb áron elérhetőek.</p>



<p>A <strong>kora őszi időszak</strong>, szeptember és október szintén ideális. A szeptember még nyáriasan meleg lehet, míg október már hűvösebb, őszi színekkel tarkított. Az őszi hónapok különösen kellemesek a városlátogatáshoz, a kulturális programokhoz és a környéki kirándulásokhoz.</p>



<p>A nyári hónapok (június vége-augusztus) megterhelőek lehetnek a magas hőmérséklet miatt (28-30°C, de akár 35°C fölött is), azonban ha nem zavar a forróság, és légkondicionált szállást választasz, ez is jó időszak lehet. </p>



<p>Kerülendő időszakok: A téli hónapok (december-február) különösen hidegek és borusak, rövid nappalokkal és hóeséssel. Bár a karácsonyi vásárok és téli hangulat vonzó lehet, az extrém hideg (-10 és -15°C között) és a korlátozott napsütés miatt ez nem ideális időszak a városlátogatáshoz. November szintén kerülendő a borús, hűvös és párás időjárás miatt.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bukarest &#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/44d4326d10/bucharest/" data-label_1="BUKAREST" data-theme="original" >BUKAREST</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/bukarest-idojarasa/">Bukarest időjárása &#8211; mikor a legjobb a romá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>Kolozsvár időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/kolozsvar-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Sun, 26 Oct 2025 14:55:58 +0000</pubDate>
				<category><![CDATA[Erdély]]></category>
		<category><![CDATA[Európa]]></category>
		<category><![CDATA[Románia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1527</guid>

					<description><![CDATA[<p>Kolozsvár, Erdély kulturális fővárosa lenyűgöző építészeti örökséggel várja a látogatókat. Részletesen megismerheted az időjárást havi bontásban és megtudhatod, mikor érdemes ide utazni. Kolozsvár időjárását a nedves kontinentális éghajlat határozza meg,&#8230;</p>
<p>A <a href="https://mikorutazz.hu/kolozsvar-idojarasa/">Kolozsvár 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>Kolozsvár, Erdély kulturális fővárosa lenyűgöző építészeti örökséggel várja a látogatókat. Részletesen megismerheted az időjárást havi bontásban és megtudhatod, mikor érdemes ide utazni.</strong></p>



<p>Kolozsvár időjárását a nedves kontinentális éghajlat határozza meg, ami meleg, viszonylag csapadékos nyarakat és hideg, havas teleket eredményez. A Kolozsi-medencében, a Szamos folyó mentén elhelyezkedő város körül elterülő dombvidékek és közeli hegységek egyedi mikroklímát alakítanak ki. Az év során jelentős hőmérséklet-ingadozás tapasztalható, a négy évszak határozott váltakozásával.</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>Kolozsvár négy jól elkülöníthető évszakkal rendelkezik, mindegyik saját karakterrel és előnyökkel.</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éssel érkezik Kolozsvárra. Az átlaghőmérséklet <strong>1-20°C</strong> között mozog. Márciusban még gyakoriak a reggeli fagyok, de a nappali hőmérséklet már 10-14°C-ot is elérhet. Áprilisban 16-20°C-os napokra számíthatunk, míg májusban már gyakori a 22-24°C-os hőmérséklet. A tavaszi hónapok csapadékosak, gyakran előfordulnak záporok és zivatarok, különösen délutánonként. A szubtrópusi növényzet virágba borul, a város parkjai és történelmi negyedei különösen vonzók ebben az időszakban.</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 Kolozsváron meleg, de viszonylag kiegyensúlyozott. Az átlaghőmérséklet <strong>20-25°C</strong> között alakul, bár júliusban-augusztusban a nappali csúcshőmérsékletek általában 27-31°C közé emelkednek. A forró napokat gyakran enyhítik a közeli hegyvidékekről érkező hűvösebb légáramlatok. Az éjszakák általában kellemesek, 14-17°C körüli hőmérséklettel. Június a legcsapadékosabb hónap, átlagosan 95 mm csapadékkal. A nyári hónapokban rendszeresen előfordulnak záporok és zivatarok, de ezek általában rövid ideig tartanak és frissítik a levegőt.</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 Kolozsvár egyik legkellemesebb évszaka, fokozatosan csökkenő hőmérséklettel. Az átlaghőmérséklet <strong>21-6°C</strong> között alakul. Szeptember még sokszor napos, 20-23°C-os nappalokkal, de októberre a hőmérséklet 12-16°C-ra csökken. Novemberben a nappali értékek 5-9°C között mozognak, és egyre gyakoribbak a fagyos éjszakák. A csapadék mennyisége csökken, és a levegő frissebb lesz. Az őszi hónapok kiválóak a városnézéshez és kirándulásokhoz.</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 Kolozsváron hideg és havas. Az átlaghőmérséklet <strong>-6-3°C</strong> között mozog nappal, míg éjszaka -5 és -10°C közé süllyed. Január a leghidegebb hónap, amikor a hőmérséklet rendszeresen fagypont alatt marad. A havazás rendszeres, különösen februárban, amikor átlagosan 115 mm hó esik. A hó gyakran napokig vagy hetekig megmarad, különösen a város peremén és magasabban fekvő részein. A tél egyik jellemzője a köd és az inverziós rétegek kialakulása.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Kolozsvár 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 Kolozsvár egyik leghidegebb hónapja. A nappali hőmérséklet átlagosan 0°C körül mozog, míg éjszaka akár -6,5°C-ra is süllyedhet. Ez az év legalacsonyabb éjszakai hőmérsékletű hónapja, amikor a fagypont alatti értékek a megszokottak.</p>



<p>A napsütéses órák száma szerény, átlagosan napi 4,6 óra. A nappali világosság időtartama rövid, mindössze 9 óra körüli. A napkelte 7:35 körül, a napnyugta pedig már 17:45 körül van.</p>



<p>A csapadék mennyisége alacsony, átlagosan 40 mm körül mozog, amely hó vagy enyhe eső formájában érkezik. A havi csapadékos napok száma 13, főként havazás formájában.</p>



<p>A relatív páratartalom magas, 87% körüli, ami nagyon nedves levegőt jelent, különösen a hideg hőmérsékletekkel együtt. Az égbolt gyakran borult, korlátozott napsütéssel.</p>



<p>Ha januárban utazol Kolozsvárra, feltétlenül vigyél magaddal vastag télikabátot, meleg pulóvert, kesztyűt és sálat. Rétegesen öltözködj, mivel a beltéri terek fűtöttek, de a kültéri hőmérséklet extrém hideg lehet.</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ó az januárhoz, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 3°C körülire emelkedhet, míg éjszaka -4°C körül alakul. A fagy továbbra is gyakori, de a hónap második felében hosszabb, napsütéses időszakok várhatóak.</p>



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



<p>A csapadék mennyisége az év legalacsonyabb, átlagosan 20 mm körül. A csapadékos napok száma 5, de február a leghavasabb hónap, amikor átlagosan 115 mm hó esik.</p>



<p>A levegő nagyon hideg és nedves, 85% körüli páratartalommal. Az égbolt gyakran tiszta, és a napfényes órák száma fokozatosan növekszik. A februári látogatáshoz továbbra is erős téli felszerelés szükséges, különösen a havazás és a hideg miatt.</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 9°C-ot is elérhet, míg az éjszakák 1°C körül alakulnak. Fagyos reggelek még gyakran előfordulnak, de a hónap végére már érezhetően enyhébb az időjárás.</p>



<p>A napsütéses órák száma tovább emelkedik, átlagosan napi 7 órá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 növekedést mutat, 50 mm körüli értékkel. A csapadékos napok száma 9, amely eső és időnként még hó formájában is megjelenhet. Március végén átlagosan 43 mm hó még mindig hullhat.</p>



<p>A páratartalom csökken, 80% körüli értékre. A márciusi időjárás változékony, érdemes rétegesen öltözködni, mert a nappali felmelegedés és az éjszakai lehűlés jelentős lehet.</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 15°C körülire emelkedik, míg éjszaka 3°C körül alakul. A hideg napok már ritkák, és a hónap végére tavaszias meleg napok jellemzőek.</p>



<p>A napsütéses órák száma átlagosan napi 8 ó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 mérsékelt marad, 50 mm körüli értékkel. Az esős napok száma 9, általában rövid záporok formájában. Havazás már alig fordul elő, átlagosan csak 13 mm.</p>



<p>A levegő páratartalma tovább csökken, 72% körüli, amely az év legalacsonyabb értéke. Április az egyik legjobb hónap Kolozsvár látogatására &#8211; kellemes hőmérséklet, kevés eső, alacsony páratartalom. Az UV-index 6-7-es értékre emelkedik, így fényvédelem ajánlott.</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, amikor a hőmérséklet már nyári értékek felé kúszik. A nappali értékek 20°C körülire emelkednek, míg éjszaka 9°C körül alakulnak. A hónap végére már meleg, nyárias napok jellemzőek.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan 8,5 ó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 növekszik, 69 mm körüli értékkel. A csapadékos napok száma 11, mivel a nyári esős időszak közelgete érezhető. Havazás már nem fordul elő.</p>



<p>A páratartalom újra emelkedik, 74% körüli értékre. A májusi látogatáshoz könnyű, szellős ruházat és fényvédelem ajánlott, mivel az UV-index már 7-8-as értéket is elérhet.</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 hőmérsékletekkel és hosszú nappalokkal. A nappali maximum 24°C körülire emelkedik, míg éjszaka 11°C körül alakul. Június az év legcsapadékosabb hónapja.</p>



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



<p>A csapadék mennyisége jelentősen megnövekszik, 95 mm körüli értékkel. Az esős napok száma 11, gyakran délutáni zivatarok formájában, amelyek általában rövidek, de intenzívek.</p>



<p>A páratartalom 75% körüli, ami kellemes közérzetet biztosít. A júniusi utazáshoz könnyű ruházat, erős fényvédelem és esernyő ajánlott. Az UV-index eléri a maximális 8-as értéket.</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 Kolozsvár legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 24,5°C-ot, de a csúcsértékek gyakran 27-31°C közé emelkednek. Az éjszakák is melegek maradnak, 13°C körüli értékekkel.</p>



<p>A napsütéses órák száma átlagosan napi 8,8 óra, amely az év legmagasabb értéke. 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:15 körül következik be.</p>



<p>A csapadék mennyisége csökken a júniusi csúcshoz képest, 81 mm körüli értékkel. A nyári záporok és zivatarok továbbra is jellemzőek, a csapadékos napok száma 10.</p>



<p>A páratartalom 73% körüli, ami kellemes közérzetet biztosít. A júliusi látogatáshoz könnyű, légáteresztő ruházat ajánlott, bőséges fényvédelem. Az UV-index továbbra is magas, 8-as értékkel.</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 kicsit hűvösebb, mint július. A nappali hőmérséklet 24°C körül alakul, míg éjszaka 13°C-ra hűl le. Ez a nyár vége, amikor még kellemes meleg napokra számíthatunk.</p>



<p>A napsütéses órák száma napi 8,5 ó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 tovább csökken, 60 mm körüli értékkel, amely az egyik legalacsonyabb nyári érték. A csapadékos napok száma 8, a záporok gyakran rövidek és intenzívek.</p>



<p>A páratartalom 76% körüli értékre emelkedik. Az augusztusi látogatáshoz hasonló felkészültség szükséges, mint júliusban: könnyű ruházat, fényvédelem és napvédő kalap. Az UV-index még mindig magas, 7-es értékkel.</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 enyhülést hozva. A nappali hőmérséklet 21°C körül alakul, éjszaka pedig 9°C-ra csökken. A hónap vége felé már érezhetően hűvösebb az idő, különösen a reggeli és esti órákban.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 7,5 órá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 alacsony, 45 mm körüli értékre csökken. A csapadékos napok száma 7, az esők általában enyhébbek és rövidebbek.</p>



<p>A páratartalom 77% körüli, de a hőmérséklet enyhülése miatt a közérzet kellemes marad. A szeptemberi látogatás ideális, réteges öltözködés ajánlott. Az UV-index 5-ös értékre csökken, de napvédelem továbbra is javasolt.</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 Kolozsvár egyik legkellemesebb hónapja, ideális időjárással. A nappali hőmérséklet 14°C körülire csökken, míg éjszaka 3°C körül alakul. A levegő friss és kellemes, az őszi színek gyönyörűek.</p>



<p>A napsütéses órák száma napi 5,5 óra, kiváló látási viszonyokkal. A nappali világosság időtartama jelentősen csökken, 10,5 ó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 továbbra is alacsony, 31 mm körüli értékkel. A csapadékos napok száma mindössze 6, és az esők általában enyhék. Havazás általában még nem fordul elő.</p>



<p>A páratartalom 82% körüli értékre emelkedik, de a hűvösebb hőmérséklet miatt ez kellemes. Az októberi látogatás kiváló, réteges öltözködés és könnyű átmeneti kabát ajánlott. Az UV-index 3-as értékre csökken.</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, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 6°C körülire süllyed, míg éjszaka már -1°C körött alakul. A hónap végére már hideg reggelek és fagyos éjszakák jellemzőek.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 3,5 ó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:45 körül következik be.</p>



<p>A csapadék mennyisége továbbra is alacsony, 30 mm körüli értékkel. A csapadékos napok száma 7. A havazás újra megjelenik, átlagosan 26 mm hó esik, jelezve a tél közelgét.</p>



<p>A páratartalom 84% körüli, ami nedves levegőt eredményez. A novemberi látogatáshoz meleg kabát, pulóver ajánlott az esti órákra, napközben is hűvös lehet. Az UV-index már csak 2-es értéket ér el.</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 Kolozsvár egyik leghűvösebb hónapja, a tél beköszöntével. A nappali hőmérséklet 3°C körül alakul, míg éjszaka -3°C körülire is süllyedhet. Fagypont alatti hőmérséklet rendszeres, a hó gyakran megmarad.</p>



<p>A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 1,8 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 8,6 ó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 mérsékelt, 32 mm körüli értékkel. A csapadékos napok száma 7. A havazás jelentős, átlagosan 58 mm hó esik havonta.</p>



<p>A levegő nagyon nedves, 88% körüli páratartalommal, ami a leghidegebb értékek között van. A decemberi látogatáshoz vastag télikabát, meleg alsóruházat, sál, kesztyű és megfelelő téli cipő elengedhetetlen. Az UV-index minimális, 1-es értékkel.</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">Kolozsvár 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: 0 },
{ honap5: "Február", homerseklet5: 3 },
{ honap5: "Március", homerseklet5: 9 },
{ honap5: "Április", homerseklet5: 15 },
{ honap5: "Május", homerseklet5: 20 },
{ honap5: "Június", homerseklet5: 24 },
{ honap5: "Július", homerseklet5: 25 },
{ honap5: "Augusztus", homerseklet5: 24 },
{ honap5: "Szeptember", homerseklet5: 21 },
{ honap5: "Október", homerseklet5: 14 },
{ honap5: "November", homerseklet5: 6 },
{ 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">Kolozsvár 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: -3 },
{ honap: "Február", homerseklet: -1 },
{ honap: "Március", homerseklet: 5 },
{ honap: "Április", homerseklet: 9 },
{ 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: 9 },
{ honap: "November", homerseklet: 3 },
{ 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">Kolozsvár á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: 40 },
{ honap: "Február", csapadek: 20 },
{ honap: "Március", csapadek: 50 },
{ honap: "Április", csapadek: 50 },
{ honap: "Május", csapadek: 69 },
{ honap: "Június", csapadek: 95 },
{ honap: "Július", csapadek: 81 },
{ honap: "Augusztus", csapadek: 60 },
{ honap: "Szeptember", csapadek: 45 },
{ honap: "Október", csapadek: 31 },
{ honap: "November", csapadek: 30 },
{ honap: "December", csapadek: 32 }
    ];
    // 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">Kolozsvár 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: 87 },
{ honap11: "Február", paratartalom11: 85 },
{ honap11: "Március", paratartalom11: 80 },
{ honap11: "Április", paratartalom11: 72 },
{ honap11: "Május", paratartalom11: 74 },
{ honap11: "Június", paratartalom11: 75 },
{ honap11: "Július", paratartalom11: 73 },
{ honap11: "Augusztus", paratartalom11: 76 },
{ honap11: "Szeptember", paratartalom11: 77 },
{ honap11: "Október", paratartalom11: 82 },
{ honap11: "November", paratartalom11: 84 },
{ 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 Kolozsváron</strong></h2>



<p>Kolozsvár közepes UV-sugárzási szintekkel rendelkezik az év nagy részében, amely a kontinentális éghajlatnak és az északi elhelyezkedésnek köszönhető. Az UV-index jelentősen változik az évszakok függvényében.</p>



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



<p>A tavaszi hónapokban az UV-index gyorsan emelkedik. Márciusban 3-4-es értéket ér el (mérsékelt), áprilisban 6-7-re (magas), májusban pedig rendszeresen 7-8-as szintre (nagyon magas) emelkedik. A tavasz második felében már 20-30 perc alatt le lehet égni védelem nélkül, különösen 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 Kolozsvár UV-indexe eléri a legmagasabb értékeket, 7-8-as szintet, különösen júniusban és júliusban. A sugárzás intenzitása miatt védelem nélkül akár 15-20 perc alatt is napégést lehet szenvedni a déli órákban (11:00-15:00 között). Augusztusra az UV-index 7-re csökken, de továbbra is magas marad.</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-ös értékkel, majd októberre csökken 3-as szintre (mérsékelt), novemberre pedig 2-re (alacsony). Azonban még szeptemberben is fennáll a leégés veszélye napközben.</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-mérsékelt). A téli napsütés gyenge és a napok rövidek, így a napégés veszélye minimális. Azonban havazás után a hóról való visszaverődés növelheti az UV-expozíciót.</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>: Április-szeptember között minimum SPF 30-as fényvédő használata ajánlott, amit 2-3 óránként érdemes újra felvinni.</li>



<li><strong>Megfelelő ruházat</strong>: A nyári hónapokban könnyű, de takaró ruházat, széles karimájú kalap és UV-szűrős napszemüveg használata.</li>



<li><strong>Megfelelő időzítés</strong>: A szabadtéri tevékenységeket érdemes a kora reggeli (11 óra előtti) vagy késő délutáni (16 óra utáni) időszakra időzíteni, különösen nyáron.</li>



<li><strong>Árnyékos helyek keresése</strong>: Különösen a déli órákban fontos az árnyékos helyek felkeresése, különösen június-augusztusban.</li>



<li><strong>Hidratálás</strong>: A meleg időjárás és a napsugárzás együttesen jelentős igénybevételt jelent a szervezet számára.</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: 4 },
{ honap: "Április", uv: 6 },
{ honap: "Május", uv: 8 },
{ honap: "Június", uv: 8 },
{ 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>A <strong>nyári hónapokban</strong> (június-augusztus) gyakran előfordulnak délutáni/esti zivatarok, amelyek erős széllel, villámárvizekkel és néha jégesővel járnak. Ezek a viharok általában rövidek (1-2 óra), de intenzívek lehetnek. A város domborzata miatt néhol lokális záporok is kialakulhatnak. 2022-ben Kolozsvárt jelentős vihar sújtotta, amely áramszüneteket, súlyos árvizeket és ingatlan-károkat okozott.</p>



<p>A <strong>tavaszi</strong> és <strong>koraőszi</strong> időszakban (április-május, szeptember-október) előfordulhatnak hirtelen lehűlések és frontátvonulások, amelyek kiszámíthatatlan időjárást hoznak. Ekkor gyakoribbak a heves záporok és zivatarok.</p>



<p>A <strong>téli hónapokban</strong> (december-február) a rendszeres havazás és az extrém hideg jellemző. A hó gyakran napokig vagy hetekig megmarad, különösen a város peremén és magasabban fekvő részein. A tél egyik jellemzője a <strong>köd és az inverziós rétegek</strong> kialakulása, amelyek hosszabb ideig is visszatarthatják a hideg, nyirkos levegőt a völgyekben. Ez rossz levegőminőséget és korlátozott látási viszonyokat eredményezhet.</p>



<p><strong>Árvizek</strong> is előfordulhatnak, különösen tavasszal a hóolvadás idején és nyáron heves esőzések után. 2010-ben Romániában, beleértve Kolozs megyét is, súlyos árvizek pusztítottak, amelyek több halálos áldozatot követeltek és jelentős károkat okoztak az infrastruktúrában.</p>



<p>Az <strong>extrém hőmérsékletek</strong> egyre gyakoribbak. Nyáron előfordulhatnak 35°C feletti hőségnapok, télen pedig -20°C alá süllyedhet a hőmérséklet. A legmelegebb rögzített hőmérséklet 2012 júliusában volt (átlag 25°C), míg a leghidegebb 1940 januárjában (-10°C átlaghőmérséklet).</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 Kolozsvárra utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Kolozsvár meglátogatására a <strong>késő tavaszi és kora őszi hónapok</strong>, különösen május-június és szeptember között. Ilyenkor kellemes, meleg hőmérséklet (18-24°C), alacsonyabb páratartalom és viszonylag kevés csapadék jellemzi a várost, ami ideális a városnézéshez, kulturális programokhoz és kirándulásokhoz. A nappalok hosszúak, a természet színpompás, és a turistaáradat is mérsékeltebb, mint nyáron.</p>



<p>A <strong>kora nyári szezon</strong> (június-július) szintén kedvező, amikor a hőmérséklet kellemes, és a nyári fesztiválok, kulturális események teljes erővel zajlanak. Bár június csapadékosabb, a zivatarok általában gyorsan elvonulnak, és a hosszú nappalok lehetőséget biztosítanak a programokra.</p>



<p>A <strong>tavasz</strong> (április-május) szintén kiváló választás, különösen azok számára, akik szeretik a virágzó természetet és a mérsékelt hőmérsékletet. A város parkjai és történelmi negyedei különösen szépek ebben az időszakban.</p>



<p>Kerülendő időszakok: A téli hónapok (december-február) különösen megterhelőek az extrém hideg (-6 és +3°C között), a rendszeres havazás és a rövid nappalok miatt. Novemberben és március elején is gyakran hideg és borús az idő, köd és inverziós rétegek alakulhatnak ki.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kolozsvár &#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="excellent">
<td>Július</td>
<td>Kiváló</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/46d7723d62/cluj-napoca/" data-label_1="KOLOZSVÁR" data-theme="original" >KOLOZSVÁR</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/kolozsvar-idojarasa/">Kolozsvár 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>Zakopane időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/zakopane-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Sat, 25 Oct 2025 13:08:39 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Lengyelország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1523</guid>

					<description><![CDATA[<p>Zakopane Lengyelország téli fővárosának számít. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Zakopane időjárását a nedves kontinentális éghajlat határozza meg, ami hűvös nyarakat és hosszú, fagyos&#8230;</p>
<p>A <a href="https://mikorutazz.hu/zakopane-idojarasa/">Zakopane 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>Zakopane Lengyelország téli fővárosának számít. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Zakopane időjárását a nedves kontinentális éghajlat határozza meg, ami hűvös nyarakat és hosszú, fagyos teleket eredményez. A Tátra-hegység lábánál, 800-1000 méteres tengerszint feletti magasságban elhelyezkedő várost a hegyvidéki klíma jellemzi. A hegységek közelsége jelentős hatással van az időjárásra, ami gyorsan változó körülményeket és jelentős hőmérséklet-ingadozást eredményezhet akár egy napon belül is.</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>Zakopane négy jól elkülöníthető évszakkal rendelkezik, bár a tél egyértelműen dominál. A téli időszak novembertől márciusig tart, míg a többi évszak viszonylag rövid átmeneti periódusokat képez.</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 rövid átmeneti időszak Zakopanéban, fokozatosan melegedő hőmérséklettel. Az átlaghőmérséklet <strong>-3 és 14°C</strong> között mozog. A március még hideg, néha havazással, de áprilisra már kellemesebb lesz az idő. Májusra már elég meleg lehet a túrázáshoz, bár az esők gyakoriak. A hegyvidéki növényzet ekkor borul virágba, különösen április végén és május elején.</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 és mérsékelt, bár esős időszak. Az átlaghőmérséklet <strong>15-21°C</strong> között alakul, a nappali maximum ritkán haladja meg a 22°C-ot. Július és augusztus a legmelegebb hónapok. A nyári hónapokban gyakoriak a délutáni zivatarok és változékony időjárás. A hosszú nappalok és kellemes hőmérséklet ideálissá teszi ezt az időszakot túrázásra és hegymászásra.</p>



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



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



<p>Az ősz rövid, de gyakran kellemes évszaka Zakopanénak, fokozatosan csökkenő hőmérséklettel. Az átlaghőmérséklet <strong>10-17°C</strong> között mozog. Szeptember még kellemes, gyakran napos idővel, míg október már hűvösebb és előfordulhatnak az első hóesések a magasabb hegycsúcsokon. Az őszi színek gyönyörűek a hegyekben.</p>



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



<h3 class="wp-block-heading"><strong>Tél (november-március)</strong></h3>



<p>A tél hosszú, hideg és havas, az átlaghőmérséklet <strong>-7 és 4°C</strong> között mozog. December és február között a legerősebb a havazás, a hótakaró vastagsága elérheti a 3-4 métert is a magasabb részeken. Január a leghidegebb hónap. A nappalok rövidek, de a havas tájak gyönyörűek. Ez a síszezon csúcsidőszaka.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Zakopane 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 Zakopane leghidegebb hónapja és a téli síszezon csúcspontja. A nappali hőmérséklet általában -1°C körül mozog, míg éjszaka -7°C körülire süllyedhet. A fagypont alatti hőmérséklet folyamatos, néha akár -20°C alá is csökkenhet.</p>



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



<p>A havazás intenzív, átlagosan 60 mm körüli csapadék hullik, ami hó formájában érkezik. A havi csapadékos napok száma 18, folyamatos hótakaró jellemző.</p>



<p>A relatív páratartalom magas, 92% körüli, ami hideg, nedves levegőt jelent. Az égbolt gyakran borult, de a havas hegyek lenyűgözőek.</p>



<p>Ha januárban utazol Zakopanéba, vigyél magaddal komoly téli felszerelést: meleg kabátot, vízálló csizmát, kesztyűt és sapkát. Ez az ideális időszak a síeléshez.</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ó az januárhoz, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 1°C körülire emelkedhet, míg éjszaka -6°C körül alakul. A hónap második felében már enyhébb időszakok is előfordulhatnak.</p>



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



<p>A havazás továbbra is jelentős, átlagosan 65 mm körüli csapadékkal. A csapadékos napok száma 15, továbbra is folyamatos hótakaró jellemzi a régiót.</p>



<p>A levegő magas páratartalmú, 92% körüli értékkel. A februári látogatáshoz még mindig teljes téli felszerelés szükséges, de ez szintén kiváló hónap a síeléshez.</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 átmenetet jelent a tél és tavasz között. A hőmérséklet emelkedik, nappal már 4°C-ot is elérhet, míg az éjszakák -3°C körül alakulnak. A hó még megmarad, de a napok már hosszabbak.</p>



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



<p>A csapadék mennyisége enyhe csökkenést mutat, 67 mm körüli értékkel, ami még mindig többnyire hó formájában érkezik. A csapadékos napok száma 14.</p>



<p>A páratartalom csökken, 87% körüli értékre. Március végén még lehet síelni, de a túraszezon is lassan kezdődik a magasabb régiókban.</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 8°C körülire emelkedik, míg éjszaka -1°C körül alakul. A hó fokozatosan olvad az alacsonyabb területeken, bár a magasabb csúcsokon megmarad.</p>



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



<p>A csapadék mennyisége 79 mm körüli értékkel, ami már gyakran eső formájában érkezik. Az esős napok száma 12.</p>



<p>A levegő páratartalma 73%, ami már kellemesebb. Április ideális a természetjárásra az alacsonyabb területeken, és a magasabb hegycsúcsokon még síelni is lehet.</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, amikor már igazán kellemes a túrázás. A nappali értékek 15°C körülire emelkednek, míg éjszaka 5°C körül alakulnak. A hó már csak a legmagasabb csúcsokon található.</p>



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



<p>A csapadék mennyisége jelentősen növekszik, 120 mm körüli értékkel. A csapadékos napok száma 13, mivel a tavaszi esők gyakoriak.</p>



<p>A páratartalom 72% körüli értékre csökken. A májusi látogatáshoz rétegzett öltözködés, esőkabát és jó túracipő ajánlott. Ez az egyik legjobb hónap a túrázáshoz.</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 hőmérsékletekkel. A nappali maximum 19°C körülire emelkedik, míg éjszaka 9°C körül alakul. A túraszezon teljes erővel működik.</p>



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



<p>A csapadék mennyisége magas, 158 mm körüli értékkel. Az esős napok száma 17, gyakran délutáni zivatarok formájában. A hegyvidéki időjárás kiszámíthatatlan lehet.</p>



<p>A páratartalom 67% körüli, ami kellemes közérzetet okoz. A júniusi utazáshoz könnyű túraruházat, esőkabát és fényvédelem 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 Zakopane egyik legmelegebb és legkellemesebb hónapja. A nappali hőmérséklet rendszeresen eléri a 18°C-ot, míg az éjszakák is melegek maradnak, 8°C körüli értékekkel. A napok hosszúak és gyakran napfényesek.</p>



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



<p>A csapadék mennyisége a legmagasabb az évben, 175 mm körüli értékkel. Szinte minden nap előfordulhatnak délutáni zivatarok. A csapadékos napok száma 16.</p>



<p>A páratartalom alacsony, 67% körüli, ami kellemes közérzetet okoz. A júliusi látogatáshoz könnyű túraruházat, esőkabát és erős fényvédelem ajánlott. Ez a csúcsszezon a túrázók körében.</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 kellemes és meleg. A nappali hőmérséklet 18°C körül alakul, míg éjszaka 8°C-ra hűl le. Ez szintén kiváló hónap a hegyi túrázáshoz és szabadtéri tevékenységekhez.</p>



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



<p>A csapadék mennyisége magas, 157 mm körüli értékkel. Továbbra is gyakoriak a délutáni zivatarok. A csapadékos napok száma 15.</p>



<p>A páratartalom 67% körüli. Az augusztusi látogatáshoz hasonló felszerelésre van szükség, mint júliusban: könnyű túraruházat, esővédelem és fényvédelem.</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 jelzi, fokozatos hűlést hozva, de még kellemes időjárással. A nappali hőmérséklet 14°C körül alakul, éjszaka pedig 5°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 5 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 6:00 körül, a napnyugta pedig 18:30 körül történik.</p>



<p>A csapadék mennyisége 109 mm körüli értékre csökken. A csapadékos napok száma 12, de az esők általában kevésbé intenzívek.</p>



<p>A páratartalom 73% körüli. A szeptemberi látogatás még mindig kiváló a túrázáshoz, már kevesebb turistával és gyönyörű őszi színekkel.</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 Zakopane egyik legváltozékonyabb hónapja. A nappali hőmérséklet 10°C körülire csökken, míg éjszaka 1°C körül alakul. A hónap végére már megjelenhetnek az első hóesések a magasabb csúcsokon.</p>



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



<p>A csapadék mennyisége a legalacsonyabb az évben, 71 mm körüli értékkel. A csapadékos napok száma mindössze 11.</p>



<p>A páratartalom 78% körüli értékre emelkedik. Az októberi látogatás még lehetséges túrázásra, de felkészültnek kell lenni a változékony időjárásra.</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 kezdetét jelenti, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 4°C körülire süllyed, míg éjszaka már -1°C körött alakul. A hó fokozatosan felgyülemlik, különösen a magasabb részeken.</p>



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



<p>A csapadék mennyisége 89 mm körüli értékkel, ami már gyakran hó formájában hullik. A csapadékos napok száma 12.</p>



<p>A páratartalom 82% körüli, ami nedves levegőt eredményez. A novemberi látogatáshoz meleg kabát és téli felszerelés kezd szükségessé válni.</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 Zakopane egyik leghidegebb és leghavasabb hónapja. A nappali hőmérséklet 1°C körül alakul, míg éjszaka -5°C körülire is süllyedhet. A havazás intenzív, a hótakaró gyorsan gyülemlik.</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 órát. A napkelte késői, 7:30 körüli, a napnyugta pedig korai, 15:30 körüli.</p>



<p>A csapadék mennyisége rendkívül magas, 224 mm körüli értékkel, ami hó formájában érkezik. A csapadékos napok száma 17.</p>



<p>A levegő magas páratartalmú, 85% körüli értékkel. A decemberi látogatáshoz teljes téli felszerelés szükséges. A síszezon megkezdődik, bár a legjobb feltételek általában januárban várhatók.</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">Zakopane 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: -1 },
{ honap5: "Február", homerseklet5: 1 },
{ honap5: "Március", homerseklet5: 4 },
{ honap5: "Április", homerseklet5: 8 },
{ honap5: "Május", homerseklet5: 15 },
{ honap5: "Június", homerseklet5: 19 },
{ honap5: "Július", homerseklet5: 18 },
{ honap5: "Augusztus", homerseklet5: 18 },
{ honap5: "Szeptember", homerseklet5: 14 },
{ honap5: "Október", homerseklet5: 10 },
{ honap5: "November", homerseklet5: 4 },
{ honap5: "December", homerseklet5: 1 }
    ];
    // 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([-5, 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">Zakopane 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: -4 },
{ honap: "Február", homerseklet: -2.5 },
{ honap: "Március", homerseklet: 0.5 },
{ honap: "Április", homerseklet: 3.5 },
{ honap: "Május", homerseklet: 10 },
{ honap: "Június", homerseklet: 14 },
{ honap: "Július", homerseklet: 13 },
{ honap: "Augusztus", homerseklet: 13 },
{ honap: "Szeptember", homerseklet: 9.5 },
{ honap: "Október", homerseklet: 5.5 },
{ honap: "November", homerseklet: 1.5 },
{ honap: "December", homerseklet: -2 }
    ];
    // 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">Zakopane á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: 60 },
{ honap: "Február", csapadek: 65 },
{ honap: "Március", csapadek: 67 },
{ honap: "Április", csapadek: 79 },
{ honap: "Május", csapadek: 120 },
{ honap: "Június", csapadek: 158 },
{ honap: "Július", csapadek: 175 },
{ honap: "Augusztus", csapadek: 157 },
{ honap: "Szeptember", csapadek: 109 },
{ honap: "Október", csapadek: 71 },
{ honap: "November", csapadek: 89 },
{ honap: "December", csapadek: 224 }
    ];
    // 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">Zakopane 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: 92 },
{ honap11: "Február", paratartalom11: 92 },
{ honap11: "Március", paratartalom11: 87 },
{ honap11: "Április", paratartalom11: 73 },
{ honap11: "Május", paratartalom11: 72 },
{ honap11: "Június", paratartalom11: 67 },
{ honap11: "Július", paratartalom11: 67 },
{ honap11: "Augusztus", paratartalom11: 67 },
{ honap11: "Szeptember", paratartalom11: 73 },
{ honap11: "Október", paratartalom11: 78 },
{ honap11: "November", paratartalom11: 82 },
{ 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 Zakopanéban</strong></h2>



<p>Zakopane UV-sugárzási szintjei mérsékeltek az év nagy részében, de a hegyvidéki elhelyezkedés és a hótükröződés miatt fokozott óvatosság szükséges. A magasság növeli 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 tavaszi napfény erős lehet, különösen a hótükröződés miatt.</p>



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



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



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



<p>Az ősz elején, szeptemberben az UV-index még mindig jelentős, 5-6-os értékkel (magas), majd októberre csökken 3-4-es szintre (mérsékelt). Azonban még ebben az időszakban is fennáll a leégés veszélye.</p>



<h3 class="wp-block-heading"><strong>Tél (november-március)</strong></h3>



<p>A téli hónapokban az UV-index alacsonyabb, átlagosan 2-3-as értékkel (alacsony-mérsékelt). Azonban a hótükröződés jelentősen megnövelheti az expozíciót, különösen síelés közben. A téli napfény megtévesztő lehet.</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>Magas faktorszámú fényvédő</strong>: Minimum SPF 30-as fényvédő használata ajánlott, amit 2-3 óránként érdemes újra felvinni, különösen síelés közben.</li>



<li><strong>Megfelelő ruházat</strong>: Takaró ruházat, sapka és UV-szűrős napszemüveg használata minden évszakban.</li>



<li><strong>Megfelelő időzítés</strong>: A túrákat érdemes a reggeli órákra időzíteni, különösen nyáron.</li>



<li><strong>Hótükröződés elleni védelem</strong>: Télen különösen fontos a fényvédelem, mivel a hó 80%-ig is visszaverheti az UV-sugarakat.</li>



<li><strong>Hidratálás</strong>: A magas UV-sugárzás és a hegyvidéki klíma együttesen jelentős igénybevételt jelent a szervezet számára.</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>Zakopane térsége különösen ki van téve a hegyvidéki szélsőséges időjárási jelenségeknek, amelyek gyorsan változhatnak és potenciálisan veszélyesek lehetnek.</p>



<p>A téli hónapokban, különösen december és április között, jelentős lavinaveszély áll fenn a Tátra-hegységben. A lavinaveszély szintjét 1-től 5-ig terjedő skálán mérik. A kijelölt sípályák biztonságosak, de a pályán kívüli területeken fokozott óvatosság szükséges. A hegyimentő szolgálat (TOPR) folyamatosan figyelemmel kíséri a körülményeket és közzéteszi a lavinaveszély jelentéseket.</p>



<p>A nyári hónapokban, különösen július és augusztus folyamán, gyakoriak a délutáni zivatarok, amelyek erős villámlásveszéllyel járnak. A hegycsúcsokon és kitett gerinceken különösen veszélyes a villámcsapás. A túrázóknak ajánlott korán indulni, hogy délután 14:00 előtt visszaérjenek az alacsonyabb területekre.</p>



<p>A Halny egy meleg, száraz szél, amely a Tátrából fúj le Zakopane irányába. Ennek a föhn jellegű szélnek a sebessége elérheti a 280 km/órát is a legerősebb széllökések esetén. Ez a szél nemcsak veszélyes lehet, de hatással van az emberek közérzetére is, fejfájást és irritabilitást okozva. A Halny leggyakrabban tavasszal és ősszel jelentkezik.</p>



<p>A hegyvidéki időjárás rendkívül kiszámíthatatlan. Egy napos napsütéses reggel gyorsan átválthat sűrű ködbe, esőbe vagy hóviharba. A hegyekben az időjárás néhány óra alatt drasztikusan változhat, és a hőmérséklet 10-15°C-ot is eshet rövid időn belül. A helyi közmondás szerint &#8222;a hegyekben egy nap alatt mind a négy évszakot megtapasztalhatod.&#8221;</p>



<p>A téli hónapokban az éjszakai hőmérséklet rendszeresen -15°C alá esik, és szélsőséges esetekben -25°C-ig is süllyedhet. A széllel való kombinációban a szélhűtés-érzet még hidegebbé teszi a levegőt. A megfelelő téli felszerelés elengedhetetlen.</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 Zakopanéba utazni időjárás szempontjából?</strong></h2>



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



<h3 class="wp-block-heading"><strong>Téli sportok kedvelőinek</strong></h3>



<p>A legjobb időszak Zakopane meglátogatására téli sportok céljából <strong>január és február</strong>, valamint <strong>március eleje</strong>. Ilyenkor a legjobb a hótakaró (átlagosan 2-3 méter a magasabb területeken), stabil hideg hőmérséklet (-5 &#8211; 0°C) és ideális síkörülmények jellemzik a régiót. A napok rövidek, de a havas táj lenyűgöző. December végén megkezdődik a síszezon, de a legjobb feltételek általában januárban alakulnak ki.</p>



<p>Előnyök: Kiváló síkörülmények, téli mesebeli hangulat, karácsonyi és újévi ünnepségek, kevesebb esőzés.</p>



<p>Hátrányok: Hideg időjárás, rövid nappalok, turistacsúcs január-februárban, magasabb árak.</p>



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



<h3 class="wp-block-heading"><strong>Túrázók és természetjárók számára</strong></h3>



<p>A legjobb időszak a hegyi túrázáshoz a <strong>késő tavaszi és nyári hónapok</strong>, különösen június és szeptember között. Ilyenkor kellemes hőmérséklet (15-20°C), hosszú nappalok (14-16 óra világosság) és a legtöbb túraútvonal biztonságosan járható. Július és augusztus a csúcsidőszak, amikor minden menedékház nyitva van, és a hegyi mentőszolgálat teljes erővel működik.</p>



<p>Szeptember különösen ajánlott azoknak, akik el akarják kerülni a nyári tömegeket. Az időjárás még mindig kellemes, kevesebb a turista, és az őszi színek gyönyörűek a hegyekben.</p>



<p>Előnyök: Kellemes hőmérséklet, hosszú nappalok, nyitott turistautak és menedékházak, gazdag hegyi flóra és fauna.</p>



<p>Hátrányok: Gyakori délutáni zivatarok, július-augusztusban zsúfolt turistautak, magasabb árak a csúcsszezonban.</p>



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



<h3 class="wp-block-heading"><strong>Átmeneti időszakok</strong></h3>



<p>A <strong>május és október</strong> átmeneti hónapok, amelyek előnyöket és hátrányokat egyaránt kínálnak. Májusban a turistautak nyitnak, kevesebb a turista, és a természet virágba borul, de még előfordulhat hó a magasabb csúcsokon, és egyes utak zárva lehetnek. Októberben szép őszi időjárás lehet, de az első hóesések már megjelenhetnek, és a napok rövidülnek.</p>



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



<h3 class="wp-block-heading"><strong>Kerülendő időszakok</strong></h3>



<p><strong>November</strong> az egyik legkevésbé ideális hónap, mivel túl hideg a túrázáshoz, de még nincs elég hó a síeléshez. Borús, nedves időjárás jellemzi, és sok létesítmény zárva tart.</p>



<p><strong>Április</strong> szintén változékony lehet &#8211; néha még síelni is lehet, de az olvadó hó és változékony időjárás miatt ez nem a legjobb választás sem síelésre, sem túrázásra.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Zakopane &#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="excellent">
<td>Január</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Február</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Március</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Április</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Május</td>
<td>Átlagos</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="excellent">
<td>December</td>
<td>Kiváló</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/49d3019d95/zakopane/" data-label_1="ZAKOPANE" data-theme="original" >ZAKOPANE</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/zakopane-idojarasa/">Zakopane 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>
	</channel>
</rss>
