<?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>radopeter1983, Szerző | Mikor utazz?</title>
	<atom:link href="https://mikorutazz.hu/author/radopeter1983/feed/" rel="self" type="application/rss+xml" />
	<link>https://mikorutazz.hu/author/radopeter1983/</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.4</generator>

<image>
	<url>https://mikorutazz.hu/wp-content/uploads/2025/03/logo-512.jpg</url>
	<title>radopeter1983, Szerző | Mikor utazz?</title>
	<link>https://mikorutazz.hu/author/radopeter1983/</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>Kyoto időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/kyoto-idojarasa-havi-bontasban-mikor-erdemes-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 02 Jan 2026 09:42:10 +0000</pubDate>
				<category><![CDATA[Ázsia]]></category>
		<category><![CDATA[Japán]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1571</guid>

					<description><![CDATA[<p>Kyoto egy lenyűgöző történelmi város négy évszakkal. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Kyoto időjárását a nedves szubtrópusi éghajlat határozza meg, ami forró, párás nyarakat&#8230;</p>
<p>A <a href="https://mikorutazz.hu/kyoto-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Kyoto 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>Kyoto egy lenyűgöző történelmi város négy évszakkal. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Kyoto időjárását a nedves szubtrópusi éghajlat határozza meg, ami forró, párás nyarakat és hideg, száraz teleket eredményez. A Japán-szigetek központi részén, Honshu szigetén elhelyezkedő ősi császárvárost hegyekkel körülvett medence jellemzi, amely egyedülálló mikroklímát hoz létre. Az Atlanti-óceántól távol, a tengerparttól körülbelül 50 kilométerre található város a mérsékelt övi monszun klímájának köszönhetően négy jól elkülöníthető évszakot él á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>Kyoto négy határozott évszakkal rendelkezik, amelyek mindegyike egyedi jelleget ad a városnak. A tavasz a cseresznyevirágzásról, a nyár a forróságról és páratartalomról, az ősz a gyönyörű őszi lombszínekről, a tél pedig a hidegről és esetleges havazásról híres.</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 Kyoto egyik legszebb időszaka, amikor a város cseresznyevirágokba borul. Az átlaghőmérséklet <strong>9-20°C</strong> között mozog. Március még hűvös lehet, de áprilisban és májusban gyorsan felmelegszik. A cseresznyevirágzás csúcsa általában április elején várható, ami több millió turistát vonz a városba. A hőmérséklet fokozatosan emelkedik, és májusra már nyárias meleg napok is előfordulhatnak.</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 rendkívül forró, párás és csapadékos. Az átlaghőmérséklet <strong>24-29°C</strong> között alakul, de a nappali maximum gyakran 30-34°C-ot is elérhet. A magas páratartalom (70-82%) miatt a hőérzet sokszor meghaladja a 35-40°C-ot. Június és július a tsuyu (esős évszak) időszaka, amikor szinte folyamatos esőzés jellemző. Augusztus a legforróbb hónap, amikor a nyomasztó meleg és a párás levegő együttesen extrém körülményeket teremt.</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 Kyoto másik lenyűgöző évszaka, amikor a juharfák és más lombhullató fák gyönyörű vörös, narancssárga és arany színekben pompáznak. Az átlaghőmérséklet <strong>13-19°C</strong> között alakul. A levegő friss és száraz, a csapadék mennyisége jelentősen csökken. Az őszi lombszínek csúcsa általában november közepén várható. Ez az időszak ideális a szabadtéri tevékenységekhez és a templomok, kertek meglátogatásához.</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 száraz, az átlaghőmérséklet <strong>6-8°C</strong> között mozog, de éjszaka gyakran 0°C alá süllyed. A fagypont alatti hőmérséklet gyakori, különösen januárban és februárban. Havazás előfordul, de általában nem túl bőséges. A nappali hőmérséklet ritkán haladja meg a 10°C-ot. A tél a legszárazabb évszak, kevés csapadékkal és tiszta égbolttal.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Kyoto 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 Kyoto egyik leghidegebb hónapja. A nappali hőmérséklet általában 9°C körül mozog, míg éjszaka 2°C körülire, gyakran fagypont alá süllyedhet. A hajnali órákban akár -2°C is előfordulhat.</p>



<p>A napsütéses órák száma szerény, átlagosan napi 4 óra. A nappali világosság időtartama rövid, mintegy 10 ó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 55 mm körül mozog. A havi csapadékos napok száma 8, általában enyhe eső vagy időnként hó formájában.</p>



<p>A relatív páratartalom 70% körüli, ami közepesen nedves levegőt jelent. Az égbolt gyakran tiszta, bár téli felhőzet is előfordulhat.</p>



<p>Ha januárban utazol Kyotóba, mindenképpen vigyél magaddal meleg téli kabátot, pulóvert, sapkát és kesztyűt. A rétegesen öltözködés a legjobb megoldás.</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 10°C körülire emelkedhet, míg éjszaka 2°C körül alakul. A fagy még mindig gyakori, de a hónap végére már enyhébb napok várhatóak.</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, 11 órára. A napkelte 6:45 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 65 mm körül. A csapadékos napok száma 9.</p>



<p>A levegő száraz, 65% körüli páratartalommal. Az égbolt általában tiszta, és a napfényes órák száma növekszik. A februári látogatáshoz még mindig meleg kabát és téli ruházat 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 14°C-ot is elérhet, míg az éjszakák 4°C körül alakulnak. Fagyos reggelek még előfordulnak, de egyre ritkábban.</p>



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



<p>A csapadék mennyisége növekszik, 105 mm körüli értékkel. A csapadékos napok száma 11.</p>



<p>A páratartalom csökken, 60% körüli értékre, ami kellemes. A márciusi időjárás változékony lehet, ezért átmeneti kabát és rétegesen öltözködés javasolt.</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, és a cseresznyevirágzás időszaka. A nappali hőmérséklet 20°C körülire emelkedik, míg éjszaka 9°C körül alakul. A hideg napok ritkák, kellemes tavaszi idő jellemző.</p>



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



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



<p>A levegő páratartalma továbbra is kellemes, 60% körüli. Április az egyik legjobb hónap Kyoto látogatására &#8211; kellemes hőmérséklet, cseresznyevirágzás, és a természet újjáéledése. Könnyű tavaszi ruházat ajánlott rétegezéssel.</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 25°C körülire emelkednek, míg éjszaka 15°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 magas, átlagosan 6 óra. A nappali világosság időtartama eléri a 14 órát. A napkelte 5:15 körül, a napnyugta pedig 19:00 körül van.</p>



<p>A csapadék mennyisége tovább növekszik, 150 mm körüli értékkel. A csapadékos napok száma 11, mivel a nyári esős időszak közelgete érezhető.</p>



<p>A páratartalom emelkedik, 65% körüli értékre. A májusi látogatáshoz könnyű, szellős ruházat ajánlott, és érdemes esernyőt is vinni.</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 a tsuyu (esős évszak) időszaka, magas páratartalommal és jelentős csapadékkal. A nappali maximum 28°C körülire emelkedik, míg éjszaka 19°C körül alakul. A nyári esős időszak teljes erővel működik.</p>



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



<p>A csapadék mennyisége jelentősen megnövekszik, 200 mm körüli értékkel. Az esős napok száma 13, gyakran egész napos eső formájában.</p>



<p>A páratartalom magas, 70% körüli, ami már nedves közérzetet okoz. A júniusi utazáshoz könnyű, lélegző ruházat, vízálló cipő és megbízható esernyő elengedhetetlen.</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úcsa, forró és rendkívül párás időszak. A nappali hőmérséklet rendszeresen eléri a 32°C-ot, míg az éjszakák is melegek maradnak, 24°C körüli értékekkel. A magas páratartalom miatt a hőérzet sokszor 40°C fölötti.</p>



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



<p>A csapadék mennyisége még mindig magas, 225 mm körüli értékkel. A tsuyu általában július közepén ér véget, de továbbra is gyakoriak az esők. A csapadékos napok száma 13.</p>



<p>A páratartalom 70% körüli, ami nyomasztó, nedves közérzetet okoz. A júliusi látogatáshoz a lehető legkönnyebb, lélegző ruházat ajánlott, bőséges folyadékbevitel, és légkondicionált szállás keresése.</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 a legforróbb hónap, extrém hőséggel és páratartalommal. A nappali hőmérséklet 34°C körül alakul, míg éjszaka 25°C-ra hűl le. Ez az év legmelegebb időszaka, a hőérzet gyakran elviselhetetlen.</p>



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



<p>A csapadék mennyisége csökken az esős évszak végén, 155 mm körüli értékkel. A csapadékos napok száma 9, általában délutáni záporok formájában.</p>



<p>A páratartalom továbbra is magas, 70% 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, légkondicionált környezet.</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 29°C körül alakul, éjszaka pedig 21°C-ra csökken. A hónap vége felé már érezhetően kellemesebb az idő.</p>



<p>A napsütéses órák száma á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:15 körül történik.</p>



<p>A csapadék mennyisége még mindig jelentős, 180 mm körüli értékre. A csapadékos napok száma 11, mivel a tájfunszezon csúcsa ebbe az időszakba esik.</p>



<p>A páratartalom továbbra is magas, 70% körüli, de a hőmérséklet enyhülése miatt a közérzet javul. A szeptemberi látogatás még mindig meleg és párás, de már elviselhetőbb, mint a nyár csúcsa.</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 Kyoto egyik legkellemesebb hónapja, ideális időjárással. A nappali hőmérséklet 23°C körülire csökken, míg éjszaka 14°C körül alakul. A levegő frissebb és kevésbé párás.</p>



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



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



<p>A páratartalom 70% körüli értékre, ami már kellemes közérzetet biztosít. Az októberi látogatás ideális, réteges öltözködés ajánlott, mivel a nappali és éjszakai hőmérséklet között már jelentős eltéré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>A november már az ősz közepét jelenti, és a híres őszi lombszínek időszaka. A nappali hőmérséklet 17°C körülire süllyed, míg éjszaka már 8°C körül alakul. A hónap végére már hűvös reggelek jellemzőek.</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, 10,5 ó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, 75 mm körüli értékkel. A csapadékos napok száma mindössze 7.</p>



<p>A páratartalom 70% körüli, ami szárazabb levegőt eredményez. A novemberi látogatáshoz könnyű kabát és pulóver ajánlott, mivel a nappali hőmérséklet kellemes lehet, de az este már lehűl.</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 Kyoto egyik leghűvösebb hónapja. A nappali hőmérséklet 12°C körül alakul, míg éjszaka 4°C körülire is süllyedhet. Fagypont alatti hőmérséklet gyakori az é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 eléri a legrövidebb időszakot, mindössze 10 órát. A napkelte késői, 7:00 körüli, a napnyugta pedig korai, 17:00 körüli.</p>



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



<p>A levegő relatíve párás, 70% körüli páratartalommal, de a hűvösebb hőmérséklet miatt ez kevésbé érzékelhető. A decemberi látogatáshoz meleg téli kabát, pulóver, sapka és esetleg kesztyű 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">Kyoto 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: 9 },
{ honap5: "Február", homerseklet5: 10 },
{ honap5: "Március", homerseklet5: 14 },
{ honap5: "Április", homerseklet5: 20 },
{ honap5: "Május", homerseklet5: 25 },
{ honap5: "Június", homerseklet5: 28 },
{ honap5: "Július", homerseklet5: 32 },
{ honap5: "Augusztus", homerseklet5: 34 },
{ honap5: "Szeptember", homerseklet5: 29 },
{ honap5: "Október", homerseklet5: 23 },
{ honap5: "November", homerseklet5: 17 },
{ honap5: "December", homerseklet5: 12 }
    ];
    // 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">Kyoto 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: 6 },
{ honap: "Március", homerseklet: 9 },
{ honap: "Április", homerseklet: 15 },
{ honap: "Május", homerseklet: 20 },
{ honap: "Június", homerseklet: 24 },
{ honap: "Július", homerseklet: 28 },
{ honap: "Augusztus", homerseklet: 29 },
{ honap: "Szeptember", homerseklet: 25 },
{ honap: "Október", homerseklet: 19 },
{ honap: "November", homerseklet: 13 },
{ honap: "December", homerseklet: 8 }
    ];
    // 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">Kyoto á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: 65 },
{ honap: "Március", csapadek: 105 },
{ honap: "Április", csapadek: 115 },
{ honap: "Május", csapadek: 150 },
{ honap: "Június", csapadek: 200 },
{ honap: "Július", csapadek: 225 },
{ honap: "Augusztus", csapadek: 155 },
{ honap: "Szeptember", csapadek: 180 },
{ honap: "Október", csapadek: 145 },
{ honap: "November", csapadek: 75 },
{ honap: "December", csapadek: 55 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




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



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Kyoto 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: 70 },
{ honap11: "Február", paratartalom11: 65 },
{ honap11: "Március", paratartalom11: 60 },
{ honap11: "Április", paratartalom11: 60 },
{ honap11: "Május", paratartalom11: 65 },
{ honap11: "Június", paratartalom11: 70 },
{ honap11: "Július", paratartalom11: 70 },
{ honap11: "Augusztus", paratartalom11: 70 },
{ honap11: "Szeptember", paratartalom11: 70 },
{ honap11: "Október", paratartalom11: 70 },
{ honap11: "November", paratartalom11: 70 },
{ honap11: "December", paratartalom11: 70 }
    ];
    // 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 Kyotóban</strong></h2>



<p>Kyoto mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami az északi mérsékelt övi elhelyezkedésnek és a változó felhőzetnek köszönhető. Az UV-index jelentősen változik az évszakok szerint.</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 gyorsan emelkedik. Márciusban 8-as értéket ér el (nagyon magas), áprilisban már 6-7-es szinten (magas), májusban pedig 6-os értéken stabilizálódik (magas). A tavaszi napsütés intenzitása miatt 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 Kyoto UV-indexe a legmagasabb. Júniusban és júliusban 6-os értéket ér el (magas), augusztusban pedig eléri a 7-es szintet (nagyon magas), különösen a déli órákban (10:00-14:00 között). 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 mindig magas, 7-es értékkel (nagyon magas), majd novemberre jelentősen csökken 4-5-ös szintre (mérsékelt-magas). Az őszi napsütés változékony, de még mindig fennáll a leégés veszélye.</p>



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



<p>A téli hónapokban az UV-index a legalacsonyabb, átlagosan 2-es értékkel (alacsony), de a téli nap tisztaságának köszönhetően még ekkor is érdemes fényvédőt használni, különösen hosszabb kültéri 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>Fényvédő használata</strong>: Minimum SPF 30-as fényvédő használata ajánlott a nyári hónapokban, 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, különösen a nyári hónapokban.</li>



<li><strong>Megfelelő időzítés</strong>: A szabadtéri tevékenységeket érdemes a kora reggeli vagy késő délutáni időszakra időzíteni a nyári hónapokban, amikor az UV-sugárzás gyengébb.</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 a templomkertekben és parkokban.</li>



<li><strong>Hidratálás</strong>: Az UV-sugárzás és a párás éghajlat együttesen jelentős igénybevételt jelent a szervezet számára, ezért bőséges folyadékbevitel szükséges.</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">Kyoto UV indexe</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: 8 },
{ honap: "Április", uv: 7 },
{ honap: "Május", uv: 6 },
{ honap: "Június", uv: 6 },
{ honap: "Július", uv: 6 },
{ honap: "Augusztus", uv: 7 },
{ honap: "Szeptember", uv: 7 },
{ honap: "Október", uv: 7 },
{ honap: "November", uv: 5 },
{ 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>Kyoto térsége különböző természeti katasztrófáknak van kitéve, amelyekre a japán hatóságok évtizedek óta felkészülnek.</p>



<h3 class="wp-block-heading"><strong>Tájfunok</strong></h3>



<p>Kyoto, bár nem közvetlenül a tengerparton fekszik, ki van téve a tájfunok hatásának június és október között, a csúcsidőszak augusztus-szeptember. A tájfunok erős szelet, проливные esőket és esetenként áradásokat okozhatnak. A belső területek, mint Kyoto, általában kevésbé szenvednek, de erős széllel és nagy mennyiségű csapadékkal kell számolni. A közlekedés gyakran leáll a tájfunok idején.</p>



<h3 class="wp-block-heading"><strong>Esős évszak (Tsuyu)</strong></h3>



<p>Június és július a tsuyu időszaka, amikor folyamatos esőzés jellemző. Ez az időszak szinte minden nap jelentős csapadékkal jár, ami néha folyóáradásokat és földcsuszamlásokat okozhat a környező hegyekben. A folyamatos nedvesség penészképződést is eredményezhet.</p>



<h3 class="wp-block-heading"><strong>Földrengések</strong></h3>



<p>Kyoto két törésvonal közelében fekszik: a Hanaore és a Nara Basin Toen törésvonalak mentén. A város mérsékelt szeizmikus aktivitással rendelkezik, évente körülbelül 30-50 érezhető földrengés fordul elő. A történelem során a város hat jelentős pusztító földrengést szenvedett el (976, 1185, 1449, 1596, 1662 és 1830). A modern épületek землетрясеустойчивы, és szigorú építési előírások vannak érvényben. A Nankai árok földrengésveszélye (70-80% esély a következő 30 évben egy 8-9-es erősségű földrengésre) regionális kockázatot jelent.</p>



<h3 class="wp-block-heading"><strong>Hőhullámok</strong></h3>



<p>A nyári hónapokban, különösen július és augusztusban, extrém hőhullámok fordulhatnak elő, amikor a hőmérséklet meghaladja a 35-38°C-ot. A hegyekkel körülvett medence elhelyezkedés miatt a forró levegő nem tud könnyen távozni, ami hősziget-hatást eredményez. Időseknek és gyerekeknek különösen veszélyes lehet.</p>



<h3 class="wp-block-heading"><strong>Téli fagyok</strong></h3>



<p>A téli hónapokban, különösen tiszta, szélcsendes éjszakákon, a hőmérséklet -5°C alá süllyedhet, ami a szubtrópusi növényeknek káros lehet. Havazás előfordul, de általában enyhe.</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 Kyotóba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Kyoto meglátogatására az <strong>őszi hónapok</strong>, különösen október vége és november eleje, amikor az őszi lombszínek a csúcson vannak. Ilyenkor kellemes, száraz hőmérséklet (17-23°C), alacsonyabb páratartalom és minimális csapadék jellemzi a várost, ami ideális a templomok, kertek látogatásához és szabadtéri programokhoz. Az őszi színek lenyűgöző látványt nyújtanak, és elkerülhető a nyári hőség és a tájfunszezon.</p>



<p>A másik kiváló időszak a tavaszi cseresznyevirágzás ideje, <strong>április eleje</strong>, amikor a város rózsaszín virágtengerbe borul. A hőmérséklet kellemes (15-20°C), bár ez a legforgalmasabb turistaszezon, és a szállások árai magasabbak. A virágzás időpontja évről évre változhat, általában április 3-10. között van a csúcs.</p>



<p>A <strong>március vége-április eleje és május</strong> szintén jó választás, kellemes hőmérséklettel (14-25°C) és szép idővel. A májusi Golden Week (április vége-május eleje) során azonban hatalmas tömegekre kell számítani.</p>



<p>A késő tavasz (május) és a kora ősz (szeptember vége-október eleje) szintén elfogadható, bár májusban már meleg lehet, szeptemberben pedig még a tájfunszezon vége van.</p>



<p><strong>Kerülendő időszakok</strong>: A nyári hónapok (június-augusztus) különösen megterhelőek a magas hőmérséklet (28-34°C), extrém páratartalom (70-82%) és a tsuyu (esős évszak) miatt. Július-augusztus nyomasztó meleg és hőérzet akár 40°C fölött. A téli hónapok (december-február) hidegek (6-12°C nappal, gyakran fagy éjszaka), bár a tömegek elkerülhetők és a téli Kyoto varázslatos lehet a ritka hóesések idején.</p>



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



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

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

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

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

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

.excellent {
background-color: #c8e6c9;
}

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

.average {
background-color: #fff9c4;
}

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

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

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

tr:hover {
opacity: 0.9;
}

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

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

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="average">
<td>Január</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Február</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Március</td>
<td>Kiváló</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="not-recommended">
<td>Június</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Július</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Augusztus</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Szeptember</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Október</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>November</td>
<td>Kiváló</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/35d01135d77/kyoto/" data-label_1="KYOTO" data-theme="original" >KYOTO</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/kyoto-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Kyoto 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>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>Boracay időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/boracay-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Wed, 26 Nov 2025 15:07:16 +0000</pubDate>
				<category><![CDATA[Ázsia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1574</guid>

					<description><![CDATA[<p>Boracay a Fülöp-szigetek egyik legismertebb ü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. Boracay időjárása trópusi monszun, ami meleg és változó csapadékú klímát&#8230;</p>
<p>A <a href="https://mikorutazz.hu/boracay-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/">Boracay 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>Boracay a Fülöp-szigetek egyik legismertebb ü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>Boracay időjárása <a href="https://mikorutazz.hu/monszun-hurrikan-tajfun-ciklon-mik-ezek-es-mikor-ne-utazz-ezekbe-a-regiokba/" target="_blank" rel="noreferrer noopener">trópusi monszun</a>, ami meleg és változó csapadékú klímát eredményez az év során. A Sulu-tenger és a sziget földrajzi elhelyezkedése jelentősen befolyásolják az éghajlatot.</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>Boracay-on két fő évszak különíthető el: száraz évszak (Amihan szezon) és esős évszak (Habagat szezon).</p>



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



<h3 class="wp-block-heading"><strong>Száraz évszak (november-május)</strong>:</h3>



<p>A száraz évszak Boracay legkellemesebb időszaka, tiszta égbolttal, alacsonyabb páratartalommal és kellemes hőmérséklettel. Az átlaghőmérséklet <strong>26-31°C</strong> között mozog. A csapadék mennyisége minimális, különösen február és április között. Az időjárás ideális a strandoláshoz, búvárkodáshoz és egyéb szabadtéri tevékenységekhez. A tenger nyugodt, kiváló feltételeket biztosítva a vízi sportokhoz. Az északkeleti Amihan szelek biztosítják a kellemes időjárást.</p>



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



<h3 class="wp-block-heading"><strong>Esős évszak (június-október)</strong>:</h3>



<p>Az esős évszak a Habagat monszun időszaka, jelentős csapadékkal és változékony időjárással. Az átlaghőmérséklet <strong>29-32°C</strong> között mozog. A délnyugati monszun bőséges esőzést hoz, különösen június és július hónapokban, amikor a csapadék elérheti a 300-400 mm-t havonta. Az esőzések gyakran intenzív záporok és zivatarok formájában jelentkeznek. A tenger gyakran viharos lehet, és ez az időszak a tájfun szezon is, általában június és november 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>Boracay 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 Boracay egyik legkellemesebb hónapja, a száraz évszak közepén. A nappali hőmérséklet általában 29-31°C között mozog, míg éjszaka 23-25°C-ra hűl le, ami kellemes alvási körülményeket biztosít.</p>



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



<p>A csapadék mennyisége alacsony, átlagosan 100-130 mm körül mozog, és a havi csapadékos napok száma 9-10. Az esőzések, ha előfordulnak, általában rövid záporok formájában jelentkeznek.</p>



<p>Az égbolt többnyire tiszta vagy kevés felhővel borított, ideális a napozáshoz és a strandoláshoz. A relatív páratartalom mérsékelt, 80-82% körüli. A tenger nyugodt és a vízhőmérséklet kellemes, 27°C körüli, kiváló feltételeket biztosítva az úszáshoz.</p>



<p>Ha januárban utazol Boracay-ra, könnyű, szellős ruházat ajánlott, naptej, napszemüveg és kalap a nap elleni védelemhez. Az esti órákban enyhén lehűlhet a levegő, így egy vékony kardigán 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>A február talán a legjobb hónap Boracay látogatására, ideális időjárási viszonyokkal. A nappali hőmérséklet 29-31°C közé emelkedhet, míg éjszaka 23-25°C között alakul. A hőmérséklet-ingadozás kicsi, ami stabil időjárási viszonyokat jelent.</p>



<p>A napsütéses órák száma az év egyik legmagasabbja, átlagosan napi 7-8 óra. A nappali világosság időtartama hasonló a januárihoz, 12 óra körül. A napkelte és napnyugta időpontjai minimálisan változnak.</p>



<p>A csapadék mennyisége nagyon alacsony, átlagosan 25-60 mm, főként rövid, alkalmi záporok formájában. A csapadékos napok száma 5-7 között mozog.</p>



<p>A levegő tiszta, a páratartalom mérsékelt, 78-80% körüli. Az égbolt többnyire felhőtlen, kiváló látási viszonyokkal. A tenger nyugodt és tiszta, vízhőmérséklete 26-27°C, ideális a vízi tevékenységekhez.</p>



<p>A februári látogatáshoz könnyű, szellős ruhák, megfelelő napvédelem ajánlott. Ez a legszárazabb időszak egyik hónapja, amikor a turista szezon csúcsán van.</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 továbbra is a száraz évszak része, kiváló időjárási viszonyokkal. A nappali hőmérséklet 31-32°C közé emelkedik, míg az éjszakák 24-26°C között alakulnak. A hőség kezd erősödni, de még kellemes.</p>



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



<p>A csapadék mennyisége továbbra is alacsony, 30-55 mm körüli értékkel. Ez az év legszárazabb hónapja, az esős napok száma mindössze 7 körüli, általában rövid záporok formájában.</p>



<p>A páratartalom 78-80% körüli. A tenger továbbra is nyugodt, vízhőmérséklete 27°C körüli. Március kiváló hónap a búvárkodáshoz és minden vízi sporthoz.</p>



<p>A márciusi látogatáshoz könnyű, szellős ruházat, fokozott napvédelem ajánlott. Ez az egyik legjobb hónap a sziget látogatására, a napnyugták különösen lenyűgözőek.</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 száraz évszak utolsó teljes hónapja, továbbra is kiváló időjárással. A nappali hőmérséklet 32-33°C közé emelkedik, míg éjszaka 25-26°C körül alakul. Ez az egyik legmelegebb hónap.</p>



<p>A napsütéses órák száma a legmagasabb az évben, átlagosan napi 8-9 óra. A nappali világosság időtartama 12,5 óra körüli. A napkelte 5:50 körül, a napnyugta pedig 18:20 körül történik.</p>



<p>A csapadék mennyisége továbbra is alacsony, 60-76 mm körüli értékkel. Az esős napok száma 5-7 közötti, általában rövid délutáni záporok formájában.</p>



<p>A páratartalom a legalacsonyabb az évben, 79% körüli, ami kellemes közérzetet biztosít. A tenger nyugodt, vízhőmérséklete emelkedik, 28°C körüli.</p>



<p>Az áprilisi látogatáshoz könnyű ruházat ajánlott, bőséges folyadékbevitel és napvédelem. Ez az egyik legnépszerűbb hónap a turisták körében.</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 az átmeneti időszak kezdete, amikor a száraz évszak véget ér. A nappali maximum 32-33°C közé emelkedhet, míg éjszaka 25-26°C körül alakul. Ez az év legmelegebb hónapja.</p>



<p>A napsütéses órák száma még mindig magas, átlagosan napi 7-8 óra. A nappali világosság időtartama 12,5-13 óra körüli. A napkelte és napnyugta időpontjai hasonlóak áprilishoz.</p>



<p>A csapadék mennyisége növekedni kezd, 150-191 mm körüli értékkel. Az esős napok száma 10-15 közé emelkedik, gyakoribb záporok formájában, főként délutánonként.</p>



<p>A páratartalom emelkedik, 79-81% körülire. A tenger vízhőmérséklete eléri az évi maximumot, 29-31°C, ideális úszásra és búvárkodásra.</p>



<p>A májusi látogatáshoz könnyű, gyorsan száradó ruházat ajánlott, valamint esernyő vagy esőkabát a délutáni záporokra. A programokat érdemes a kora reggeli vagy délelőtti órákra időzíteni.</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 esős évszak, a Habagat monszun megérkezésével. A nappali hőmérséklet 31-32°C között alakul, míg éjszaka 24-25°C körül mozog.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 5-6 óra, a növekvő felhőzet miatt. A nappali világosság időtartama 13 óra körüli, a leghosszabb napok a hónapban.</p>



<p>A csapadék mennyisége jelentősen növekszik, 237-326 mm körüli értékkel. Az esőzések egyre gyakoribbá és intenzívebbé válnak. A csapadékos napok száma 15-22 között alakul.</p>



<p>A páratartalom magas, 81-83% körüli. A tenger vízhőmérséklete a legmagasabb, akár 30°C is lehet, de a hullámzás megnő a délnyugati szelek miatt.</p>



<p>A júniusi látogatáshoz vízálló ruházat, esőkabát és rugalmas programtervezés szükséges. Ez a turista alacsony szezon kezdete, amikor az árak alacsonyabbak.</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úliusban folytatódik az esős évszak, ez az egyik legcsapadékosabb hónap. A nappali hőmérséklet 31-32°C között mozog, míg éjszaka 24-25°C körül alakul.</p>



<p>A napsütéses órák száma tovább csökken, átlagosan napi 5 óra, bár az esőzések között lehetnek napos időszakok. A nappali világosság időtartama 13 óra körüli.</p>



<p>A csapadék mennyisége az év legmagasabbja, 320-417 mm körüli értékkel. A monszun teljes erővel jelen van, gyakori és intenzív záporokkal, zivatarokban. A csapadékos napok száma 20-23 között alakul.</p>



<p>A páratartalom nagyon magas, 82-84% körüli. A tenger vízhőmérséklete még mindig meleg, 29°C körüli, de gyakran viharos, ami korlátozhatja a vízi tevékenységeket.</p>



<p>A júliusi látogatás esetén feltétlenül szükséges a vízálló felszerelés, és érdemes alternatív, beltéri programokat is tervezni. A tájfunok megjelenésének kockázata megnövekszik.</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 továbbra is az esős évszak része, bár valamivel kevesebb csapadékkal, mint júliusban. A nappali hőmérséklet 30-32°C között mozog, míg éjszaka 24-25°C körül alakul.</p>



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



<p>A csapadék mennyisége magas, 250-350 mm körüli értékkel. A monszun folytatódik, de az esőzések kissé ritkábbak lehetnek, mint júliusban. Az esős napok száma 18-20 között alakul.</p>



<p>A páratartalom nagyon magas, 83-84% körüli. A tenger vízhőmérséklete 29°C körüli, de továbbra is viharos lehet, különösen a délutáni órákban.</p>



<p>Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban. A tájfun kockázat továbbra is magas, ezért folyamatosan figyelni kell az időjárás-jelentéseket.</p>



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



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



<p>Szeptember Boracay egyik legkevésbé kedvező hónapja az időjárás szempontjából. A nappali hőmérséklet 30-31°C között, az éjszakai pedig 24-25°C körül alakul.</p>



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



<p>A csapadék mennyisége még mindig jelentős, 200-250 mm körüli értékkel. Az esőzések folytatódnak, bár az intenzitás enyhén csökken. A csapadékos napok száma 18-19 között alakul.</p>



<p>A páratartalom magas, 82-83% körüli. A tenger vízhőmérséklete meleg, 29-30°C, de a hullámzás és viharok továbbra is korlátozhatják a vízi tevékenységeket. A tájfun szezon még aktív.</p>



<p>A szeptemberi látogatás esetén elengedhetetlen a megfelelő felkészülés, és számítani kell arra, hogy számos program elmaradhat az időjárás miatt.</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ég mindig az esős évszak része, de a hónap vége felé kezd enyhülni a monszun. A nappali hőmérséklet 30-31°C között, az éjszakai pedig 24-25°C körül alakul.</p>



<p>A napsütéses órák száma lassan emelkedik, átlagosan napi 6 óra. A nappali világosság időtartama 12 óra körüli. A napkelte 5:55 körül, a napnyugta pedig 17:50 körül van.</p>



<p>A csapadék mennyisége még mindig jelentős, 231-285 mm körüli értékkel, de csökkenő tendenciát mutat a hónap folyamán. A csapadékos napok száma 19-21 között alakul.</p>



<p>A páratartalom magas, 82-83% körüli. A tenger vízhőmérséklete 28°C körüli, de a hónap vége felé kezd nyugodtabbá válni.</p>



<p>Az októberi látogatáshoz még mindig szükséges az esőfelszerelés, de érdemes kihasználni a növekvő számú napos órákat, különösen a hónap végén.</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 átmeneti időszak az esős és a száraz évszak között. A nappali hőmérséklet 30-32°C közé emelkedik, míg éjszaka 24-25°C körül alakul.</p>



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



<p>A csapadék mennyisége csökken, 162-285 mm körüli értékre. Az esőzések ritkábbá válnak, különösen a hónap végén. A csapadékos napok száma 14-17 közé csökken.</p>



<p>A páratartalom lassan csökken, 80-82% körülire. A tenger nyugodtabbá válik, vízhőmérséklete 28°C körüli. A szél iránya megváltozik északkeletre, jelezve az Amihan szezon kezdetét.</p>



<p>A novemberi látogatás már jó választás lehet, különösen a hónap második felében. A turista szezon kezdődik, de az árak még kedvezőek. A szörfözési és vitorlázási szezon is elindul.</p>



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



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



<p>December már egyértelműen a száraz évszak része, kellemes időjárási viszonyokkal. A nappali hőmérséklet 28-30°C között, míg éjszaka 23-24°C körül alakul. Ez az egyik leghűvösebb hónap.</p>



<p>A napsütéses órák száma magas, átlagosan napi 6-7 óra. A nappali világosság időtartama 11,5 óra körüli, a legrövidebb napok az évben. A napkelte 6:15 körül, a napnyugta pedig 17:45 körül van.</p>



<p>A csapadék mennyisége csökken, 100-120 mm körüli értékre. Az esőzések ritkák és rövidek. A csapadékos napok száma 12-15 közé csökken.</p>



<p>A páratartalom mérsékelt, 80-82% körüli. A tenger nyugodt és tiszta, vízhőmérséklete 27°C körüli, ideális feltételeket teremtve minden vízi tevékenységhez.</p>



<p>A decemberi látogatás kiváló választás, különösen a karácsony és újév időszakában. Könnyű, szellős ruházat és megfelelő napvédelem 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">Boracay 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: 30 },
{ honap5: "Február", homerseklet5: 30 },
{ honap5: "Március", homerseklet5: 31 },
{ honap5: "Április", homerseklet5: 32 },
{ honap5: "Május", homerseklet5: 32 },
{ honap5: "Június", homerseklet5: 31 },
{ honap5: "Július", homerseklet5: 31 },
{ honap5: "Augusztus", homerseklet5: 31 },
{ honap5: "Szeptember", homerseklet5: 30 },
{ honap5: "Október", homerseklet5: 30 },
{ honap5: "November", homerseklet5: 31 },
{ honap5: "December", homerseklet5: 29 }
    ];
    // 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">Boracay 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: 27 },
{ honap: "Február", homerseklet: 27 },
{ honap: "Március", homerseklet: 28 },
{ honap: "Április", homerseklet: 29 },
{ honap: "Május", homerseklet: 29 },
{ honap: "Június", homerseklet: 28 },
{ honap: "Július", homerseklet: 28 },
{ honap: "Augusztus", homerseklet: 28 },
{ honap: "Szeptember", homerseklet: 27 },
{ honap: "Október", homerseklet: 27 },
{ honap: "November", homerseklet: 28 },
{ honap: "December", homerseklet: 26 }
    ];
    // 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">Boracay á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: 115 },
{ honap: "Február", csapadek: 43 },
{ honap: "Március", csapadek: 43 },
{ honap: "Április", csapadek: 68 },
{ honap: "Május", csapadek: 171 },
{ honap: "Június", csapadek: 282 },
{ honap: "Július", csapadek: 369 },
{ honap: "Augusztus", csapadek: 300 },
{ honap: "Szeptember", csapadek: 225 },
{ honap: "Október", csapadek: 258 },
{ honap: "November", csapadek: 224 },
{ honap: "December", csapadek: 110 }
    ];
    // 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">Boracay 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: 81 },
{ honap11: "Február", paratartalom11: 79 },
{ honap11: "Március", paratartalom11: 79 },
{ honap11: "Április", paratartalom11: 79 },
{ honap11: "Május", paratartalom11: 80 },
{ honap11: "Június", paratartalom11: 82 },
{ honap11: "Július", paratartalom11: 83 },
{ honap11: "Augusztus", paratartalom11: 84 },
{ honap11: "Szeptember", paratartalom11: 83 },
{ honap11: "Október", paratartalom11: 83 },
{ honap11: "November", paratartalom11: 81 },
{ honap11: "December", paratartalom11: 81 }
    ];
    // 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>Boracay tenger vízhőmérséklete az év során viszonylag stabil, kellemes ingadozást mutat. A trópusi elhelyezkedés miatt a víz egész évben kellemes, fürdésre alkalmas.</p>



<p>Boracay-nál az árapály mérsékelt ingadozást mutat. A nyugati fehér homokos partok különösen érzékenyek az árapályra, apály idején a vízszint jelentősen csökkenhet. Az árapály váltakozás különösen figyelembe veendő a vízi tevékenységek és hajókirándulások tervezésénél.</p>



<p><strong>Január-február</strong>: A víz hőmérséklete 26-27°C között alakul. Ez az év leghidegebb vízhőmérséklete, de még mindig kellemes és frissítő a fürdőzéshez.</p>



<p><strong>Március-április</strong>: A víz hőmérséklete fokozatosan emelkedik, 27-28°C közötti értékeket érve el. Ideális hőmérséklet minden vízi tevékenységhez.</p>



<p><strong>Május-június</strong>: A tenger hőmérséklete eléri az évi maximumot, 29-31°C közötti értékekkel. A víz rendkívül meleg, kádvízszerű, különösen májusban és június elején.</p>



<p><strong>Július-augusztus</strong>: A monszun időszak ellenére a víz hőmérséklete magas marad, 29-30°C körül. A gyakori esőzések és felhős időjárás ellenére a víz továbbra is meleg, bár a hullámzás megnő.</p>



<p><strong>Szeptember-október</strong>: A tenger hőmérséklete 28-30°C körül alakul. A víz hőmérséklete kellemes marad, azonban a viharos tenger és az erős hullámzás korlátozhatja a fürdési lehetőségeket.</p>



<p><strong>November-december</strong>: A víz hőmérséklete fokozatosan csökken, 27-28°C között mozog. Ahogy visszatér a száraz évszak, a nyugodt tenger és a kellemes vízhőmérséklet ideális feltételeket teremt az úszáshoz és a vízi sportokhoz.</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: 27 },
{ honap: "Február", homerseklet: 27 },
{ honap: "Március", homerseklet: 27 },
{ honap: "Április", homerseklet: 28 },
{ honap: "Május", homerseklet: 30 },
{ honap: "Június", homerseklet: 30 },
{ honap: "Július", homerseklet: 29 },
{ honap: "Augusztus", homerseklet: 30 },
{ honap: "Szeptember", homerseklet: 29 },
{ honap: "Október", homerseklet: 28 },
{ honap: "November", homerseklet: 28 },
{ honap: "December", homerseklet: 27 }
    ];
    // 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 Boracay-on</strong></h2>



<p>Boracay földrajzi elhelyezkedése miatt az UV sugárzás az év egészében rendkívül magas. A trópusi égöv alatt, az egyenlítőhöz közel a napsugárzás intenzitása jóval erősebb, mint a mérsékelt éghajlati övben.</p>



<p><strong>Január-február</strong>: Az UV index általában 10-11 között mozog, ami &#8222;nagyon magas&#8221; kategóriának számít. A napsugárzás legintenzívebb 10:00 és 16:00 óra között.</p>



<p><strong>Március-május</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 11-15 körül, ami &#8222;extrém&#8221; kategóriába tartozik. Márciusban az UV index elérheti a 14,7-et is, ami az év csúcsértéke. A déli órákban különösen veszélyes a közvetlen napsugárzás.</p>



<p><strong>Június-augusztus</strong>: Az UV index továbbra is magas, 10-11 körüli értékekkel. A gyakori felhőzet némileg csökkenti a közvetlen sugárzást, de fontos tudni, hogy a felhőkön keresztül is jelentős UV sugárzás éri a bőrt.</p>



<p><strong>Szeptember-október</strong>: Az UV index kissé csökken, 9-10 körüli értékekre, de még mindig a &#8222;nagyon magas&#8221; kategóriába tartozik. A felhős égbolt ellenére is szükséges a napvédelem.</p>



<p><strong>November-december</strong>: Az UV index visszatér a 8-10 körüli értékekre, ahogy csökken a felhőborítás és nő a napsütéses órák száma. December az év legalacsonyabb UV indexével rendelkezik, de még mindig nagyon magas.</p>



<p>Az extrém UV sugárzás miatt az év bármely szakában 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, mivel akár 10-15 perc közvetlen napsugárzás is súlyos leégést okozhat.</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 a hosszabb vízparti tartózkodás 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: 11 },
{ honap: "Február", uv: 11 },
{ honap: "Március", uv: 13 },
{ honap: "Április", uv: 13 },
{ honap: "Május", uv: 13 },
{ honap: "Június", uv: 11 },
{ honap: "Július", uv: 11 },
{ honap: "Augusztus", uv: 11 },
{ honap: "Szeptember", uv: 10 },
{ honap: "Október", uv: 10 },
{ honap: "November", uv: 9 },
{ honap: "December", uv: 9 }
    ];
    // 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>Boracay-t a tájfun szezon jelentősen befolyásolja, amely június és november között tart, a legaktívabb időszak augusztus és október között van.</p>



<p>A tájfunok trópusi ciklonok, amelyek erős széllel, heves esőzésekkel, viharos hullámokkal és áradásokkal járnak. Bár Boracay földrajzi elhelyezkedése miatt részben védett, és ritkán kapja meg a tájfunok közvetlen találatát, a közvetett hatások &#8211; erős széllel, heves esővel és magas hullámokkal &#8211; gyakran érzékelhetők. Közelmúltbeli példák közé tartozik az Ursula tájfun 2019 decemberében és az Egay tájfun 2023 júliusában, amelyek áradásokat, áramkimaradásokat és infrastruktúrális károkat okoztak.</p>



<p>A tájfun szezon alatt a hatóságok szorosan figyelik az időjárást, és szükség esetén felfüggesztik a hajójáratokat, vízi sportokat és egyéb turisztikai tevékenységeket. A turistáknak folyamatosan figyelniük kell az időjárás-előrejelzéseket és a helyi hatóságok figyelmeztetéseit.</p>



<p>A tengeri áramlatok a monszun időszakban veszélyessé válhatnak, ezért fontos figyelembe venni a helyi figyelmeztetéseket a strandokon. Egyes partszakaszokon vörös zászlók vagy figyelmeztetések jelzik, ha a fürdés nem biztonságos.</p>



<p>Az esős évszakban hosszabb esőzési időszakok fordulhatnak elő, amikor akár több napon keresztül is folyamatos lehet a csapadék. Ez helyi áradásokhoz vezethet, különösen az alacsonyabban fekvő területeken. A vízelvezetési rendszer fejlesztése folyamatos a szigeten.</p>



<p>A száraz évszakban, különösen április és május hónapokban, extrém hőség fordulhat elő, amikor a hőmérséklet 35-39°C fölé emelkedhet. A magas páratartalommal kombinálva a hőérzet meghaladhatja a 40°C-ot, ami hőkimerülést vagy hőgutát okozhat, különösen a nem akklimatizálódott turistáknál. Fontos a megfelelő hidratálás és a déli órákban az árnyékban tartózkodás.</p>



<p>Az éghajlatváltozás hatására az időjárási minták némileg változnak. Az utóbbi években a száraz évszak kezdete kissé eltolódhat, és decemberben még előfordulhatnak alkalmi esőzések, amelyek korábban ritkábbak voltak.</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 Boracay-ra utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Boracay meglátogatására a száraz Amihan évszak, különösen <strong>január végétől április elejéig</strong>. Ebben az időszakban a hőmérséklet kellemes (29-32°C), minimális a csapadék, alacsonyabb a páratartalom és maximális a napsütéses órák száma. A tenger nyugodt és tiszta, ideális feltételeket biztosítva a fürdőzéshez, búvárkodáshoz és minden vízi sporthoz. A fehér homokos strandok és a kristálytiszta víz ekkor mutatja magát a legjobb formájában.</p>



<p><strong>Február és március</strong> tekinthető a legjobb hónapoknak, amikor az időjárás tökéletes, a csapadék minimális, és a napsütés maximális. Április szintén kiváló választás, bár kicsit melegebb és néha előfordulhatnak rövid záporok.</p>



<p><strong>December és május</strong> szintén jó választás lehet az átmeneti időszakban. Decemberben még előfordulhatnak alkalmi esőzések, de általában már kellemes az időjárás, és a karácsony-újév időszak különleges hangulatot teremt. Május eleje még részben élvezhető, bár a csapadék és a hőség növekszik.</p>



<p>A fő turista szezon december közepétől május elejéig tart, amikor a sziget zsúfolt és az árak magasabbak. A tökéletes egyensúly az időjárás, árak és tömegek között február eleje vagy március lehet.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Boracay &#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="excellent">
<td>Április</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Május</td>
<td>Átlagos</td>
</tr>
<tr class="not-recommended">
<td>Június</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Július</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Augusztus</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Szeptember</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Október</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>November</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>December</td>
<td>Kiváló</td>
</tr>
</tbody>
</table></div>

</body>
</html>
<p>A <a href="https://mikorutazz.hu/boracay-idojarasa-havi-bontasban-tenger-homerseklete-mikor-erdemes-utazni/">Boracay 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>Szöul időjárása &#8211; mikor a legjobb a dél-koreai fővárosba utazni?</title>
		<link>https://mikorutazz.hu/szoul-idojarasa-havi-bontasban-mikor-erdemes-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 17 Nov 2025 13:57:45 +0000</pubDate>
				<category><![CDATA[Ázsia]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1564</guid>

					<description><![CDATA[<p>Szöul Dél-Korea vibráló fővárosa, ahol négy jól elkülöníthető évszak jellemzi az időjárást. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Szöul időjárását a nedves kontinentális éghajlat határozza&#8230;</p>
<p>A <a href="https://mikorutazz.hu/szoul-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Szöul időjárása &#8211; mikor a legjobb a dél-koreai 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>Szöul Dél-Korea vibráló fővárosa, ahol négy jól elkülöníthető évszak jellemzi az időjárást. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Szöul időjárását a nedves kontinentális éghajlat határozza meg, amely forró, párás nyarakat és hideg, havas teleket eredményez. A Koreai-félsziget északi részén elhelyezkedő metropoliszt a Han folyó átszel, és hegyek veszik körül. A város éghajlata szélsőséges: a téli hónapokban a szibériai hideg légtömegek befolyása miatt fagyos időjárás uralkodik, míg nyáron a monszunesők és a magas páratartalom teszi próbára a látogatókat.</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>Szöul négy markánsan elkülönülő évszakkal rendelkezik, mindegyik egyedi jellegzetességekkel. A tavaszi és őszi időszakok rövidebbek, de rendkívül kellemesek, míg a nyár és a tél határozott hőmérsékleti szélsőségeket mutat.</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 gyönyörű időszak Szöulban, gyorsan melegedő hőmérséklettel és virágzó növényzettel. Az átlaghőmérséklet <strong>10-23°C</strong> között mozog. Március még hűvös lehet, de áprilisra már kellemes meleg várható. A tavaszi hónapok csodálatos látványosságokat kínálnak, különösen április elején, amikor a cseresznyevirágzás ragyogja be a város parkjait és utcáit pink árnyalatokkal.</p>



<p>Azonban a tavaszi időszak egyik hátránya a sárga por (hwangsa) jelenség, amely márciustól májusig érkezik meg Kínából és Mongóliából. Ez légúti problémákat okozhat, és csökkenti a látótávolságot. A tavaszi szélek szintén jellemzőek, különösen márciusban és áprilisban.</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 rendkívül forró, párás és csapadékos. Az átlaghőmérséklet <strong>23-30°C</strong>, de a nappali maximum gyakran eléri a 32-35°C-ot. A magas páratartalom (71-78%) miatt a hőérzet rendkívül kellemetlen lehet. Július és augusztus a legforróbb és legpárárab hónapok.</p>



<p>A nyári monszun időszak június végétől augusztus végéig tart, amikor az éves csapadék több mint felét kapja a város. Szinte minden nap előfordulnak zivatarok, amelyek heves esőzésekkel járnak. Augusztusban előfordulhatnak tájfunok is, amelyek jelentős károkat okozhatnak.</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 Szöul egyik legkellemesebb évszaka, fokozatosan hűlő hőmérséklettel és száraz időjárással. Az átlaghőmérséklet <strong>11-26°C</strong> között alakul. A csapadék mennyisége jelentősen csökken szeptembertől, és a levegő tiszta és friss lesz.</p>



<p>Az őszi lombszín szeptember végétől november közepéig tartó látványosságot nyújt, amikor a város hegyei és parkjai arany, vörös és narancssárga színekben pompáznak. Az őszi hónapok ideálisak a szabadtéri tevékenységekhez, túrázáshoz és városnézéshez.</p>



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



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



<p>A tél hideg és száraz, az átlaghőmérséklet <strong>-6°C és 4°C</strong> között mozog, de éjszaka akár -10°C alá is süllyedhet. Január a leghidegebb hónap, amikor a hőmérséklet -15°C alá is csökkenhet. A szibériai légtömegek hatására fagyos időjárás uralkodik.</p>



<p>A hóesés gyakori, különösen januárban és februárban, bár a hó általában nem marad meg hosszú ideig. A nappalok rövidek, de a napsütés bőséges, a tiszta égbolt miatt. A téli hónapok kiválóak a téli sportokhoz és a közeli síterepek látogatásához.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Szöul 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 Szöul leghidegebb hónapja. A nappali hőmérséklet általában 2°C körül mozog, míg éjszaka -6°C körülire süllyedhet. A hőmérséklet gyakran -10°C alá is eshet, különösen a hajnali órákban, és -15°C alatti értékek sem ritkák.</p>



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



<p>A csapadék mennyisége alacsony, átlagosan 21 mm körül mozog, ami az év legszárazabb hónapja. A csapadék többnyire hó formájában érkezik, körülbelül 6-7 havas napon.</p>



<p>A relatív páratartalom 58% körüli, ami viszonylag száraz levegőt jelent. Az égbolt általában tiszta, bár a hideg miatt gyakran szükséges vastag télikabát.</p>



<p>Ha januárban utazol Szöulba, vigyél magaddal vastag télikabátot, sapkát, sálat és kesztyűt. A hideg miatt rétegesen öltözködj, és számíts erős szélre is.</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 hónap végén. A nappali hőmérséklet 4°C körülire emelkedhet, míg éjszaka -4°C körül alakul. A fagy még mindig gyakori, de a hónap második felében már érezhető a közelgő tavasz.</p>



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



<p>A csapadék mennyisége továbbra is alacsony, átlagosan 24 mm körül. A csapadékos napok száma 5-6 között mozog, többnyire hó formájában.</p>



<p>A levegő száraz, 55% körüli páratartalommal, ami a legalacsonyabb az évben. Az égbolt általában tiszta, és a napfényes órák száma fokozatosan emelkedik. A februári látogatáshoz még mindig vastag télikabát szükséges.</p>



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



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



<p>A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 10°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 6,5 óra. A nappali világosság időtartama jelentősen megnő, 12 órára. A napkelte 6:30 körül, a napnyugta pedig 18:15 körül következik be.</p>



<p>A csapadék mennyisége enyhe növekedést mutat, 47 mm körüli értékkel. A csapadékos napok száma 7, többnyire eső formájában.</p>



<p>A páratartalom továbbra is alacsony, 55% körüli értékre. Március az egyik legjobb hónap a városnézéshez, de vigyél magaddal tavaszi kabátot, mert a hőmérséklet ingadozhat. Ez a hónap a sárga por szezon kezdete is.</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 19°C körülire emelkedik, míg éjszaka 8°C körül alakul. Ez a cseresznyevirágzás hónapja, amikor a város legszebb arcát mutatja.</p>



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



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



<p>A levegő páratartalma továbbra is kellemes, 56% körüli, ami az év legalacsonyabb értéke. Április az egyik legjobb hónap Szöul látogatására &#8211; kellemes hőmérséklet, kevés eső, alacsony páratartalom. A cseresznyevirágzás csúcspontja április első két hetében van. Azonban a sárga por jelenség ebben a hónapban is aktív.</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 14°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 magas, átlagosan 7 óra. A nappali világosság időtartama eléri a 14 órát. A napkelte 5:30 körül, a napnyugta pedig 19:15 körül van.</p>



<p>A csapadék mennyisége növekszik, 102 mm körüli értékkel. A csapadékos napok száma 9, mivel a nyári esős időszak közelgete érezhető.</p>



<p>A páratartalom emelkedik, 63% körüli értékre. A májusi látogatáshoz könnyű, szellős ruházat, bőséges fényvédelem ajánlott. Május még kellemes időjárást kínál, mielőtt a nyári hőség és páratartalom megérkezne.</p>



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



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



<p>Június már nyári hónap, fokozódó hőmérsékletekkel és növekvő páratartalommal. A nappali maximum 27°C körülire emelkedik, míg éjszaka 18°C körül alakul. A hónap vége felé megkezdődik a monszun szezon.</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, 14,5 órát. A napkelte rendkívül korán, 5:15 körül, a napnyugta pedig késői, 19:50 körül van.</p>



<p>A csapadék mennyisége jelentősen megnövekszik, 133 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 magas, 69% körüli, ami már párás közérzetet okoz. A júniusi utazáshoz könnyű ruházat, erős fényvédelem és esernyő ajánlott. Június a monszun szezon kezdete, de még elviselhető.</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 monszun szezon csúcspontja és az egyik legforróbb hónap. A nappali hőmérséklet rendszeresen eléri a 29°C-ot, míg az éjszakák is melegek maradnak, 22°C körüli értékekkel. A magas páratartalom miatt a hőérzet sokszor 35°C fölötti.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 4 óra, mivel a felhős napok dominálnak. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 14 óra. A napkelte 5:30 körül, a napnyugta pedig 19:50 körül következik be.</p>



<p>A csapadék mennyisége a legmagasabb az évben, 395 mm körüli értékkel. A monszun teljes erővel működik, gyakran napi zivatarokkal és heves esőzésekkel. A csapadékos napok száma 16.</p>



<p>A páratartalom rendkívül magas, 76-78% körüli, ami nyomasztó, nedves közérzetet okoz. A júliusi látogatáshoz a lehető legkönnyebb ruházat ajánlott, bőséges folyadékbevitel, esernyő és légkondicionált szállás. Ez a hónap általában kerülendő.</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 párás, valamint a monszun szezon folytatódik. A nappali hőmérséklet 30°C körül alakul, míg éjszaka 22°C-ra hűl le. Ez az év egyik legmelegebb hónapja, és előfordulhatnak tájfunok is.</p>



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



<p>A csapadék mennyisége még mindig magas, 364 mm körüli értékkel. A monszun hatása miatt gyakori a zivataros idő. A csapadékos napok száma 15.</p>



<p>A páratartalom továbbra is rendkívül magas, 75% 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, légkondicionált környezet. Augusztusban előfordulhatnak tájfunok, amelyek heves szélviharokat és esőzéseket hoznak.</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 26°C körül alakul, éjszaka pedig 17°C-ra csökken. A hónap vége felé már érezhetően kellemesebb az idő, és kezdődik az őszi lombszínváltozás.</p>



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



<p>A csapadék mennyisége csökkenni kezd, 169 mm körüli értékre. A monszun hatása gyengül, de még előfordulhatnak zivatarok. A csapadékos napok száma 10.</p>



<p>A páratartalom továbbra is magas, 72% körüli, de a hőmérséklet enyhülése miatt a közérzet javul. A szeptemberi látogatás már elviselhető, és a hónap vége kiváló választás.</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 Szöul egyik legkellemesebb hónapja, ideális időjárással. A nappali hőmérséklet 20°C körülire csökken, míg éjszaka 10°C körül alakul. A levegő friss és tiszta, az őszi lombszín csúcspontján van.</p>



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



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



<p>A páratartalom csökken, 66% körüli értékre, ami kellemes közérzetet biztosít. Az októberi látogatás ideális, réteges öltözködés ajánlott. A város parkjai és hegyei lenyűgöző őszi színekben pompáznak.</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, kellemes hőmérséklet-csökkenéssel. A nappali hőmérséklet 12°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 hűvös napok és hideg reggelek jellemzőek.</p>



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



<p>A csapadék mennyisége alacsony, 53 mm körüli értékkel. A csapadékos napok száma 8, többnyire eső formájában, de a hónap végén már előfordulhat hó is.</p>



<p>A páratartalom 64% körüli, ami szárazabb levegőt eredményez. A novemberi látogatáshoz kabát ajánlott, napközben még kellemes lehet, de az esti órákra már melegebb ruházat szükséges.</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 Szöul egyik leghűvösebb hónapja, amikor a tél már teljes erővel jelen van. 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 éjszaka.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 5 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 9,5 órát. A napkelte késői, 7:40 körüli, a napnyugta pedig korai, 17:20 körüli.</p>



<p>A csapadék mennyisége alacsony, 24 mm körüli értékkel. A csapadékos napok száma 5-6, többnyire hó formájában.</p>



<p>A levegő relatíve száraz, 62% körüli páratartalommal. A decemberi látogatáshoz vastag télikabát, pulóver, sapka és kesztyű ajánlott. A város karácsonyi díszítése és a havas táj különleges hangulatot teremt.</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">Szöul havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 2 },
{ honap5: "Február", homerseklet5: 4 },
{ honap5: "Március", homerseklet5: 10 },
{ honap5: "Április", homerseklet5: 19 },
{ honap5: "Május", homerseklet5: 24 },
{ honap5: "Június", homerseklet5: 27 },
{ honap5: "Július", homerseklet5: 29 },
{ honap5: "Augusztus", homerseklet5: 30 },
{ honap5: "Szeptember", homerseklet5: 26 },
{ honap5: "Október", homerseklet5: 20 },
{ honap5: "November", homerseklet5: 12 },
{ 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">Szöul 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: 13 },
{ honap: "Május", homerseklet: 19 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 26 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 22 },
{ honap: "Október", homerseklet: 15 },
{ honap: "November", homerseklet: 8 },
{ 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">Szöul á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: 21 },
{ honap: "Február", csapadek: 24 },
{ honap: "Március", csapadek: 47 },
{ honap: "Április", csapadek: 64 },
{ honap: "Május", csapadek: 102 },
{ honap: "Június", csapadek: 133 },
{ honap: "Július", csapadek: 395 },
{ honap: "Augusztus", csapadek: 364 },
{ honap: "Szeptember", csapadek: 169 },
{ honap: "Október", csapadek: 55 },
{ honap: "November", csapadek: 53 },
{ honap: "December", csapadek: 24 }
    ];
    // 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">Szöul 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: 58 },
{ honap11: "Február", paratartalom11: 55 },
{ honap11: "Március", paratartalom11: 55 },
{ honap11: "Április", paratartalom11: 56 },
{ honap11: "Május", paratartalom11: 63 },
{ honap11: "Június", paratartalom11: 69 },
{ honap11: "Július", paratartalom11: 77 },
{ honap11: "Augusztus", paratartalom11: 75 },
{ honap11: "Szeptember", paratartalom11: 72 },
{ honap11: "Október", paratartalom11: 66 },
{ honap11: "November", paratartalom11: 64 },
{ honap11: "December", paratartalom11: 62 }
    ];
    // 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 Szöulban</strong></h2>



<p>Szöul UV-sugárzási szintje jelentős évszakos változékonyságot mutat, ami a kontinentális éghajlat és az év során változó napsütés következménye. Az UV-index különösen fontos tényező 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 tavaszi hónapokban az UV-index gyorsan emelkedik. Márciusban 4-5-ös értéket ér el (mérsékelt), áprilisban 6-7-re (magas), májusban pedig rendszeresen 7-8-as szintre (magas-nagyon magas) emelkedik. A tavasz második felében már 20-25 perc alatt le lehet égni védelem nélkül. A sárga por jelenség is csökkentheti az UV-sugárzást, de a tiszta napokon fokozott óvatosság szükséges.</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ári hónapokban Szöul UV-indexe rendszeresen eléri a 8-11-es értéket (nagyon magas-extrém), különösen júniusban és júliusban 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 súlyos napégést lehet szenvedni. A monszun szezon felhős napjai csökkentik az UV-sugárzást, de a tiszta időszakokban továbbra is magas.</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 elején, szeptemberben az UV-index még mindig magas, 6-7-es értékkel, októberben csökken 4-5-ös szintre (mérsékelt), majd novemberre 2-3-as szintre (alacsony) esik. Azonban szeptemberben és októberben még fennáll a leégés veszélye, különösen a tiszta, napsütéses napokon.</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éli hónapokban az UV-index alacsony, átlagosan 2-3-as értékkel (alacsony-mérsékelt). Január és december során a legalacsonyabb az UV-sugárzás, de a hóról visszaverődő fény megtévesztő lehet, és még télen is szükséges a fényvédelem használata, különösen a síterepeken.</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.</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, különösen tavasszal és 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>Hidratálás</strong>: A magas UV-sugárzás és a párás nyári éghajlat 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>Szöul térsége számos szélsőséges időjárási jelenségnek van kitéve, amelyek jelentősen befolyásolhatják az utazási terveket és a mindennapi életet.</p>



<h3 class="wp-block-heading"><strong>Tájfunok</strong></h3>



<p>A tájfun szezon június és november között tart, a csúcsidőszak július-szeptember. Évente általában egy-két tájfun érinti a Koreai-félszigetet, amelyek heves szélviharokat, intenzív esőzéseket és áradásokat okozhatnak. A legerősebb tájfunok augusztusban és szeptemberben fordulnak elő. Bár Szöul nem közvetlenül a tengerparton fekszik, a tájfunok jelentős károkat okozhatnak a városban is.</p>



<p>A történelem során több pusztító tájfun is érte a várost: 2002-ben a Rusa tájfun, 2003-ban a Maemi, és 2010-ben a Kompasu okozott jelentős károkat. A tájfunok során szélsebesség elérheti a 150-180 km/h-t, és 24 órán belül akár 300-400 mm csapadék is hullhat.</p>



<h3 class="wp-block-heading"><strong>Monszun és zivatarok</strong></h3>



<p>A nyári monszun időszak (jangma) június végétől augusztus végéig tart, amikor a Kelet-ázsiai monszun rendszer nedves, meleg légtömegeket hoz a régióba. Ebben az időszakban szinte minden nap előfordulnak délutáni/esti zivatarok, amelyek gyakran erős széllel, villámmal és heves esőzéssel járnak. A monszun időszak alatt az éves csapadék több mint felét kapja a város.</p>



<p>Az áradások különösen veszélyesek a Han folyó mentén és az alacsonyabban fekvő városrészekben. 2011-ben heves monszunesők következtében több tucat ember halt meg Szöulban.</p>



<h3 class="wp-block-heading"><strong>Sárga por (hwangsa)</strong></h3>



<p>A sárga por jelenség egy egyedi meteorológiai esemény, amely különösen tavasszal, március és május között aktív. A Góbi-sivatagból és Kínából származó finom porból, homokból álló részecskék erős szelekkel a légkörbe kerülnek, és elérnek Szöulig. A sárga por tartalmaz ipari szennyeződéseket, nehézfémeket és káros anyagokat.</p>



<p>A jelenség csökkenti a látótávolságot, légúti problémákat okoz, különösen az asztmás és légúti betegségben szenvedőknél. Súlyos sárga por napok során a hatóságok arra kérik a lakosságot, hogy maradjanak bent, és használjanak maszkot, ha ki kell menniük. Az iskolák bezárhatnak, és a repülőjáratok késhetnek vagy törölhetők. </p>



<h3 class="wp-block-heading"><strong>Téli hideg és hóviharok</strong></h3>



<p>A téli hónapokban a szibériai légtömegek befolyása miatt extrém hideg időjárás alakulhat ki. Januárban és februárban a hőmérséklet -15°C alá is süllyedhet, és erős észak-nyugati szelek tovább ronthatnak a hőérzeten. Hóviharok előfordulhatnak, amelyek jelentős közlekedési zavarokat okozhatnak.</p>



<p>2001-ben és 2010-ben különösen súlyos hóviharok sújtották Szöult, amikor 24 órán belül több mint 25 cm hó esett, ami káoszt okozott a közlekedésben és a városi infrastruktúrában.</p>



<h3 class="wp-block-heading"><strong>Téli fagyok és tavaszi hőhullámok</strong></h3>



<p>Bár ritkább, de előfordulhatnak váratlan tavaszi fagyok áprilisban, amelyek károsíthatják a virágzó növényeket. Fordított esetben, május végén már előfordulhatnak korai hőhullámok, amikor a hőmérséklet 30°C fölé emelkedik.</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 Szöulba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Szöul meglátogatására a <strong>tavaszi és őszi hónapok</strong>, különösen április-május és szeptember-október között. Ilyenkor kellemes, száraz hőmérséklet (15-25°C), alacsonyabb páratartalom és minimális csapadék jellemzi a várost, ami ideális a városnézéshez, túrázáshoz és szabadtéri programokhoz.</p>



<p><strong>Április</strong> az egyik legcsodálatosabb hónap a cseresznyevirágzás miatt, amikor a város parkjai és templomok pink árnyalatokba borulnak. A hőmérséklet kellemes (15-20°C), és bár a sárga por jelenség előfordulhat, ez nem teszi lehetetlenné az utazást. Ez a hónap azonban a legzsúfoltabb turisztikai időszak.</p>



<p><strong>Október</strong> szintén kiváló választás, amikor az őszi lombszín lenyűgöző látványt nyújt. A hőmérséklet kellemes (15-20°C), a páratartalom alacsony, és a csapadék minimális. A turistatömeg is kevesebb, mint tavasszal.</p>



<p>Május és szeptember szintén jó választások, bár májusban már melegebbre kell számítani (20-25°C), és a monszun szezon közeledik, míg szeptemberben a monszun még nem teljesen ért véget.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Szöul &#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="average">
<td>Június</td>
<td>Átlagos</td>
</tr>
<tr class="not-recommended">
<td>Július</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Augusztus</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Szeptember</td>
<td>Átlagos</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/37d57126d98/seoul/" data-label_1="SZÖUL" data-theme="original" >SZÖUL</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/szoul-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Szöul időjárása &#8211; mikor a legjobb a dél-koreai 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>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>
	</channel>
</rss>
