<?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>Egyiptom Archívum - Mikor utazz?</title>
	<atom:link href="https://mikorutazz.hu/category/afrika/egyiptom/feed/" rel="self" type="application/rss+xml" />
	<link>https://mikorutazz.hu/category/afrika/egyiptom/</link>
	<description>Népszerű helyek időjárása</description>
	<lastBuildDate>Tue, 03 Jun 2025 12:11:23 +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>Egyiptom Archívum - Mikor utazz?</title>
	<link>https://mikorutazz.hu/category/afrika/egyiptom/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Kairó időjárása – mikor a legjobb Egyiptom fővárosába utazni?</title>
		<link>https://mikorutazz.hu/kairo-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 02 Jun 2025 12:26:50 +0000</pubDate>
				<category><![CDATA[Afrika]]></category>
		<category><![CDATA[Egyiptom]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=827</guid>

					<description><![CDATA[<p>Kairó időjárását a forró sivatagi éghajlat határozza meg, ami rendkívül száraz és forró klímát eredményez. A Szahara-sivatag szélén elhelyezkedő várost a hosszú, forró nyarak és az enyhe telek jellemzik, minimális&#8230;</p>
<p>A <a href="https://mikorutazz.hu/kairo-idojarasa/">Kairó időjárása – mikor a legjobb Egyiptom fővárosába 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>Kairó időjárását a forró sivatagi éghajlat határozza meg, ami rendkívül száraz és forró klímát eredményez.</strong></p>



<p>A Szahara-sivatag szélén elhelyezkedő várost a hosszú, forró nyarak és az enyhe telek jellemzik, minimális csapadékkal az év során. A Nílus közelsége enyhén befolyásolja a mikroklímát, de a város alapvetően sivatagi jellegű időjárással rendelkezik.</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>Kairó három markáns évszakkal rendelkezik: a hosszú, forró nyár domináns, míg a tavasz és az ősz rövid átmeneti időszakok, a tél pedig enyhe és kellemes.</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 időszak Kairóban, fokozatosan melegedő hőmérséklettel. Az átlaghőmérséklet <strong>20-30°C</strong> között mozog. A tavasz kezdetén még hűvösebb lehet, de gyorsan felmelegszik. A levegő száraz marad, és előfordulhatnak homokviharok, különösen április és május hónapokban, amikor a Hamszín szelek fújnak.</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ó és száraz. Az átlaghőmérséklet <strong>30-38°C</strong>, de gyakran meghaladja a 40°C-ot is a hőhullámok idején. A hőség száraz jellegű, ami miatt a magas hőmérséklet ellenére valamelyest elviselhetőbb. Július és augusztus a legforróbb hónapok, amikor a nappali hőmérséklet ritkán süllyed 32°C alá. A nyári hónapokban gyakorlatilag nincs csapadék.</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 Kairó egyik legkellemesebb évszaka, fokozatosan csökkenő hőmérséklettel és alacsony páratartalommal. Az átlaghőmérséklet <strong>22-28°C</strong> között alakul. A csapadék mennyisége minimális marad, és a levegő tiszta. Az őszi hónapok ideálisak a szabadtéri tevékenységekhez é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 enyhe és kellemes, az átlaghőmérséklet <strong>12-20°C</strong> között mozog. Az éjszakák hűvösek lehetnek, különösen januárban. Ez az egyetlen időszak, amikor említésre méltó csapadék eshet, bár ez is csekély mennyiségű. A nappalok kellemesen melegek és napsütésesek.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Kairó 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 Kairó egyik leghűvösebb hónapja. A nappali hőmérséklet általában 18-20°C között mozog, míg éjszaka 8-12°C közé süllyedhet. Ritkán, de előfordulhat 5°C körüli hőmérséklet is a hajnali órákban.</p>



<p>A napsütéses órák száma magas, átlagosan napi 7-8 óra. A nappali világosság időtartama viszonylag rövid, mintegy 10,5 óra. A napkelte 6:50 körül, a napnyugta pedig 17:20 körül van.</p>



<p>A csapadék mennyisége alacsony, átlagosan 5-8 mm körül mozog. A havi csapadékos napok száma 2-3, általában eső formájában. Az égbolt többnyire tiszta, néha felhős.</p>



<p>A relatív páratartalom mérsékelt, 50-60% körüli. Ha januárban utazol Kairóba, vigyél magaddal könnyű kabátot az esti programokhoz, és rétegesen öltözködj.</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 20-22°C közé emelkedhet, míg éjszaka 9-13°C között alakul. A hűvös éjszakák még gyakoriak.</p>



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



<p>A csapadék mennyisége továbbra is csekély, átlagosan 3-5 mm körül. A csapadékos napok száma 1-2 között mozog. A levegő száraz, 45-55% körüli páratartalommal.</p>



<p>A februári látogatáshoz még szükséges az átmeneti kabát az esti órákra, bár a nappali hőmérséklet már kellemesebbé válik.</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 24-26°C-ot is elérhet, míg az éjszakák 12-16°C között alakulnak. A hűvös reggelek már ritkábbak.</p>



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



<p>A csapadék mennyisége minimális, 2-4 mm körüli értékkel. A csapadékos napok száma 1-2 közötti. Március végén már megjelenhetnek a Hamszín szelek, amelyek homokviharokat hozhatnak.</p>



<p>A páratartalom csökken, 40-50% körüli. A márciusi látogatáshoz könnyű ruházat és vékony pulóver 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>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, jelentős felmelegedéssel. A nappali hőmérséklet 28-30°C közé emelkedik, míg éjszaka 15-19°C körül alakul. A meleg napok már dominálnak.</p>



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



<p>A csapadék mennyisége gyakorlatilag elhanyagolható, 1-2 mm körüli értékkel. Az esős napok száma legfeljebb 1. A Hamszín szelek ebben a hónapban gyakoriak lehetnek.</p>



<p>A levegő páratartalma továbbra is alacsony, 35-45% körüli. Az áprilisi látogatáshoz könnyű nyári ruházat ajánlott, napvédő 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ájus</strong></h3>



<p>Május a késő tavaszi időszak, amikor a hőmérséklet gyorsan emelkedik a nyári értékek felé. A nappali értékek 32-35°C közé kúsznak, míg éjszaka 19-23°C körül alakulnak. A hónap végére már forró napok jellemzőek.</p>



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



<p>A csapadék mennyisége gyakorlatilag nulla, 0-1 mm körüli értékkel. Eső rendkívül ritka ebben a hónapban. A páratartalom továbbra is alacsony, 30-40% körüli.</p>



<p>A májusi látogatáshoz könnyű, szellős ruházat és bőséges fényvédelem elengedhetetlen. A sivatagi klíma hatásai már erősen érezhetők.</p>



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



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



<p>Június már igazi nyári hónap, magas hőmérsékletekkel és intenzív napsütéssel. A nappali maximum 35-38°C közé emelkedik, míg éjszaka 22-26°C körül alakul. A forróság egész hónapban tartós.</p>



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



<p>A csapadék mennyisége gyakorlatilag nulla. Eső nem fordul elő ebben a hónapban. A páratartalom rendkívül alacsony, 25-35% körüli.</p>



<p>A júniusi utazáshoz a lehető legkönnyebb, légáteresztő ruházat ajánlott, bőséges fényvédelem és folyamatos hidratálás szükséges.</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 Kairó egyik legforróbb hónapja. A nappali hőmérséklet rendszeresen eléri a 36-39°C-ot, sőt, gyakran 40°C fölé is emelkedhet. Az éjszakák is melegek maradnak, 24-27°C közötti értékekkel.</p>



<p>A napsütéses órák száma továbbra is rendkívül magas, átlagosan napi 12-13 óra. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 13,5 óra. A napkelte 5:10 körül, a napnyugta pedig 19:25 körül következik be.</p>



<p>A csapadék mennyisége gyakorlatilag nulla. A páratartalom még mindig alacsony, 25-35% körüli. A forróság intenzív és száraz.</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 gyakori pihenők a légkondicionált helyiségekben.</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ó. A nappali hőmérséklet 35-38°C között alakul, míg éjszaka 24-27°C-ra hűl le. A forróság egész hónapban tartós marad.</p>



<p>A napsütéses órák száma továbbra is magas, napi 11-12 óra. A nappali világosság időtartama érezhetően csökken, 13 órára. A napkelte 5:30 körül, a napnyugta pedig 18:50 körül van.</p>



<p>A csapadék mennyisége továbbra is nulla. A páratartalom alacsony, 30-40% körüli értékre. A napsütéses órák száma magas, és a hőség továbbra is intenzív.</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, folyamatos hidratálás, erős napvédelem.</p>



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



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



<p>A szeptember az ősz kezdetét jelzi, fokozatos enyhülést hozva a nyári forróság után. A nappali hőmérséklet 32-35°C körül alakul, éjszaka pedig 21-24°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 továbbra is magas, átlagosan napi 10-11 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 5:50 körül, a napnyugta pedig 18:10 körül történik.</p>



<p>A csapadék mennyisége továbbra is gyakorlatilag nulla. A páratartalom alacsony, 35-45% körüli, ami kellemes közérzetet biztosít.</p>



<p>A szeptemberi látogatás már kedvezőbb, könnyű nappali ruházattal és egy vékony pulóverrel az esti órákra.</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 Kairó egyik legkellemesebb hónapja, ideális időjárással. A nappali hőmérséklet 28-31°C közé csökken, míg éjszaka 17-21°C körül alakul. A levegő friss, tiszta és kellemesen meleg.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan napi 9-10 óra. 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 történik.</p>



<p>A csapadék mennyisége minimális, 1-2 mm körüli értékkel. A csapadékos napok száma legfeljebb 1. A páratartalom kellemes, 40-50% körüli.</p>



<p>Az októberi látogatás ideális, réteges öltözködés ajánlott, mivel a nappalok kellemesen melegek, de a reggelek és esték már hűvösek lehetnek.</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ésői szakasza, kellemes hőmérséklet-csökkenéssel. A nappali hőmérséklet 23-26°C közé süllyed, míg éjszaka már 13-17°C között 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 8-9 órára. A nappali világosság időtartama tovább rövidül, 10,5 órára. A napkelte 6:40 körül, a napnyugta pedig 17:00 körül következik be.</p>



<p>A csapadék mennyisége továbbra is alacsony, 2-3 mm körüli értékkel. A csapadékos napok száma 1-2. A páratartalom kellemes, 45-55% körüli.</p>



<p>A novemberi látogatáshoz már könnyű kabát vagy pulóver szükséges az esti órákra. A nappalok még kellemesen melegek.</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 már egyértelműen téli hónap, de kellemes hőmérséklettel. A nappali hőmérséklet 19-21°C körül alakul, míg éjszaka 10-14°C közé süllyedhet. A hűvös éjszakák és reggelek jellemzőek.</p>



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



<p>A csapadék mennyisége enyhén magasabb, 3-5 mm körüli értékkel. A csapadékos napok száma 2-3 között alakul. A levegő páratartalma magasabb, 50-60% körüli.</p>



<p>A decemberi látogatáshoz meleg kabát, pulóver ajánlott az esti órákra. A rétegesen öltözködés különösen fontos.</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">Kairó 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: 19 },
{ honap5: "Február", homerseklet5: 21 },
{ honap5: "Március", homerseklet5: 25 },
{ honap5: "Április", homerseklet5: 29 },
{ honap5: "Május", homerseklet5: 33 },
{ honap5: "Június", homerseklet5: 36 },
{ honap5: "Július", homerseklet5: 37 },
{ honap5: "Augusztus", homerseklet5: 36 },
{ honap5: "Szeptember", homerseklet5: 33 },
{ honap5: "Október", homerseklet5: 29 },
{ honap5: "November", homerseklet5: 24 },
{ honap5: "December", homerseklet5: 20 }
    ];
    // 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">Kairó 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: 14 },
{ honap: "Február", homerseklet: 16 },
{ honap: "Március", homerseklet: 19 },
{ honap: "Április", homerseklet: 22 },
{ honap: "Május", homerseklet: 27 },
{ honap: "Június", homerseklet: 30 },
{ honap: "Július", homerseklet: 32 },
{ honap: "Augusztus", homerseklet: 31 },
{ honap: "Szeptember", homerseklet: 28 },
{ honap: "Október", homerseklet: 24 },
{ honap: "November", homerseklet: 19 },
{ honap: "December", homerseklet: 16 }
    ];
    // 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">Kairó á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: 6 },
{ honap: "Február", csapadek: 4 },
{ honap: "Március", csapadek: 3 },
{ honap: "Április", csapadek: 1 },
{ honap: "Május", csapadek: 0 },
{ honap: "Június", csapadek: 0 },
{ honap: "Július", csapadek: 0 },
{ honap: "Augusztus", csapadek: 0 },
{ honap: "Szeptember", csapadek: 0 },
{ honap: "Október", csapadek: 1 },
{ honap: "November", csapadek: 2 },
{ honap: "December", csapadek: 4 }
    ];
    // 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">Kairó 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: 55 },
{ honap11: "Február", paratartalom11: 50 },
{ honap11: "Március", paratartalom11: 45 },
{ honap11: "Április", paratartalom11: 40 },
{ honap11: "Május", paratartalom11: 35 },
{ honap11: "Június", paratartalom11: 30 },
{ honap11: "Július", paratartalom11: 30 },
{ honap11: "Augusztus", paratartalom11: 35 },
{ honap11: "Szeptember", paratartalom11: 40 },
{ honap11: "Október", paratartalom11: 45 },
{ honap11: "November", paratartalom11: 50 },
{ honap11: "December", paratartalom11: 55 }
    ];
    // 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 Kairóban</strong></h2>



<p>Kairó különösen magas UV-sugárzási szintekkel rendelkezik az év nagy részében, ami a város sivatagi elhelyezkedésének és a tiszta, felhőtlen égboltnak köszönhető.</p>



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



<p><strong>Tavasz (március-május)</strong>: A tavaszi hónapokban az UV-index gyorsan emelkedik. Márciusban átlagosan 7-8-as értéket ér el (magas-nagyon magas), áprilisban 9-10-re (nagyon magas), májusban pedig már rendszeresen 10-11-es szintre (extrém) emelkedik.</p>



<p><strong>Nyár (június-szeptember)</strong>: A nyári hónapokban Kairó UV-indexe rendszeresen eléri az extrém, 11-12-es értéket. A sugárzás intenzitása miatt védelem nélkül 10-15 perc alatt súlyos napégést lehet szenvedni.</p>



<p><strong>Ősz (október-november)</strong>: Az ősz elején, októberben az UV-index még mindig magas, 7-8-as értékkel, majd novemberre csökken 5-6-os szintre (magas).</p>



<p><strong>Téli UV-sugárzás (december-február)</strong>: A téli hónapokban az UV-index alacsonyabb, de még mindig jelentős, átlagosan 4-5-ös értékkel (mérsékelt-magas).</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 50-es fényvédő használata ajánlott</li>



<li><strong>Megfelelő ruházat</strong>: Hosszú ujjú, könnyű ruházat és széles karimájú kalap</li>



<li><strong>Megfelelő időzítés</strong>: Szabadtéri programok a kora reggeli vagy késő délutáni órákban</li>



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



<li><strong>Hidratálás</strong>: A száraz klíma miatt különösen 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: 4 },
{ honap: "Február", uv: 5 },
{ honap: "Március", uv: 7 },
{ honap: "Április", uv: 9 },
{ honap: "Május", uv: 10 },
{ honap: "Június", uv: 11 },
{ honap: "Július", uv: 12 },
{ honap: "Augusztus", uv: 11 },
{ honap: "Szeptember", uv: 10 },
{ honap: "Október", uv: 7 },
{ honap: "November", uv: 5 },
{ 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>Kairóban előfordulhatnak extrém hőhullámok a nyári hónapokban, amikor a hőmérséklet akár 42-45°C fölé is emelkedhet.</p>



<p>A Hamszín szelek (sivatagi forró szél) tavasszal és nyár elején jelentős homokviharokat okozhatnak, csökkentve a látási viszonyokat.</p>



<p>A téli hónapokban ritkán, de előfordulhatnak esős időszakok, amelyek esetenként árvizeket okozhatnak a város régebbi részeiben.</p>



<p>A sivatagi éghajlat miatt a nappali és éjszakai hőmérséklet között jelentős különbség lehet.</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 Kairóba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Kairó meglátogatására a <strong>téli szezon</strong>, különösen december és február között. Ilyenkor kellemes, mérsékelt hőmérséklet (12-21°C), alacsony páratartalom és minimális csapadék jellemzi a várost, ami ideális a városnézéshez és szabadtéri programokhoz, beleértve a piramisok és más történelmi helyszínek meglátogatását.</p>



<p>A másik kedvező időszak az <strong>őszi szezon</strong>, október és november között, amikor szintén kellemes a hőmérséklet (23-31°C), és a nyári hőség már enyhül. Ez az időszak különösen alkalmas a Níl-menti kirándulásokra és a sivatagi expedíciókra.</p>



<p>A tavaszi hónapok (március-április) szintén jók lehetnek, bár ekkor már emelkedik a hőmérséklet, és megjelenhetnek a Hamszín szelek. A nyári hónapokat (június-szeptember) érdemes elkerülni a rendkívüli forróság miatt, kivéve, ha kifejezetten a forró sivatagi klímát szeretnéd megtapasztalni.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Kairó &#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="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Április</td>

<td>Átlagos</td>

</tr>

<tr class="not-recommended">

<td>Május</td>

<td>Nem ajánlott</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="excellent">

<td>Október</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>November</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>December</td>

<td>Kiváló</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/30d0431d24/cairo/" data-label_1="KAIRÓ" data-theme="original" >KAIRÓ</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>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Népszerű egyiptomi nyaralóhelyek időjárása</strong></h2>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img fetchpriority="high" decoding="async" width="900" height="675" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz.jpg" alt="" class="wp-image-830 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-300x225.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-768x576.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-585x439.jpg 585w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/hurghada-idojarasa/">Hurghada időjárása</a></h2>
</div></div>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img decoding="async" width="900" height="572" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz.jpg" alt="" class="wp-image-831 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-300x191.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-768x488.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-585x372.jpg 585w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/sharm-el-sheikh-idojarasa/">Sharm el-Sheikh időjárása</a></h2>
</div></div>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img decoding="async" width="900" height="600" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz.jpg" alt="" class="wp-image-832 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-300x200.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-768x512.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-585x390.jpg 585w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-263x175.jpg 263w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/marsa-alam-idojarasa/">Marsa Alam időjárása</a></h2>
</div></div>



<p></p>
<p>A <a href="https://mikorutazz.hu/kairo-idojarasa/">Kairó időjárása – mikor a legjobb Egyiptom fővárosába utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Marsa Alam időjárása – milyen az idő az év egészében?</title>
		<link>https://mikorutazz.hu/marsa-alam-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 02 Jun 2025 10:24:27 +0000</pubDate>
				<category><![CDATA[Afrika]]></category>
		<category><![CDATA[Egyiptom]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=823</guid>

					<description><![CDATA[<p>Marsa Alam időjárása sivatagi trópusi klíma, amely meleg, száraz időjárást eredményez az év nagy részében. A Vörös-tenger közelsége és Egyiptom délkeleti partvidéke jelentősen befolyásolják a város éghajlatát. Évszakok Marsa Alamban&#8230;</p>
<p>A <a href="https://mikorutazz.hu/marsa-alam-idojarasa/">Marsa Alam időjárása – milyen az idő az év egészében?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Marsa Alam időjárása sivatagi trópusi klíma, amely meleg, száraz időjárást eredményez az év nagy részében.</strong></p>



<p>A Vörös-tenger közelsége és Egyiptom délkeleti partvidéke jelentősen befolyásolják 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>Marsa Alamban két fő évszak különíthető el: meleg és száraz évszak és forró évszak.</p>



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



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



<p>A száraz évszak Marsa Alam legkellemesebb időszaka, tiszta kék égbolttal, alacsony páratartalommal és kellemes hőmérséklettel. Az átlaghőmérséklet <strong>22-28°C</strong> között mozog. A csapadék mennyisége minimális és a levegő száraz.</p>



<p>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 és korallzátony-túrákhoz.</p>



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



<h3 class="wp-block-heading"><strong>Forró évszak (május-október)</strong>:</h3>



<p>A forró évszak hosszú és intenzív, magas hőmérséklettel és alacsony páratartalommal. Az átlaghőmérséklet <strong>28-38°C</strong> között alakul, de gyakran meghaladhatja a 40°C-ot is. A páratartalom alacsony marad, ami enyhíti a hőérzetet. Ritkán előfordulhatnak rövid záporok, amelyek átmeneti enyhülést hoznak. Ez az időszak turisztikailag kevésbé forgalmas a hőség miatt, ami alacsonyabb árakat jelent.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Marsa Alam 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 Marsa Alam egyik legkellemesebb hónapja, a száraz évszak közepén. A nappali hőmérséklet általában 24-26°C között mozog, míg éjszaka 12-15°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 9-10 óra. A nappali világosság időtartama viszonylag állandó, mintegy 10,5 óra. A napkelte 6:30 körül, a napnyugta pedig 17:00 körül van.</p>



<p>A csapadék mennyisége rendkívül alacsony, átlagosan 0-5 mm körül mozog, és a havi csapadékos napok száma mindössze 0-1. Az esőzések, ha előfordulnak, általában rövid záporok formájában jelentkeznek.</p>



<p>Az égbolt többnyire tiszta, felhőmentes, ideális a napozáshoz és a strandoláshoz. A relatív páratartalom alacsony, 45-50% körüli, ami kellemes száraz levegőt biztosít. A tenger nyugodt, kitűnő feltételeket biztosítva az úszáshoz és a vízi sportokhoz.</p>



<p>Ha januárban utazol Marsa Alamra, rétegzett öltözék ajánlott a jelentős nappali-éjszakai hőmérséklet-különbség miatt. Naptej, napszemüveg és kalap a nap elleni védelemhez. Az esti órákban jelentősen lehűlhet a levegő, így meleg pulóver vagy dzseki szükséges.</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óan kellemes, mint a január, továbbra is a száraz évszak része. A nappali hőmérséklet 26-28°C közé emelkedhet, míg éjszaka 14-17°C között alakul. A hőmérséklet-ingadozás még mindig jelentős.</p>



<p>A napsütéses órák száma változatlanul magas, átlagosan napi 9-10 óra. A nappali világosság időtartama hasonló a januárihoz, 11 óra körül. A napkelte és napnyugta időpontjai minimálisan változnak.</p>



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



<p>A levegő tiszta, a páratartalom alacsony, 45-50% körüli. Az égbolt többnyire felhőtlen, kiváló látási viszonyokkal. A tenger továbbra is nyugodt és tiszta, ideális a vízi tevékenységekhez.</p>



<p>A februári látogatáshoz hasonló öltözék ajánlott, mint januárban: rétegzett ruházat, megfelelő napvédelem és meleg ruhadarabok az esti órákra.</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 még mindig a száraz évszak része, ideális időjárási viszonyokkal. A nappali hőmérséklet 28-30°C közé emelkedik, míg az éjszakák 16-19°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 változatlanul magas, átlagosan napi 9-10 óra. A nappali világosság időtartama növekszik, 12 órára. A napkelte és napnyugta időpontjai alig változnak.</p>



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



<p>A páratartalom továbbra is alacsony, 45-55% körülire. A tenger továbbra is nyugodt, és a látási viszonyok kiválóak a búvárkodáshoz.</p>



<p>A márciusi látogatáshoz könnyű, szellős ruházat ajánlott napközben, de még mindig szükséges meleg ruhadarab az estékre. Fokozott napvédelem javasolt az erősödő napsugárzás miatt.</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ó hónapja, de már a melegedés kezdete. A nappali hőmérséklet 30-33°C közé emelkedik, míg éjszaka 19-22°C körül alakul. Az éjszakai hőmérséklet kellemesebbé válik.</p>



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



<p>A csapadék mennyisége minimális marad, 0-10 mm körüli értékkel. Az esős napok száma 0-2 közötti, ritkán előforduló rövid záporok formájában.</p>



<p>A páratartalom alacsony, 45-55% körüli. A tenger nyugodt és tiszta, kiváló feltételeket biztosítva minden vízi tevékenységhez.</p>



<p>Az áprilisi látogatáshoz könnyű ruházat ajánlott, már kevesebb meleg ruhával az estékre. Fokozott napvédelem szükséges a növekvő hőség miatt.</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 a forró évszak kezdete, jelentős melegedéssel. A nappali hőmérséklet 33-36°C közé emelkedhet, míg éjszaka 23-26°C körül alakul. Ez már komoly hőség, de a száraz levegő miatt elviselhetőbb.</p>



<p>A napsütéses órák száma magas marad, átlagosan napi 11-12 óra. A nappali világosság időtartama 13 óra körüli. A napkelte és napnyugta időpontjai minimálisan változnak áprilishoz képest.</p>



<p>A csapadék mennyisége továbbra is minimális, 0-5 mm körüli értékkel. Az esős napok száma 0-1 közé csökken.</p>



<p>A páratartalom alacsony marad, 40-50% körüli, ami segít elviselni a magas hőmérsékletet. A tenger nyugodt, de a déli órákban már kellemesen hűsítő lehet.</p>



<p>A májusi látogatáshoz a lehető legkönnyebb ruházat ajánlott, bőséges folyadékbevitel, fokozott napvédelem és a déli ó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>Június</strong></h3>



<p>Júniusban fokozódik a forróság. A nappali hőmérséklet 35-38°C között alakul, míg éjszaka 26-29°C körül mozog. A hőség már jelentős, de a száraz levegő segít.</p>



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



<p>A csapadék mennyisége gyakorlatilag nulla, 0 mm körüli értékkel. Esőzés szinte egyáltalán nem fordul elő.</p>



<p>A páratartalom alacsony, 35-45% körüli. A tenger kellemes hűsítést nyújt a forróságban, és továbbra is nyugodt.</p>



<p>A júniusi látogatáshoz könnyű, szellős, világos színű ruházat ajánlott, kalap, napszemüveg és gyakori folyadékpótlás. A déli órákban (11:00-16:00) célszerű árnyékban tartózkodni.</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 az egyik legforróbb hónap Marsa Alamban. A nappali hőmérséklet 36-39°C között mozog, míg éjszaka 28-30°C körül alakul. A hőség intenzív, de a száraz levegő miatt elviselhetőbb, mint párás klímában.</p>



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



<p>A csapadék mennyisége nulla, 0 mm. Július az egyik legszárazabb hónap.</p>



<p>A páratartalom nagyon alacsony, 30-40% körüli. A tenger meleg, de továbbra is kellemes hűsítést nyújt a forróságban.</p>



<p>A júliusi látogatáshoz hasonló előkészületekre van szükség, mint júniusban, de még fokozottabb figyelemmel kell lenni a hőség okozta problémákra. Javasolt a programokat a kora reggeli vagy késő délutáni órákra időzíteni.</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ó hónap. A nappali hőmérséklet 36-40°C között mozog, míg éjszaka 28-31°C körül alakul. Ez az év egyik legmelegebb időszaka.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan napi 11-12 óra. A nappali világosság időtartama 13 óra körüli. A napkelte és napnyugta időpontjai minimálisan változnak.</p>



<p>A csapadék mennyisége továbbra is nulla, 0 mm körüli értékkel. Augusztusban szinte soha nem esik.</p>



<p>A páratartalom alacsony, 35-45% körüli. A tenger kellemes menedéket nyújt a hőség elől.</p>



<p>Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban: könnyű ruházat, bőséges folyadékpótlás és a legforróbb órák kerülése.</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 nagyon forró, de a hónap vége felé kezd enyhülni a hőség. A nappali hőmérséklet 34-37°C között, az éjszakai pedig 26-29°C körül alakul.</p>



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



<p>A csapadék mennyisége minimális marad, 0-5 mm körüli értékkel. Ritkán előfordulhatnak rövid záporok.</p>



<p>A páratartalom alacsony, 40-50% körüli. A tenger továbbra is kellemes hűsítést nyújt.</p>



<p>A szeptemberi látogatás esetén még mindig szükséges a forró időjárásra való felkészülés, de a hónap végén már enyhébb körülményekre lehet számítani.</p>



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



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



<p>Az október az átmeneti időszak a forró és a kellemes évszak között. A nappali hőmérséklet 31-34°C között, az éjszakai pedig 23-26°C körül alakul.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan napi 9-10 óra. A nappali világosság időtartama 11 óra körüli. A napkelte és napnyugta időpontjai változnak.</p>



<p>A csapadék mennyisége minimális, 0-10 mm körüli értékkel. Alkalmanként előfordulhatnak rövid esőzések.</p>



<p>A páratartalom alacsony marad, 45-55% körüli. A tenger kellemes hőmérsékletű és nyugodt.</p>



<p>Az októberi látogatás már sokkal kellemesebb élményt nyújt, mint a nyári hónapok. Könnyű ruházat még mindig szükséges, de már kevésbé extrém a hőség.</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 egyértelműen a kellemes évszak kezdete. A nappali hőmérséklet 28-30°C között, míg éjszaka 19-22°C körül alakul.</p>



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



<p>A csapadék mennyisége továbbra is alacsony, 0-10 mm körüli értékre. Az esőzések ritkák és rövidek.</p>



<p>A páratartalom alacsony, 45-55% körülire. A tenger kellemes hőmérsékletű és ideális a vízi sportokhoz.</p>



<p>A novemberi látogatás kiváló választás, kellemes hőmérséklettel és minimális csapadékkal. Rétegzett öltözék ajánlott az éjszakai lehűlés miatt.</p>



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



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



<p>December az egyik legjobb hónap Marsa Alam meglátogatására. A nappali hőmérséklet 25-27°C között, míg éjszaka 15-18°C körül alakul.</p>



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



<p>A csapadék mennyisége minimális, 0-5 mm körüli értékre. Az esőzések nagyon ritkák.</p>



<p>A páratartalom alacsony, 45-50% körüli. A tenger kellemes és nyugodt, ideális feltételeket teremtve minden vízi tevékenységhez.</p>



<p>A decemberi látogatás kiváló választás, kellemes hőmérséklettel és stabil időjárással. Rétegzett ruházat ajánlott a hűvösebb esték miatt.</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">Marsa Alam 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: 25 },
{ honap5: "Február", homerseklet5: 27 },
{ honap5: "Március", homerseklet5: 29 },
{ honap5: "Április", homerseklet5: 31 },
{ honap5: "Május", homerseklet5: 34 },
{ honap5: "Június", homerseklet5: 36 },
{ honap5: "Július", homerseklet5: 37 },
{ honap5: "Augusztus", homerseklet5: 38 },
{ honap5: "Szeptember", homerseklet5: 35 },
{ honap5: "Október", homerseklet5: 32 },
{ honap5: "November", homerseklet5: 29 },
{ honap5: "December", homerseklet5: 26 }
    ];
    // 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">Marsa Alam 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: 19 },
{ honap: "Február", homerseklet: 21 },
{ honap: "Március", homerseklet: 22 },
{ honap: "Április", homerseklet: 26 },
{ honap: "Május", homerseklet: 29 },
{ honap: "Június", homerseklet: 32 },
{ honap: "Július", homerseklet: 33 },
{ honap: "Augusztus", homerseklet: 34 },
{ honap: "Szeptember", homerseklet: 32 },
{ honap: "Október", homerseklet: 28 },
{ honap: "November", homerseklet: 25 },
{ honap: "December", homerseklet: 21 }
    ];
    // 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">Marsa Alam á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: 2 },
{ honap: "Február", csapadek: 2 },
{ honap: "Március", csapadek: 5 },
{ honap: "Április", csapadek: 5 },
{ honap: "Május", csapadek: 2 },
{ honap: "Június", csapadek: 0 },
{ honap: "Július", csapadek: 0 },
{ honap: "Augusztus", csapadek: 0 },
{ honap: "Szeptember", csapadek: 2 },
{ honap: "Október", csapadek: 5 },
{ honap: "November", csapadek: 5 },
{ honap: "December", csapadek: 2 }
    ];
    // 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">Marsa Alam 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: 48 },
{ honap11: "Február", paratartalom11: 48 },
{ honap11: "Március", paratartalom11: 50 },
{ honap11: "Április", paratartalom11: 50 },
{ honap11: "Május", paratartalom11: 45 },
{ honap11: "Június", paratartalom11: 40 },
{ honap11: "Július", paratartalom11: 35 },
{ honap11: "Augusztus", paratartalom11: 40 },
{ honap11: "Szeptember", paratartalom11: 45 },
{ honap11: "Október", paratartalom11: 50 },
{ honap11: "November", paratartalom11: 50 },
{ honap11: "December", paratartalom11: 48 }
    ];
    // 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>Marsa Alam tenger vízhőmérséklete az év során kellemes, jelentős ingadozást mutat a szárazföldi hőmérséklethez képest. A Vörös-tenger kristálytiszta vize mindig fürdésre alkalmas.</p>



<p><strong>Január-február</strong>: A víz hőmérséklete 22-24°C között alakul. Ez még kellemes a fürdőzéshez, bár némileg hűvösebb, mint nyáron.</p>



<p><strong>Március-április</strong>: A víz hőmérséklete emelkedik, 24-26°C közötti értékeket érve el. Ebben az időszakban a tenger különösen kellemes.</p>



<p><strong>Május-június</strong>: A víz hőmérséklete tovább emelkedik, 26-28°C körül alakul. A meleg víz kellemes kontrasztot nyújt a forró levegőhöz képest.</p>



<p><strong>Július-augusztus</strong>: A tenger hőmérséklete eléri az évi maximumot, 28-30°C között mozog. A víz ilyenkor különösen meleg és kellemes.</p>



<p><strong>Szeptember-október</strong>: A tenger hőmérséklete lassan csökken, 26-28°C körül alakul. Továbbra is ideális a fürdőzéshez és a vízi sportokhoz.</p>



<p><strong>November-december</strong>: A víz hőmérséklete tovább csökken, 24-26°C között mozog. Még mindig kellemes a fürdőzéshez, különösen a meleg nappalok utá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-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: 23 },
{ honap: "Február", homerseklet: 23 },
{ honap: "Március", homerseklet: 25 },
{ honap: "Április", homerseklet: 25 },
{ honap: "Május", homerseklet: 27 },
{ honap: "Június", homerseklet: 27 },
{ honap: "Július", homerseklet: 29 },
{ honap: "Augusztus", homerseklet: 29 },
{ honap: "Szeptember", homerseklet: 27 },
{ honap: "Október", homerseklet: 27 },
{ honap: "November", homerseklet: 25 },
{ honap: "December", homerseklet: 25 }
    ];
    // 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 Marsa Alamban</strong></h2>



<p>Marsa Alam földrajzi elhelyezkedése miatt az UV sugárzás az év egészében rendkívül magas. A sivatagi klíma és a tiszta légkör miatt a napsugárzás intenzitása jóval erősebb, mint a mérsékelt éghajlati övben.</p>



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



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



<p><strong>Március-április</strong>: Az UV index emelkedik, 9-10 körüli értékeket mutatva, ami a &#8222;nagyon magas&#8221; kategóriába tartozik. A közvetlen napsugárzás már veszélyes lehet.</p>



<p><strong>Május-június</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 11-12 körül, ami az &#8222;extrém&#8221; kategóriába tartozik. A déli órákban különösen veszélyes a közvetlen napsugárzás.</p>



<p><strong>Július-augusztus</strong>: Az UV index továbbra is extrém magas, 11-12 körüli értékekkel. Ez az év legveszélyesebb időszaka UV szempontból.</p>



<p><strong>Szeptember-október</strong>: Az UV index lassan csökken, 9-10 körüli értékekre, de még mindig a &#8222;nagyon magas&#8221; kategóriába tartozik.</p>



<p><strong>November-december</strong>: Az UV index 7-9 közötti értékeket mutat, ami &#8222;magas&#8221; és &#8222;nagyon magas&#8221; kategóriába tartozik.</p>



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



<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 (10:00-15:00 között). A sivatagi környezet és a homok visszaverő hatása miatt fokozott óvatosság szükséges.</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 búvárkodás és snorkelezé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: 8 },
{ honap: "Február", uv: 8 },
{ honap: "Március", uv: 10 },
{ honap: "Április", uv: 10 },
{ honap: "Május", uv: 12 },
{ honap: "Június", uv: 12 },
{ honap: "Július", uv: 12 },
{ honap: "Augusztus", uv: 12 },
{ honap: "Szeptember", uv: 10 },
{ honap: "Október", uv: 9 },
{ honap: "November", uv: 9 },
{ honap: "December", uv: 8 }
    ];
    // 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>Mikor a legjobb Marsa Alamra utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Marsa Alam meglátogatására a száraz évszak, különösen <strong>november végétől április elejéig</strong>. Ebben az időszakban a hőmérséklet kellemes (22-30°C), minimális a csapadék, alacsony a páratartalom és maximális a napsütéses órák száma. A tenger kristálytiszta és nyugodt, ideális feltételeket biztosítva a búvárkodáshoz, snorkelezéshez és vízi sportokhoz. Ez az időszak természetesen a fő turistaszezon is, így magasabb árakra és több turistára kell számítani.</p>



<p>Október és május szintén jó választás lehet, amikor az időjárás még/már viszonylag kedvező, de a hőség még elviselhetőbb. Ebben az időszakban a turisták száma és az árak alacsonyabbak.</p>



<p>A forró évszak (június-szeptember) általában kevésbé ajánlott a magas hőmérséklet miatt, azonban a búvárkodás és a vízi sportok továbbra is kiválóak. Ebben az időszakban az árak jelentősen alacsonyabbak, és a turisták száma minimális. A száraz klíma miatt a hőség jobban elviselhető, mint párás trópusi területeken.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Marsa Alam &#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="average">

<td>Szeptember</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Október</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>November</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>December</td>

<td>Kiváló</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/25d0734d88/marsa-alam/" data-label_1="MARSA ALAM" data-theme="original" >MARSA ALAM</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>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Két másik népszerű egyiptomi nyaralóhely időjárása</strong></h2>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img fetchpriority="high" decoding="async" width="900" height="675" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz.jpg" alt="" class="wp-image-830 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-300x225.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-768x576.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-585x439.jpg 585w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/hurghada-idojarasa/">Hurghada időjárása</a></h2>
</div></div>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img decoding="async" width="900" height="572" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz.jpg" alt="" class="wp-image-831 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-300x191.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-768x488.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-585x372.jpg 585w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/sharm-el-sheikh-idojarasa/">Sharm el-Sheikh időjárása</a></h2>
</div></div>



<p></p>
<p>A <a href="https://mikorutazz.hu/marsa-alam-idojarasa/">Marsa Alam időjárása – milyen az idő az év egészében?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sharm el-Sheikh időjárása – milyen az idő az év egészében?</title>
		<link>https://mikorutazz.hu/sharm-el-sheikh-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 02 Jun 2025 09:01:49 +0000</pubDate>
				<category><![CDATA[Afrika]]></category>
		<category><![CDATA[Egyiptom]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=819</guid>

					<description><![CDATA[<p>Sharm el-Sheikh időjárása sivatagi éghajlat, ami száraz és forró klímát eredményez az év nagy részében. A Vörös-tenger közelsége és a Sínai-félsziget délnyugati partvidéke jelentősen befolyásolják a város éghajlatát. Évszakok Sharm&#8230;</p>
<p>A <a href="https://mikorutazz.hu/sharm-el-sheikh-idojarasa/">Sharm el-Sheikh időjárása – milyen az idő az év egészében?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Sharm el-Sheikh időjárása sivatagi éghajlat, ami száraz és forró klímát eredményez az év nagy részében.</strong></p>



<p>A Vörös-tenger közelsége és a Sínai-félsziget délnyugati partvidéke jelentősen befolyásolják 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>Sharm el-Sheikh-en két fő évszak különíthető el: kellemes téli évszak és forró nyári évszak.</p>



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



<h3 class="wp-block-heading"><strong>Kellemes évszak (november-április)</strong>:</h3>



<p>A kellemes évszak Sharm el-Sheikh legideálisabb időszaka, tiszta kék égbolttal, alacsony páratartalommal és kellemesen meleg hőmérséklettel. Az átlaghőmérséklet <strong>22-32°C</strong> között mozog. A csapadék mennyisége gyakorlatilag nulla és a levegő száraz.</p>



<p>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 és korallzátony-felfedezéshez.</p>



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



<h3 class="wp-block-heading"><strong>Forró évszak (május-október)</strong>:</h3>



<p>A forró évszak hosszú és intenzív, rendkívül magas hőmérséklettel és alacsony páratartalommal. Az átlaghőmérséklet <strong>30-38°C</strong> között alakul, de gyakran meghaladhatja a 40°C-ot is. A páratartalom alacsony marad, ami elviselhető hőérzetet biztosít. Az esőzések gyakorlatilag teljesen hiányoznak.</p>



<p>Ez az időszak turisztikailag még mindig népszerű, különösen a korallzátonyok és vízi sportok kedvelői körében, de a középső órákban árnyékban tartózkodás ajánlott.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Sharm el-Sheikh 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 Sharm el-Sheikh egyik legkellemesebb hónapja, a kellemes évszak közepén. A nappali hőmérséklet általában 22-23°C között mozog, míg éjszaka 13-14°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 mérsékelt, átlagosan napi 8 óra. A nappali világosság időtartama viszonylag rövid, mintegy 10,5 óra. A napkelte 6:30 körül, a napnyugta pedig 17:00 körül van.</p>



<p>A csapadék mennyisége minimális, átlagosan 3-4 mm körül mozog, és a havi csapadékos napok száma mindössze 0-1. Az esőzések, ha előfordulnak, általában rövid záporok formájában jelentkeznek.</p>



<p>Az égbolt többnyire tiszta, felhőmentes, ideális a napozáshoz és a strandoláshoz. A relatív páratartalom mérsékelt, 42-45% körüli, ami kellemes közérzetet biztosít. A tenger nyugodt, kitűnő feltételeket biztosítva az úszáshoz és a vízi sportokhoz.</p>



<p>Ha januárban utazol Sharm el-Sheikh-be, könnyű, szellős ruházat ajánlott nappalra, naptej, napszemüveg és kalap a nap elleni védelemhez. Az esti órákban jelentősen lehűlhet a levegő, így meleg ruházat is szükséges.</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óan kellemes, mint a január, továbbra is a kellemes évszak része. A nappali hőmérséklet 23-24°C közé emelkedhet, míg éjszaka 12-14°C között alakul. A hőmérséklet-ingadozás mérsékelt, ami stabil időjárási viszonyokat jelent.</p>



<p>A napsütéses órák száma növekszik, átlagosan napi 9 óra. A nappali világosság időtartama hosszabbodik, 11 óra körül. A napkelte és napnyugta időpontjai fokozatosan változnak.</p>



<p>A csapadék mennyisége továbbra is alacsony, átlagosan 2-3 mm, főként rövid, alkalmi záporok formájában. A csapadékos napok száma 0-1 között mozog.</p>



<p>A levegő tiszta, a páratartalom alacsony, 40-43% körüli. Az égbolt többnyire felhőtlen, kiváló látási viszonyokkal. A tenger továbbra is nyugodt és tiszta, ideális a vízi tevékenységekhez.</p>



<p>A februári látogatáshoz hasonló öltözék ajánlott, mint januárban: könnyű, szellős ruhák nappalra, meleg ruházat estére, megfelelő napvédelem.</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 még mindig a kellemes évszak része, fokozatosan melegedő időjárási viszonyokkal. A nappali hőmérséklet 25-26°C közé emelkedik, míg az éjszakák 15-16°C között alakulnak. A hőség fokozatosan erősödik.</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 12 órára növekszik. A napkelte és napnyugta időpontjai tovább változnak.</p>



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



<p>A páratartalom alacsony marad, 38-40% körülire, ami kellemes közérzetet biztosít. A tenger továbbra is nyugodt, ideális feltételeket teremtve minden vízi tevékenységhez.</p>



<p>A márciusi látogatáshoz könnyű, szellős ruházat ajánlott, fokozott napvédelem. Az estéli órákban még mindig szükséges lehet egy vékony pulóver.</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 kellemes évszak egyik legjobb hónapja, ideális időjárási viszonyokkal. A nappali hőmérséklet 29-30°C közé emelkedik, míg éjszaka 18-19°C körül alakul. Ez az egyik legkellemesebb időszak Sharm el-Sheikh-ben.</p>



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



<p>A csapadék mennyisége gyakorlatilag nulla, 0-1 mm körüli értékkel. Az esős napok száma 0 közötti, szinte soha nem fordul elő esőzés.</p>



<p>A páratartalom alacsony, 35-38% körüli, ami kellemes közérzetet biztosít. A tenger nyugodt és kristálytiszta, tökéletes feltételeket teremtve minden vízi sporthoz.</p>



<p>Az áprilisi látogatáshoz könnyű ruházat ajánlott, napvédelem és kényelmes cipők a kirándulásokhoz.</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 a forró évszak kezdete, jelentős melegedéssel. A nappali hőmérséklet 33-35°C közé emelkedhet, míg éjszaka 23-25°C körül alakul. Ez az egyik legmelegebb időszakok kezdete.</p>



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



<p>A csapadék mennyisége továbbra is nulla, 0 mm értékkel. Az esős napok száma 0, gyakorlatilag soha nem esik.</p>



<p>A páratartalom alacsony marad, 32-35% körüli, de a magas hőmérséklettel kombinálva már érezhető a hőség. A tenger még mindig nyugodt, de a napközben egyre melegebb.</p>



<p>A májusi látogatáshoz nagyon könnyű ruházat ajánlott, fokozott napvédelem, bőséges folyadékbevitel és a déli ó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>Június</strong></h3>



<p>Júniusban fokozódik a forróság, és kezdődik az igazi nyári időszak. A nappali hőmérséklet 36-37°C között alakul, míg éjszaka 26-27°C körül mozog.</p>



<p>A napsütéses órák száma eléri a maximumot, átlagosan napi 13 óra. A nappali világosság időtartama 13,5 óra körüli, ez az év leghosszabb napjai. A napkelte 5:15 körül, a napnyugta pedig 19:15 körül van.</p>



<p>A csapadék mennyisége továbbra is nulla, 0 mm értékkel. Júniusban soha nem esik.</p>



<p>A páratartalom a legalacsonyabb szinten, 30-32% körüli, de a rendkívül magas hőmérséklet miatt a hőérzet extrém lehet. A tenger meleg, de még kellemes a fürdéshez.</p>



<p>A júniusi látogatáshoz a lehető legkönnyebb ruházat ajánlott, maximális napvédelem, folyamatos hidratálás és a legmelegebb órákban beltéri programok tervezése.</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 az egyik legforróbb hónap, extrém hőmérsékletekkel. A nappali hőmérséklet 37-38°C között mozog, míg éjszaka 27-28°C körül alakul.</p>



<p>A napsütéses órák száma a maximumon, átlagosan napi 13-14 óra. A nappali világosság időtartama 13,5 óra körüli. A napkelte és napnyugta időpontjai hasonlóak júniushoz.</p>



<p>A csapadék mennyisége továbbra is nulla, 0 mm értékkel. Júliusban sem esik.</p>



<p>A páratartalom alacsony, 30-33% körüli, de a rendkívül magas hőmérséklet miatt a hőérzet akár 45°C fölé is emelkedhet. A tenger nagyon meleg, de még mindig frissítő lehet a forró levegőhöz képest.</p>



<p>A júliusi látogatás esetén elengedhetetlen a maximális napvédelem, folyamatos klimatizált környezet keresése a napközben, és csak a kora reggeli vagy késő esti órákban ajánlott a szabadban tartózkodni.</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, csúcshőmérsékletekkel. A nappali hőmérséklet 37-38°C között mozog, de gyakran meghaladhatja a 40°C-ot is, míg éjszaka 28°C körül alakul.</p>



<p>A napsütéses órák száma továbbra is maximális, átlagosan napi 13 óra. A nappali világosság időtartama 13 óra körüli. A napkelte és napnyugta időpontjai minimálisan változnak.</p>



<p>A csapadék mennyisége továbbra is nulla, 0 mm értékkel. Augusztusban sem fordul elő esőzés.</p>



<p>A páratartalom alacsony, 32-35% körüli, de a csúcshőmérséklet miatt a hőérzet rendkívül magas. A tenger nagyon meleg, 28-29°C körüli vízhőmérséklettel.</p>



<p>Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban: maximális napvédelem, klimatizált szállás, és kerülni kell a szabadtéri tevékenységeket a nappal folyamán.</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 nagyon forró, de már enyhén csökkenő hőmérsékletekkel. A nappali hőmérséklet 35-36°C között, az éjszakai pedig 26-27°C körül alakul.</p>



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



<p>A csapadék mennyisége továbbra is nulla, 0 mm értékkel. Szeptemberben sem esik.</p>



<p>A páratartalom alacsony, 35-38% körüli. A tenger még mindig nagyon meleg, ideális a vízi sportokhoz és búvárkodáshoz.</p>



<p>A szeptemberi látogatás még mindig nagyon forró, de már valamivel elviselhetőbb, mint a nyár csúcspontja. Továbbra is fokozott napvédelem és hidratálás szükséges.</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 a forró évszak vége, fokozatosan hűlő időjárással. A nappali hőmérséklet 31-33°C között, az éjszakai pedig 23-24°C körül alakul.</p>



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



<p>A csapadék mennyisége továbbra is minimális, 0-1 mm körüli értékkel. A csapadékos napok száma 0 között alakul.</p>



<p>A páratartalom kissé emelkedik, 40-43% körüli, de még mindig kellemes közérzetet biztosít. A tenger hőmérséklete kezd csökkenni, de még mindig kellemes a fürdéshez.</p>



<p>Az októberi látogatás már sokkal kellemesebb élményt nyújt, mint a nyári hónapok. Kiváló időszak a szabadtéri programokhoz és városnézéshez.</p>



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



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



<p>November a kellemes évszak kezdete, ideális időjárási viszonyokkal. A nappali hőmérséklet 27-28°C közé csökken, míg éjszaka 18-19°C körül alakul.</p>



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



<p>A csapadék mennyisége kissé növekszik, 2-3 mm körüli értékre. Az esőzések ritkák és rövidek. A csapadékos napok száma 0-1 közé alakul.</p>



<p>A páratartalom emelkedik, 45-46% körülire, ami még mindig kellemes közérzetet biztosít. A tenger kellemes hőmérsékletű, ideális feltételeket teremtve minden vízi tevékenységhez.</p>



<p>A novemberi látogatás az egyik legjobb választás, kellemes időjárással és kevesebb turistával. Ideális időszak a nyaraláshoz.</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 kellemes évszak része, kiváló időjárási viszonyokkal. A nappali hőmérséklet 23-24°C között, míg éjszaka 15-16°C körül alakul.</p>



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



<p>A csapadék mennyisége minimális, 1-2 mm körüli értékre. Az esőzések ritkák és rövidek. A csapadékos napok száma 0-1 közé csökken.</p>



<p>A páratartalom emelkedik, 45-46% körülire, ami kellemes közérzetet biztosít. A tenger hűvösebb, de még mindig kellemes a fürdéshez.</p>



<p>A decemberi látogatás kiváló választás, kellemes hőmérséklettel és stabil időjárással. Ideális időszak az aktív nyaraláshoz és városnézéshez.</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">Sharm el-Sheikh 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: 23 },
{ honap5: "Február", homerseklet5: 24 },
{ honap5: "Március", homerseklet5: 26 },
{ honap5: "Április", homerseklet5: 30 },
{ honap5: "Május", homerseklet5: 34 },
{ honap5: "Június", homerseklet5: 37 },
{ honap5: "Július", homerseklet5: 38 },
{ honap5: "Augusztus", homerseklet5: 38 },
{ honap5: "Szeptember", homerseklet5: 36 },
{ honap5: "Október", homerseklet5: 32 },
{ honap5: "November", homerseklet5: 28 },
{ honap5: "December", homerseklet5: 24 }
    ];
    // 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">Sharm el-Sheikh 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: 18 },
{ honap: "Február", homerseklet: 18 },
{ honap: "Március", homerseklet: 21 },
{ honap: "Április", homerseklet: 24 },
{ honap: "Május", homerseklet: 29 },
{ honap: "Június", homerseklet: 32 },
{ honap: "Július", homerseklet: 33 },
{ honap: "Augusztus", homerseklet: 33 },
{ honap: "Szeptember", homerseklet: 31 },
{ honap: "Október", homerseklet: 28 },
{ honap: "November", homerseklet: 23 },
{ honap: "December", homerseklet: 19 }
    ];
    // 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">Sharm el-Sheikh á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: 4 },
{ honap: "Február", csapadek: 2 },
{ honap: "Március", csapadek: 2 },
{ honap: "Április", csapadek: 0 },
{ honap: "Május", csapadek: 0 },
{ honap: "Június", csapadek: 0 },
{ honap: "Július", csapadek: 0 },
{ honap: "Augusztus", csapadek: 0 },
{ honap: "Szeptember", csapadek: 0 },
{ honap: "Október", csapadek: 1 },
{ honap: "November", csapadek: 3 },
{ honap: "December", csapadek: 2 }
    ];
    // 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">Sharm el-Sheikh 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>Tenger vízhőmérséklete</strong></h2>



<p>Sharm el-Sheikh tenger vízhőmérséklete az év során jelentős ingadozást mutat a Vörös-tenger északi részének földrajzi helyzete miatt. A víz hőmérséklete szezonálisan változik, de mindig kellemes marad a fürdőzé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 22-23°C között alakul. Ez a leghűvösebb időszak, de a víz még mindig kellemes a fürdéshez, különösen a forró napokon.</p>



<p><strong>Március-április</strong>: A víz hőmérséklete fokozatosan emelkedik, 23-25°C közötti értékeket érve el. Ebben az időszakban a tenger különösen kellemes és frissítő.</p>



<p><strong>Május-június</strong>: A víz hőmérséklete tovább emelkedik, 26-28°C körül. A tenger kellemes meleg, ideális minden vízi sporthoz.</p>



<p><strong>Július-augusztus</strong>: A nyári csúcspont időszakában a víz hőmérséklete eléri a maximumot, 28-29°C körül. A víz nagyon meleg, de még mindig frissítő a forró levegőhöz képest.</p>



<p><strong>Szeptember-október</strong>: A tenger hőmérséklete lassan csökken, 27-28°C körül alakul. Még mindig kiválóan alkalmas fürdéshez és vízi sportokhoz.</p>



<p><strong>November-december</strong>: A víz hőmérséklete tovább csökken, 24-25°C között mozog. A kellemes évszak kezdetén a víz még kellemes, bár már hűvösebb az év korábbi időszakaihoz képest.</p>



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



<p>A Vörös-tenger kristálytiszta vize és gazdag tengeri élővilága miatt Sharm el-Sheikh az egyik legjobb búvárkodási és snorkelezési célpont világszerte. A korallzátonyok egész évben látogathatók, a vízhőmérséklet mindig lehetővé teszi a vízi tevékenységeket.</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: 23 },
{ honap: "Február", homerseklet: 22 },
{ honap: "Március", homerseklet: 22 },
{ honap: "Április", homerseklet: 24 },
{ honap: "Május", homerseklet: 26 },
{ honap: "Június", homerseklet: 27 },
{ honap: "Július", homerseklet: 28 },
{ honap: "Augusztus", homerseklet: 29 },
{ honap: "Szeptember", homerseklet: 28 },
{ honap: "Október", homerseklet: 27 },
{ honap: "November", homerseklet: 25 },
{ honap: "December", homerseklet: 24 }
    ];
    // 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 Sharm el-Sheikh-ben</strong></h2>



<p>Sharm el-Sheikh 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 viszonylag közel a napsugárzás intenzitása jóval erősebb, mint a mérsékelt éghajlati övben.</p>



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



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



<p><strong>Március-április</strong>: Az UV index emelkedik, 8-11 körül alakul, ami a &#8222;nagyon magas&#8221; vagy &#8222;extrém&#8221; kategóriába tartozik. A tavaszi hónapokban különösen veszélyes a közvetlen napsugárzás.</p>



<p><strong>Május-augusztus</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 11-12 körül, ami a legmagasabb, &#8222;extrém&#8221; kategóriába tartozik. A nyári hónapokban rendkívül veszélyes a közvetlen napsugárzás.</p>



<p><strong>Szeptember-október</strong>: Az UV index kissé csökken, 8-10 körüli értékekre, de még mindig a &#8222;nagyon magas&#8221; kategóriába tartozik.</p>



<p><strong>November-december</strong>: Az UV index visszatér a 6-8 körüli értékekre, de még mindig a &#8222;magas&#8221; kategóriába tartozik.</p>



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



<p>Az egész évben magas UV sugárzás miatt 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 sivatagi környezet és a homok szintén fokozza a visszavert UV sugárzást.</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: 6 },
{ honap: "Február", uv: 7 },
{ honap: "Március", uv: 8 },
{ honap: "Április", uv: 10 },
{ honap: "Május", uv: 11 },
{ honap: "Június", uv: 12 },
{ honap: "Július", uv: 12 },
{ honap: "Augusztus", uv: 11 },
{ honap: "Szeptember", uv: 9 },
{ honap: "Október", uv: 8 },
{ 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>Alkalmanként előfordulhatnak homokviharak, különösen a forró évszakban, amelyek átmenetileg befolyásolhatják a látási viszonyokat.</p>



<p>A nyári hónapokban extrém hőség fordulhat elő, amikor a hőmérséklet 40°C fölé emelkedhet. Ez 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 napközben klimatizált helyeken tartózkodás.</p>



<p>Ritkán, de előfordulhatnak erős szélviharok, különösen télen, amelyek a tengeri tevékenységeket befolyásolhatják. A Vörös-tenger általában nyugodt, de alkalmanként erősebb hullámzás is előfordulhat.</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 Sharm el-Sheikh-be utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Sharm el-Sheikh meglátogatására a kellemes évszak, különösen <strong>november elejétől április végéig</strong>. Ebben az időszakban a hőmérséklet kellemes (22-32°C), minimális a csapadék, alacsony a páratartalom és optimális a napsütéses órák száma. A tenger vízhőmérséklete kellemes, ideális feltételeket biztosítva a búvárkodáshoz, snorkelezéshez és egyéb vízi sportokhoz. Ez az időszak természetesen a fő turistaszezon is, így magasabb árakra és több turistára kell számítani.</p>



<p>Október és május szintén jó választás lehet azok számára, akik elviselhetik a melegebb időjárást, de szeretnék elkerülni a csúcsszezon árakat és tömeget. Ebben az időszakban már/még forró az idő, de a vízi tevékenységek még kellemes körülmények között végezhetők.</p>



<p>A forró évszak (június-szeptember) a tapasztalt, meleghez szokott utazók számára is kihívást jelenthet, különösen a július-augusztus időszak, amikor a hőmérséklet rendszeresen meghaladja a 37°C-ot. Azonban a búvárok és vízi sportok szerelmesei számára ez is lehet jó választás, mivel a tenger vízhőmérséklete ilyenkor a legmagasabb, és a víz alatti látási viszonyok kiválóak.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Sharm el-Sheikh &#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="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="excellent">

<td>December</td>

<td>Kiváló</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/27d9334d34/sharm-al-shiekh/" data-label_1="SHARM AL SHIEKH" data-theme="original" >SHARM AL SHIEKH</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>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Két másik népszerű egyiptomi nyaralóhely időjárása</strong></h2>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img fetchpriority="high" decoding="async" width="900" height="675" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz.jpg" alt="" class="wp-image-830 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-300x225.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-768x576.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-hurghada-idojarasa-poszthoz-585x439.jpg 585w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/hurghada-idojarasa/">Hurghada időjárása</a></h2>
</div></div>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img decoding="async" width="900" height="600" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz.jpg" alt="" class="wp-image-832 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-300x200.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-768x512.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-585x390.jpg 585w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-263x175.jpg 263w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/marsa-alam-idojarasa/">Marsa Alam időjárása</a></h2>
</div></div>
<p>A <a href="https://mikorutazz.hu/sharm-el-sheikh-idojarasa/">Sharm el-Sheikh időjárása – milyen az idő az év egészében?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hurghada időjárása – milyen az idő az év egészében?</title>
		<link>https://mikorutazz.hu/hurghada-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 02 Jun 2025 07:57:01 +0000</pubDate>
				<category><![CDATA[Afrika]]></category>
		<category><![CDATA[Egyiptom]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=815</guid>

					<description><![CDATA[<p>Hurghada időjárása forró sivatagi klíma, amely extrém száraz és csekély csapadékú időjárást eredményez az év nagy részében. A Vörös-tenger partvidéke és Egyiptom északkeleti részének földrajzi adottságai jelentősen befolyásolják a város&#8230;</p>
<p>A <a href="https://mikorutazz.hu/hurghada-idojarasa/">Hurghada időjárása – milyen az idő az év egészében?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Hurghada időjárása forró sivatagi klíma, amely extrém száraz és csekély csapadékú időjárást eredményez az év nagy részében.</strong></p>



<p>A Vörös-tenger partvidéke és Egyiptom északkeleti részének földrajzi adottságai jelentősen befolyásolják 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>Hurghadán három fő évszak különíthető el: enyhe és száraz tél, forró és meleg átmeneti időszak, valamint szuper forró nyár.</p>



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



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



<p>A téli időszak Hurghada legkellemesebb évszaka, tiszta égbolttal, alacsony csapadékkal és kellemes hőmérséklettel. Az átlaghőmérséklet <strong>21-24°C</strong> között mozog nappal, éjszaka <strong>11-15°C</strong>-ra hűl. A csapadék mennyisége minimális, gyakorlatilag nulla. Az időjárás ideális a strandoláshoz, városnézéshez és egyéb szabadtéri tevékenységekhez. A tenger nyugodt, kiváló feltételeket biztosítva a vízi sportokhoz és búvárkodáshoz.</p>



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



<h3 class="wp-block-heading"><strong>Meleg átmeneti évszak (április-május)</strong>:</h3>



<p>Ez az időszak átmenetet képez a kellemes téli és a perzselő nyári hónapok között, emelkedő hőmérséklettel. Az átlaghőmérséklet <strong>27-33°C</strong> között alakul nappal, éjszaka <strong>18-22°C</strong> körül van. A páratartalom még kezelhető szinten marad. A csapadék továbbra is minimális. Ez az időszak kiváló a túrázáshoz és aktív szabadtéri programokhoz, bár a délutáni órákban már érezhető a növekvő hőség.</p>



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



<h3 class="wp-block-heading"><strong>Forró nyári évszak (június-november)</strong>:</h3>



<p>A nyári időszak extrém meleggel és nagyon alacsony páratartalommal jellemezhető. Az átlaghőmérséklet <strong>33-36°C</strong> között mozog nappal, éjszaka <strong>24-28°C</strong> körül alakul. A csapadék gyakorlatilag nulla, ritkán előfordulhat alkalmi zápor. A hőség intenzív, de a száraz levegő miatt elviselhetőbb, mint a párás trópusi klímában. A tenger továbbra is alkalmas fürdésre, vízi sportokra.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Hurghada 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 Hurghada egyik legkellemesebb hónapja, a száraz évszak kellős közepén. A nappali hőmérséklet általában 21-22°C között mozog, míg éjszaka 11-12°C-ra hűl le, ami friss, de kellemes alvási körülményeket biztosít.</p>



<p>A napsütéses órák száma magas, átlagosan napi 9 óra. A nappali világosság időtartama 10,5 óra körül van. 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 gyakorlatilag nulla, átlagosan 0-1 mm körül mozog, és a havi csapadékos napok száma rendkívül alacsony. Az esőzések ritkán fordulnak elő.</p>



<p>Az égbolt tiszta, szinte felhőmentes, ideális a napozáshoz és a strandoláshoz. A relatív páratartalom mérsékelt, 50% körüli, ami kellemes komfortérzetet biztosít. A tenger nyugodt, kitűnő feltételeket biztosítva az úszáshoz és a vízi sportokhoz.</p>



<p>Ha januárban utazol Hurghadába, könnyű, de rétegezett ruházat ajánlott a nappali melegre és az éjszakai lehűlésre. Naptej, napszemüveg és kalap elengedhetetlen a nap elleni védelemhez. Az esti órákban lehűlhet a levegő, így egy kardigán vagy könnyű kabát 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 hasonlóan kellemes, mint a január, továbbra is a száraz évszak része. A nappali hőmérséklet 22-23°C közé emelkedik, míg éjszaka 11-13°C között alakul. A hőmérséklet-ingadozás kisebb lesz a hónap folyamán.</p>



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



<p>A csapadék mennyisége továbbra is elhanyagolható, átlagosan 0-1 mm. A csapadékos napok száma gyakorlatilag nulla.</p>



<p>A levegő tiszta, a páratartalom mérsékelt, 45-50% körüli. Az égbolt többnyire felhőtlen, kiváló látási viszonyokkal. A tenger továbbra is nyugodt és tiszta, ideális a vízi tevékenységekhez.</p>



<p>A februári látogatáshoz hasonló öltözék ajánlott, mint januárban: könnyű, rétegezett ruhák, megfelelő napvédelem. A növekvő napsütés miatt fokozott figyelmet kell fordítani az UV-védelemre.</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 még mindig a kellemes évszak része, de már érezhető a fokozatos melegedés. A nappali hőmérséklet 24-26°C közé emelkedik, míg az éjszakák 13-15°C között alakulnak. A tavaszi átmenet kezdete.</p>



<p>A napsütéses órák száma tovább növekszik, átlagosan napi 10-11 óra. A nappali világosság időtartama 12 óra körül van. A napkelte és napnyugta időpontjai folyamatosan változnak.</p>



<p>A csapadék mennyisége továbbra is minimális, 0-1 mm körüli értékkel. Az esős napok száma elhanyagolható.</p>



<p>A páratartalom alacsony marad, 45% körüli, ami kellemes közérzetet biztosít. A tenger továbbra is nyugodt, bár a délutáni szellők időnként erősödhetnek.</p>



<p>A márciusi látogatáshoz könnyű, szellős ruházat ajánlott fokozott napvédelemmel. A növekvő UV-sugárzás miatt fontos a megfelelő védelem és a déli órákban az árnyékban tartózkodás.</p>



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



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



<p>Április az átmeneti időszak kezdete, kellemes, de már melegebb időjárással. A nappali hőmérséklet 27-29°C közé emelkedik, míg éjszaka 16-18°C körül alakul. Ez még mindig kiváló időszak a látogatásra.</p>



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



<p>A csapadék mennyisége továbbra is elhanyagolható, 0-1 mm körüli értékkel. Az esős napok száma minimális.</p>



<p>A páratartalom alacsony, 43% körüli, ami még kellemes hőérzetet biztosít. A tenger nyugodt és meleg, ideális feltételeket teremtve minden vízi tevékenységhez.</p>



<p>Az áprilisi látogatáshoz könnyű, légáteresztő ruházat ajánlott, bőséges folyadékbevitel és fokozott UV-védelem. A programokat érdemes a korai reggeli vagy késő délutáni órákra időzíteni.</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 a melegebb időszak kezdete, de még elviselhető hőmérsékletekkel. A nappali maximum 32-34°C közé emelkedhet, míg éjszaka 20-22°C körül alakul. A nyár előszele.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan napi 12-13 óra. A nappali világosság időtartama 13 óra körüli. A napkelte és napnyugta időpontjai tovább változnak.</p>



<p>A csapadék mennyisége minimális marad, 0-1 mm körüli értékkel. Az esőzések rendkívül ritkák.</p>



<p>A páratartalom alacsony, 42% körüli, de a magasabb hőmérséklet miatt a hőérzet fokozódik. A tenger kellemes és meleg, kiváló fürdési feltételekkel.</p>



<p>A májusi látogatáshoz a lehető legkönnyebb ruházat ajánlott, gyakori folyadékpótlás és fokozott napvédelem. Javasolt a programokat a kora reggeli vagy késő délutáni ó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 igazi forró évszak, jelentős hőséggel. A nappali hőmérséklet 34-36°C közé emelkedhet, míg éjszaka 24-26°C körül alakul. Ez már a nyári forróság kezdete.</p>



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



<p>A csapadék mennyisége továbbra is minimális, 0 mm körüli értékkel. Az esőzések gyakorlatilag nem fordulnak elő.</p>



<p>A páratartalom a legalacsonyabb, 41% körüli, de a magas hőmérséklet miatt a hőérzet jelentős. A tenger meleg, de a déli órákban a hőség intenzív lehet.</p>



<p>A júniusi látogatáshoz könnyű, UV-szűrős ruházat ajánlott, vízálló napvédő krém és gyakori árnyékban tartózkodás. A déli órákban (11-16 óra között) érdemes beltéri programokat tervezni.</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 az egyik legforróbb hónap, perzselő hőséggel. A nappali hőmérséklet 35-37°C között mozog, míg éjszaka 25-27°C körül alakul.</p>



<p>A napsütéses órák száma továbbra is nagyon magas, átlagosan napi 13 óra. A nappali világosság időtartama 13,5 óra körüli. A napkelte 5:10 körül, a napnyugta pedig 19:40 körül van.</p>



<p>A csapadék mennyisége nulla, teljesen száraz időjárás. Az esőzések nem fordulnak elő.</p>



<p>A páratartalom alacsony, 42% körüli, de a extrém hőmérséklet miatt a hőérzet nagyon magas lehet. A tenger továbbra is alkalmas fürdésre, sőt hűsítő hatású.</p>



<p>A júliusi látogatás esetén elengedhetetlen a megfelelő hőségvédelem, árnyékos helyek keresése és a déli órák elkerülése. Bőséges folyadékbevitel és elektrolit-pótlás szükséges.</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 az év legforróbb hónapja. A nappali hőmérséklet 36-37°C között mozog, éjszaka 26-28°C körül alakul.</p>



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



<p>A csapadék mennyisége nulla. Teljesen száraz, esőmentes időjárás.</p>



<p>A páratartalom alacsony marad, 42% körüli, de az extrém hőség miatt különös óvatosság szükséges. A tenger a legmelegebb, ideális hűsölésre.</p>



<p>Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban: extrém hőségvédelem, kerülni kell a déli órákat, gyakori folyadékpótlás és árnyékos helyek keresése.</p>



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



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



<p>Szeptember továbbra is nagyon forró, de már érezhető az enyhe csökkenés. A nappali hőmérséklet 34-36°C között, az éjszakai pedig 24-26°C körül alakul.</p>



<p>A napsütéses órák száma még mindig magas, átlagosan napi 11-12 ó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:00 körül történik.</p>



<p>A csapadék mennyisége továbbra is nulla. Száraz időjárás jellemző.</p>



<p>A páratartalom alacsony, 45% körüli. A tenger még mindig nagyon meleg, kiváló fürdési feltételekkel.</p>



<p>A szeptemberi látogatás esetén továbbra is szükséges a hőségvédelem, de már valamivel elviselhetőbb a hőség, mint az előző hónapokban.</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 az enyhülés kezdete, bár még mindig meleg időjárással. A nappali hőmérséklet 30-32°C között, az éjszakai pedig 22-24°C körül alakul.</p>



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



<p>A csapadék mennyisége minimálisan emelkedik, 1-2 mm körüli értékkel, de még mindig elhanyagolható. Alkalmanként előfordulhat egy-egy rövid zápor.</p>



<p>A páratartalom a legmagasabb az évben, 53% körüli, de a csökkenő hőmérséklet miatt a komfortérzet javul. A tenger még mindig kellemes meleg.</p>



<p>Az októberi látogatáshoz már könnyebb ruházat és kevesebb hőségvédelem szükséges. Ez az egyik legjobb időszak a látogatásra.</p>



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



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



<p>November a kellemes évszak visszatérése, ideális időjárási viszonyokkal. A nappali hőmérséklet 26-28°C közé csökken, míg éjszaka 18-20°C körül alakul.</p>



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



<p>A csapadék mennyisége emelkedik, 2 mm körüli értékre, de még mindig minimális. Az esőzések ritkák és rövidek.</p>



<p>A páratartalom magasabb, 50% körüli, de a kellemes hőmérséklet miatt ez nem okoz kellemetlenséget. A tenger kellemes meleg, ideális fürdési feltételekkel.</p>



<p>A novemberi látogatás kiváló választás, kellemes ruházattal és mérsékelt napvédelemmel. Az időjárás stabil és komfortos.</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 kellemes évszak része, ideális időjárási viszonyokkal. A nappali hőmérséklet 21-23°C között, míg éjszaka 11-13°C körül alakul.</p>



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



<p>A csapadék mennyisége minimálisra csökken, 1 mm körüli értékre. Az esőzések ritkák.</p>



<p>A páratartalom mérsékelt, 48% körüli, ami kellemes közérzetet biztosít. A tenger még kellemes, bár hűvösebb, mint nyáron.</p>



<p>A decemberi látogatás kiváló választás, könnyű, de rétegezett ruházattal és mérsékelt napvédelemmel. Az időjárás stabil és kellemes.</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">Hurghada 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: 22 },
{ honap5: "Február", homerseklet5: 24 },
{ honap5: "Március", homerseklet5: 26 },
{ honap5: "Április", homerseklet5: 30 },
{ honap5: "Május", homerseklet5: 34 },
{ honap5: "Június", homerseklet5: 36 },
{ honap5: "Július", homerseklet5: 37 },
{ honap5: "Augusztus", homerseklet5: 38 },
{ honap5: "Szeptember", homerseklet5: 35 },
{ honap5: "Október", homerseklet5: 32 },
{ honap5: "November", homerseklet5: 28 },
{ honap5: "December", homerseklet5: 24 }
    ];
    // 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">Hurghada 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: 17 },
{ honap: "Február", homerseklet: 18 },
{ honap: "Március", homerseklet: 21 },
{ honap: "Április", homerseklet: 24 },
{ honap: "Május", homerseklet: 28 },
{ honap: "Június", homerseklet: 31 },
{ honap: "Július", homerseklet: 33 },
{ honap: "Augusztus", homerseklet: 33 },
{ honap: "Szeptember", homerseklet: 31 },
{ honap: "Október", homerseklet: 27 },
{ honap: "November", homerseklet: 23 },
{ honap: "December", homerseklet: 19 }
    ];
    // 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">Hurghada á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: 2 },
{ honap: "Február", csapadek: 0 },
{ honap: "Március", csapadek: 6 },
{ honap: "Április", csapadek: 0 },
{ honap: "Május", csapadek: 5 },
{ honap: "Június", csapadek: 0 },
{ honap: "Július", csapadek: 0 },
{ honap: "Augusztus", csapadek: 1 },
{ honap: "Szeptember", csapadek: 3 },
{ honap: "Október", csapadek: 5 },
{ honap: "November", csapadek: 0 },
{ honap: "December", csapadek: 6 }
    ];
    // 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">Hurghada 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: 48 },
{ honap11: "Február", paratartalom11: 44 },
{ honap11: "Március", paratartalom11: 42 },
{ honap11: "Április", paratartalom11: 36 },
{ honap11: "Május", paratartalom11: 33 },
{ honap11: "Június", paratartalom11: 32 },
{ honap11: "Július", paratartalom11: 34 },
{ honap11: "Augusztus", paratartalom11: 36 },
{ honap11: "Szeptember", paratartalom11: 40 },
{ honap11: "Október", paratartalom11: 47 },
{ honap11: "November", paratartalom11: 50 },
{ honap11: "December", paratartalom11: 50 }
    ];
    // 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>Hurghada tenger vízhőmérséklete az év során mérsékelt ingadozást mutat. A Vörös-tenger földrajzi adottságai miatt a víz mindig kellemes, fürdésre alkalmas hőmérsékletű marad.</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 22-23°C között alakul. Ez frissítő, de még kellemes hőmérséklet a fürdőzéshez, különösen a meleg nappali órákban.</p>



<p><strong>Március-május</strong>: A víz hőmérséklete fokozatosan emelkedik, 23-26°C közötti értékeket érve el. Ebben az időszakban a tenger kellemes és komfortos.</p>



<p><strong>Június-augusztus</strong>: A víz hőmérséklete eléri az évi maximumot, 27-29°C körül alakul. A nyári hónapokban a tenger kifejezetten meleg és ideális a hosszabb fürdőzéshez. Augusztus a legmelegebb, 29°C körüli vízhőmérséklettel.</p>



<p><strong>Szeptember-október</strong>: A tenger hőmérséklete fokozatosan csökken, 26-28°C körül alakul. Még mindig nagyon kellemes fürdési feltételek, a szárazföldi hőség enyhülésekor különösen élvezetes.</p>



<p><strong>November-december</strong>: A víz hőmérséklete 23-25°C között mozog. Novemberben még kellemes meleg, decemberben már frissebb, de még mindig alkalmas fürdésre, különösen a napos órákban.</p>



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



<p>A Vörös-tenger partjainál az árapály kisebb ingadozást mutat, mint más tengerekben. A víz általában tiszta és nyugodt, ideális feltételeket teremtve a búvárkodáshoz, snorkelezéshez és minden vízi sporthoz. A part menti korallzátonyok és a gazdag tengeri élővilág egész évben látogatható.</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: 22 },
{ honap: "Február", homerseklet: 21 },
{ honap: "Március", homerseklet: 21 },
{ honap: "Április", homerseklet: 22 },
{ honap: "Május", homerseklet: 24 },
{ honap: "Június", homerseklet: 26 },
{ honap: "Július", homerseklet: 27 },
{ honap: "Augusztus", homerseklet: 28 },
{ honap: "Szeptember", homerseklet: 27 },
{ honap: "Október", homerseklet: 26 },
{ honap: "November", homerseklet: 25 },
{ honap: "December", homerseklet: 23 }
    ];
    // 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 Hurghadán</strong></h2>



<p>Hurghada földrajzi elhelyezkedése miatt az UV sugárzás az év egészében rendkívül magas. A sivatagi éghajlat és a magas napsütéses óraszám következtében a napsugárzás intenzitása jóval erősebb, mint a mérsékelt éghajlati övben.</p>



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



<p><strong>Január-február</strong>: Az UV index 8-9 között mozog, ami &#8222;nagyon magas&#8221; kategóriának számít. A napsugárzás legintenzívebb 10:00 és 15:00 óra között, de még télen is szükséges a napvédelem.</p>



<p><strong>Március-május</strong>: Ez az időszak mutatja az erősen növekvő UV értékeket, 10-11 körül, ami már az &#8222;extrém&#8221; kategóriába tartozik. Áprilisban eléri a 11-et, májusban pedig a 12-t. 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 eléri az évi maximumot, 12 körüli értékekkel, ami a legmagasabb &#8222;extrém&#8221; kategóriába tartozik. Júniusban és júliusban is 12, augusztusban szintén. Ez azt jelenti, hogy akár 10 perc közvetlen napsugárzás is súlyos leégést okozhat.</p>



<p><strong>Szeptember-október</strong>: Az UV index még mindig nagyon magas, 10-11 körüli értékekkel, továbbra is az &#8222;extrém&#8221; kategóriában. Szeptemberben 11, októberben 10. Folyamatos napvédelem szükséges.</p>



<p><strong>November-december</strong>: Az UV index valamelyest csökken, 8-9 körüli értékekre, de még mindig a &#8222;nagyon magas&#8221; kategóriába tartozik. Novemberben 9, decemberben 8. Még a &#8222;hűvösebb&#8221; hónapokban is jelentős UV-védelemre van szükség.</p>



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



<p>Az extrém magas 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 (2-3 óránkénti) használata, széles karimájú kalap, polarizált napszemüveg viselése, és a közvetlen napfény kerülése a legintenzívebb órákban (10:00-16:00 között).</p>



<p>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. A sivatagi környezet és a homok visszaverő hatása miatt még árnyékban tartózkodva is jelentős UV-sugárzás éri a bőrt.</p>



<p>A víz és a fehér homok 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 erősen ajánlott, különösen hosszabb vízparti tartózkodás eseté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: 8 },
{ honap: "Február", uv: 9 },
{ honap: "Március", uv: 10 },
{ honap: "Április", uv: 11 },
{ honap: "Május", uv: 12 },
{ honap: "Június", uv: 12 },
{ honap: "Július", uv: 12 },
{ honap: "Augusztus", uv: 12 },
{ honap: "Szeptember", uv: 11 },
{ honap: "Október", uv: 10 },
{ honap: "November", uv: 9 },
{ honap: "December", uv: 8 }
    ];
    // Méretek és margók beállítása
    const margin4 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width4 = 800 - margin4.left - margin4.right;
    const height4 = 400 - margin4.top - margin4.bottom;
    // SVG elem létrehozása
    const svg4 = d3.select("#chart4")
      .append("svg")
      .attr("width", width4 + margin4.left + margin4.right)
      .attr("height", height4 + margin4.top + margin4.bottom)
      .append("g")
      .attr("transform", `translate(${margin4.left},${margin4.top})`);
    // Tooltip létrehozása
    const tooltip4 = d3.select("body").append("div")
      .attr("class", "tooltip4");
    // Skálák beállítása
    const x4 = d3.scaleBand()
      .domain(data4.map(d => d.honap))
      .range([0, width4])
      .padding(0.2);
    const y4 = d3.scaleLinear()
      .domain([0, d3.max(data4, d => d.uv) + 0])
      .nice()
      .range([height4, 0]);
    // X tengely rajzolása
    svg4.append("g")
      .attr("class", "axis4")
      .attr("transform", `translate(0,${height4})`)
      .call(d3.axisBottom(x4))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis4 = svg4.append("g")
      .attr("class", "axis4")
      .call(d3.axisLeft(y4).tickSize(-width4).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis4.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis4.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg4.append("text")
      .attr("class", "axis-label4")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin4.left + 15)
      .attr("x", -height4 / 2)
      .attr("text-anchor", "middle")
      .text("UV index értéke");
    // Oszlopok rajzolása
    svg4.selectAll(".bar4")
      .data(data4)
      .enter()
      .append("rect")
      .attr("class", "bar4")
      .attr("x", d => x4(d.honap))
      .attr("width", x4.bandwidth())
      .attr("y", d => y4(d.uv))
      .attr("height", d => height4 - y4(d.uv))
      .on("mouseover", (event, d) => {
        tooltip4.style("opacity", 1)
          .html(`${d.honap}: ${d.uv}`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip4.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer4');
      const slider = document.getElementById('chartSlider4');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>



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



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



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



<p>A nyári hónapokban (június-szeptember) előfordulhatnak homokviharok, amelyek erős széllel és rossz látási viszonyokkal járnak. Ezek általában rövid ideig tartanak, de jelentősen befolyásolhatják a kültéri tevékenységeket és a légi közlekedést.</p>



<p>Ritkán, de előfordulhatnak hirtelen záporok, különösen október-november időszakában, amelyek rövid, de intenzív esőzést hozhatnak. Ezek gyakran villámgyors áradásokat okozhatnak a sivatagi területeken.</p>



<p>A nyári hónapokban extrém hőség fordulhat elő, amikor a hőmérséklet 40°C fölé emelkedhet. Bár a száraz levegő miatt ez elviselhetőbb, mint a párás klímákban, hőkimerülést vagy hőgutát okozhat, különösen a nem akklimatizálódott turistáknál.</p>



<p>A téli hónapokban alkalmanként előfordulhatnak szokatlanul hűvös éjszakák, amikor a hőmérséklet 8-10°C-ra is leeshet, ami a sivatagi klíma jellegzetessége.</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 Hurghadába utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Hurghada meglátogatására az enyhe évszak, különösen <strong>október végétől április elejéig</strong>. Ebben az időszakban a hőmérséklet kellemes (21-32°C), minimális a csapadék, alacsonyabb a páratartalom és optimális a napsütéses órák száma. A tenger kellemes meleg és nyugodt, ideális feltételeket biztosítva a fürdőzéshez, búvárkodáshoz és minden vízi sporhoz. Ez az időszak természetesen a fő turistaszezon is, így magasabb árakra és több turistára kell számítani.</p>



<p>Április-május, valamint október-november különösen kiváló választás, amikor az időjárás ideális, de a turisták száma és az árak valamivel kedvezőbbek. Ezekben az időszakokban a hőmérséklet tökéletes egyensúlyt mutat a komfort és a meleg között.</p>



<p>A forró nyári évszak (június-szeptember) kevésbé ajánlott az átlagos turisták számára a perzselő hőség miatt, azonban a hőségre felkészült látogatók számára kiváló lehet az alacsonyabb árak és a kevesebb turista miatt. Ebben az időszakban különösen fontos a megfelelő hőségvédelem és a déli órák elkerülése.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hurghada &#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="excellent">
<td>Október</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>November</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>December</td>
<td>Kiváló</td>
</tr>
</tbody>
</table></div>
</body>
</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/27d2633d81/hurghada/" data-label_1="HURGHADA" data-theme="original" >HURGHADA</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>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Két másik népszerű egyiptomi nyaralóhely időjárása</strong></h2>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img decoding="async" width="900" height="572" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz.jpg" alt="" class="wp-image-831 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-300x191.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-768x488.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-sharm-el-sheikh-idojarasa-poszthoz-585x372.jpg 585w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/sharm-el-sheikh-idojarasa/">Sharm el-Sheikh időjárása</a></h2>
</div></div>



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



<div class="wp-block-media-text is-stacked-on-mobile has-background" style="background-color:#ffe5ff"><figure class="wp-block-media-text__media"><img decoding="async" width="900" height="600" src="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz.jpg" alt="" class="wp-image-832 size-full" srcset="https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz.jpg 900w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-300x200.jpg 300w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-768x512.jpg 768w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-585x390.jpg 585w, https://mikorutazz.hu/wp-content/uploads/2025/06/mikorutazz-marsa-alam-idojarasa-poszthoz-263x175.jpg 263w" sizes="(max-width: 900px) 100vw, 900px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-left"><a href="https://mikorutazz.hu/marsa-alam-idojarasa/">Marsa Alam időjárása</a></h2>
</div></div>
<p>A <a href="https://mikorutazz.hu/hurghada-idojarasa/">Hurghada időjárása – milyen az idő az év egészében?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
