<?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>Olaszország Archívum - Mikor utazz?</title>
	<atom:link href="https://mikorutazz.hu/category/europa/olaszorszag/feed/" rel="self" type="application/rss+xml" />
	<link>https://mikorutazz.hu/category/europa/olaszorszag/</link>
	<description>Népszerű helyek időjárása</description>
	<lastBuildDate>Thu, 02 Oct 2025 14:38:40 +0000</lastBuildDate>
	<language>hu</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://mikorutazz.hu/wp-content/uploads/2025/03/logo-512.jpg</url>
	<title>Olaszország Archívum - Mikor utazz?</title>
	<link>https://mikorutazz.hu/category/europa/olaszorszag/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Firenze időjárása – mikor a legjobb Toszkánába utazni?</title>
		<link>https://mikorutazz.hu/firenze-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Thu, 02 Oct 2025 14:37:25 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1389</guid>

					<description><![CDATA[<p>Firenze egy igazi kulturális kincsestár. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Firenze időjárását a mérsékelt mediterrán éghajlat határozza meg, ami forró, száraz nyarakat és enyhén&#8230;</p>
<p>A <a href="https://mikorutazz.hu/firenze-idojarasa/">Firenze időjárása – mikor a legjobb Toszkáná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 class="wp-block-paragraph"><strong>Firenze egy igazi kulturális kincsestár. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Firenze időjárását a mérsékelt mediterrán éghajlat határozza meg, ami forró, száraz nyarakat és enyhén hűvös, esős teleket eredményez. A toszkánai medencében elhelyezkedő város az Arno folyó mentén fekszik, ami jelentős hatással van helyi klímájára. A várostól 79 kilométerre található a Földközi-tenger, amely mérsékli a hőmérsékleti szélsőségeket, de a völgyben való elhelyezkedés miatt a nyarak melegebbek, a telek pedig hűvösebbek lehetnek, mint a parti területeken.</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 class="wp-block-paragraph">Firenze négy jól elkülöníthető évszakkal rendelkezik, bár a nyár és a tél között a legnagyobb a kontraszt. A tavasz és az ősz átmeneti időszakok, de mindkettő kellemes lehet a látogatók számára.</p>



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



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



<p class="wp-block-paragraph">A tavasz fokozatos felmelegedéssel és változékony időjárással jellemzett. Az átlaghőmérséklet <strong>11-18°C</strong> között mozog. Március még instabil lehet hideg és meleg napokkal váltakozva, de áprilistól fokozatosan stabilizálódik az időjárás. A tavaszi hónapokban a csapadék mennyisége mérsékelt, és a növényzet virágba borul, különösen szépek a toszkánai dombok ilyenkor.</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 class="wp-block-paragraph">A nyár forró, napos és száraz időszak. Az átlaghőmérséklet <strong>23-26°C</strong> között alakul, de a nappali maximum gyakran eléri a 32-33°C-ot, sőt akár 40°C fölé is kúszhat. A páratartalom viszonylag alacsony, ami elviselhetőbbé teszi a meleget. Július a legmelegebb hónap. Alkalmanként előfordulhatnak délutáni zivatarok, de ezek általában rövidek.</p>



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



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



<p class="wp-block-paragraph">Az ősz kellemes hőmérséklettel kezdődik, majd fokozatosan hűl le. Az átlaghőmérséklet <strong>11-21°C</strong> között mozog. Szeptember még nyárias, de október és november már hűvösebb és esősebb. Ez a legcsapadékosabb évszak, különösen november. Az ősz azonban gyönyörű színeket varázsol a toszkánai tájba.</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 class="wp-block-paragraph">A tél viszonylag enyhe, de változékony. Az átlaghőmérséklet <strong>7-8°C</strong> körül alakul, de éjszaka gyakran fagypont alá süllyed. A nappali maximum általában 11-13°C körül van. Havas időszakok ritkák, de előfordulhatnak, különösen hegyvidéki területeken. A csapadék főleg eső formájában jelentkezik.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Firenze 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 class="wp-block-paragraph">Január Firenze leghidegebb hónapja. A nappali hőmérséklet általában 11°C körül mozog, míg éjszaka 2°C körülire süllyedhet. Fagypont alatti hőmérséklet gyakori, különösen a hajnali órákban, és a legridegebb éjszakákon akár -5°C vagy -6°C is lehet.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, átlagosan 60 mm körül mozog. A havi csapadékos napok száma 8, általában gyenge eső vagy szórványos hó formájában.</p>



<p class="wp-block-paragraph">A relatív páratartalom 73% körüli, ami meglehetősen nedves levegőt jelent. Az égbolt gyakran felhős, kevés napsütéssel.</p>



<p class="wp-block-paragraph">Ha januárban utazol Firenzébe, vigyél magaddal meleg kabátot és rétegesen öltözködj. A hőmérséklet-ingadozás miatt napközben könnyebb ruházat is elegendő lehet zárt helyeken.</p>



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



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



<p class="wp-block-paragraph">A február hasonló a januárhoz, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 13°C körülire emelkedhet, míg éjszaka 3°C körül alakul. A fagy még gyakori, de a hónap második felében már melegebb napok várhatóak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége hasonló, átlagosan 65 mm körül. A csapadékos napok száma 7.</p>



<p class="wp-block-paragraph">A levegő páratartalma csökken, 67% körüli értékre. Februárban még mindig szükséges a téli ruházat, de már érezhetők a tavasz első jelei.</p>



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



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



<p class="wp-block-paragraph">A március egyértelmű átmenetet jelent a tavasz felé, de az időjárás még változékony. A hőmérséklet jelentősen emelkedik, nappal már 16°C-ot is elérhet, míg az éjszakák 5°C körül alakulnak. Fagyos reggelek még előfordulhatnak, de egyre ritkábbak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége hasonló marad, 65 mm körüli értékkel. A csapadékos napok száma 8. Márciusban még változékony időjárás várható, meleg és hideg napok váltakozásával.</p>



<p class="wp-block-paragraph">A páratartalom csökken, 64% körüli értékre. Márciusban érdemes rétegesen öltözködni, mert az időjárás kiszámíthatatlan lehet.</p>



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



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



<p class="wp-block-paragraph">Az április már jóval stabilabb tavaszi hónap, kellemes felmelegedéssel. A nappali hőmérséklet 20°C körülire emelkedik, míg éjszaka 8°C körül alakul. A hideg napok már ritkák, és a hónap végére nyárias meleg napok is előfordulhatnak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 85 mm körüli értékkel. Az esős napok száma 10, de ezek általában rövid záporok.</p>



<p class="wp-block-paragraph">A levegő páratartalma kellemes, 64% körüli. Április az egyik legjobb hónap Firenze látogatására &#8211; kellemes hőmérséklet, több napsütés és virágzó természet.</p>



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



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



<p class="wp-block-paragraph">Május a kora nyári időszak, amikor a hőmérséklet már nyári értékek felé kúszik. A nappali értékek 25°C körülire emelkednek, míg éjszaka 12°C körül alakulnak. A hónap végére már kifejezetten meleg napok jellemzőek.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább nő, átlagosan 8 óra. A nappali világosság időtartama eléri a 14,5 órát. A napkelte 5:30 körül, a napnyugta pedig 19:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége csökken, 70 mm körüli értékkel. A csapadékos napok száma 8.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 63% körüli értékre. Májusban már könnyebb, nyári ruházat ajánlott, de érdemes egy könnyű kabátot is vinni az esti órákra.</p>



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



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



<p class="wp-block-paragraph">Június már igazi nyári hónap, magas hőmérsékletekkel és bőséges napsütéssel. A nappali maximum 29°C körülire emelkedik, míg éjszaka 16°C körül alakul. A nyári időszak igazi kezdete, száraz és meleg időjárással.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri a napi 10 órát. A nappali világosság időtartama eléri az éves csúcsot, 15,5 órát. A napkelte rendkívül korán, 5:15 körül, a napnyugta pedig késői, 20:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 55 mm körüli értékkel. Az esős napok száma mindössze 6, gyakran rövid délutáni zivatarok formájában.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 60% körüli, ami kellemes közérzetet biztosít. Júniusi utazáshoz könnyű ruházat és fényvédelem ajánlott.</p>



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



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



<p class="wp-block-paragraph">Július Firenze egyik legmelegebb és legszárazabb hónapja. A nappali hőmérséklet rendszeresen eléri a 32°C-ot, míg az éjszakák is melegek maradnak, 19°C körüli értékekkel. A város gyakran Olaszország egyik legmelegebb helyévé válik.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri a maximumot, napi 11 órával. A nappali világosság időtartama még mindig hosszú, 15 óra. A napkelte 5:30 körül, a napnyugta pedig 20:00 körül következik be.</p>



<p class="wp-block-paragraph">A csapadék mennyisége a legalacsonyabb az évben, mindössze 35 mm körüli értékkel. A csapadékos napok száma csak 4.</p>



<p class="wp-block-paragraph">A páratartalom a legalacsonyabb, 56% körüli, ami a magas hőmérséklet ellenére elviselhetővé teszi a meleget. Júliusi látogatáshoz a lehető legkönnyebb ruházat, erős fényvédelem és bőséges folyadékbevitel ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az augusztus a legmelegebb hónap Firenzében. A nappali hőmérséklet 33°C körül alakul, míg éjszaka 19°C-ra hűl le. A hőség gyakran szélsőséges lehet, akár 40°C fölé is emelkedhet a hőmérő higanyszála.</p>



<p class="wp-block-paragraph">A napsütéses órák száma továbbra is magas, napi 10 óra. A nappali világosság időtartama csökkenni kezd, 14 órára. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony marad, 55 mm körüli értékkel. A monszun hatás nem jellemző, a csapadékos napok száma 5.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 57% körüli, ami segít elviselni a nagy meleget. Az augusztusi látogatáshoz hasonló előkészületek szükségesek, mint júliusban: rendkívül könnyű ruházat, folyamatos hidratálás, légkondicionált környezet 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 class="wp-block-paragraph">A szeptember a nyár végét és az ősz kezdetét jelzi, kellemes enyhülést hozva. A nappali hőmérséklet 27°C körül alakul, éjszaka pedig 15°C-ra csökken. A hónap még mindig meleg és kellemes, de már érezhetően hűvösebb az augusztusnál.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekedni kezd, 80 mm körüli értékre. A csapadékos napok száma 6.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 63% körüli értékre, de még mindig kellemes. Szeptember ideális az utazáshoz &#8211; meleg, de nem forró időjárás, kevesebb tömeg és szüret ideje.</p>



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



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



<p class="wp-block-paragraph">Az október Firenze egyik legkellemesebb hónapja, ideális időjárással. A nappali hőmérséklet 22°C körülire csökken, míg éjszaka 11°C körül alakul. A levegő friss és tiszta, kevésbé párás.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége jelentősen növekszik, 105 mm körüli értékkel. A csapadékos napok száma 9, és az esők gyakran intenzívebbek.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 72% körüli értékre. Az októberi látogatás továbbra is kellemes, de érdemes esernyőt és könnyű kabátot vinni.</p>



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



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



<p class="wp-block-paragraph">A november már az ősz közepét-végét jelenti, jelentős lehűléssel és növekvő csapadékkal. A nappali hőmérséklet 16°C körülire süllyed, míg éjszaka már 7°C körül alakul. A hónap végére már hideg reggelek jellemzőek.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége eléri az éves csúcsot, 115 mm körüli értékkel. A csapadékos napok száma 9.</p>



<p class="wp-block-paragraph">A páratartalom magas, 77% körüli, ami nedves, párás közérzetet okoz. A novemberi látogatáshoz melegebb kabát, esernyő és vízálló ruházat ajánlott.</p>



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



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



<p class="wp-block-paragraph">A december Firenze második leghidegebb hónapja. A nappali hőmérséklet 12°C körül alakul, míg éjszaka 3°C körülire süllyed. Fagypont alatti hőmérséklet gyakori, és ritkán előfordulhat hó is.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 80 mm körüli értékkel. A csapadékos napok száma 8.</p>



<p class="wp-block-paragraph">A levegő párás, 76% körüli páratartalommal. A decemberi látogatáshoz téli kabát, meleg ruházat és vízálló cipő ajánlott.</p>



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



<!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">Firenze 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: 11 },
{ honap5: "Február", homerseklet5: 13 },
{ honap5: "Március", homerseklet5: 16 },
{ honap5: "Április", homerseklet5: 20 },
{ honap5: "Május", homerseklet5: 25 },
{ honap5: "Június", homerseklet5: 29 },
{ honap5: "Július", homerseklet5: 32 },
{ honap5: "Augusztus", homerseklet5: 33 },
{ honap5: "Szeptember", homerseklet5: 27 },
{ honap5: "Október", homerseklet5: 22 },
{ honap5: "November", homerseklet5: 16 },
{ honap5: "December", homerseklet5: 12 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



<p class="wp-block-paragraph"><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">Firenze 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: 7 },
{ honap: "Február", homerseklet: 8 },
{ honap: "Március", homerseklet: 11 },
{ honap: "Április", homerseklet: 14 },
{ honap: "Május", homerseklet: 18 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 21 },
{ honap: "Október", homerseklet: 16 },
{ honap: "November", homerseklet: 11 },
{ honap: "December", homerseklet: 7 }
    ];
    // 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 class="wp-block-paragraph"><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">Firenze átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 60 },
{ honap: "Február", csapadek: 65 },
{ honap: "Március", csapadek: 65 },
{ honap: "Április", csapadek: 85 },
{ honap: "Május", csapadek: 70 },
{ honap: "Június", csapadek: 55 },
{ honap: "Július", csapadek: 35 },
{ honap: "Augusztus", csapadek: 55 },
{ honap: "Szeptember", csapadek: 80 },
{ honap: "Október", csapadek: 105 },
{ honap: "November", csapadek: 115 },
{ honap: "December", csapadek: 80 }
    ];
    // 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">Firenze 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 class="wp-block-paragraph">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 Firenzében</strong></h2>



<p class="wp-block-paragraph">Firenze UV-sugárzási szintjei mérsékelt és magas értékek között mozognak évszaktól függően, ami a mediterrán elhelyezkedésnek és a völgyben való elhelyezkedésnek köszönhető.</p>



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



<p class="wp-block-paragraph">A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 4-5-ös értéket ér el (mérsékelt), áprilisban 6-7-re (magas), májusban pedig 7-8-as szintre (magas-nagyon magas) emelkedik. Májusban már 20-25 perc alatt le lehet égni védelem nélkül.</p>



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



<p class="wp-block-paragraph">A nyári hónapokban Firenze UV-indexe eléri a legmagasabb értékeket. Június és július során rendszeresen 8-as értéket mutat (nagyon magas), különösen a déli órákban (11:00-16:00 között). A sugárzás intenzitása miatt védelem nélkül 15 perc alatt is súlyos napégést lehet szenvedni.</p>



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



<p class="wp-block-paragraph">Az ősz elején, októberben az UV-index még mindig magas, 5-6-os értékkel, majd novemberre csökken 2-3-as szintre (alacsony-mérsékelt). Azonban még októberben is fennáll a leégés veszélye.</p>



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



<p class="wp-block-paragraph">A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel (alacsony), de még mindig érdemes óvatosnak lenni hosszabb szabadtéri tartózkodás esetén.</p>



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



<ul class="wp-block-list">
<li><strong>Magas faktorszámú fényvédő</strong>: Minimum SPF 30-as fényvédő használata ajánlott, amit 2 óránként érdemes újra felvinni.</li>



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



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



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



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



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



<p class="wp-block-paragraph"><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 class="wp-block-paragraph">Firenze térségét időnként súlyos időjárási szélsőségek érintik, amelyek jelentős kárt okozhatnak a városban és kulturális örökségében.</p>



<p class="wp-block-paragraph"><strong>Árvizek</strong>: Firenze legismertebb természeti katasztrófája az 1966. november 4-i nagy árvíz volt, amikor az Arno folyó kilépett a medréből és elöntötte a város nagy részét. Az árvíz óriási károkat okozott a művészeti kincsekben, könyvtárakban és archívumokban. Bár azóta védelmi intézkedéseket hoztak, a klímaváltozás miatt a jövőben újabb hasonló árvizek várhatóak.</p>



<p class="wp-block-paragraph"><strong>Hőhullámok</strong>: A nyári hónapokban, különösen júliusban és augusztusban szélsőséges hőhullámok sújthatják a várost. 2003-ban, 2017-ben és 2021-ben is 40°C feletti hőmérsékletet mértek. A legmagasabb mért hőmérséklet 42,5°C volt 1983 júliusában. Ezek a hőhullámok egészségügyi kockázatot jelentenek, különösen az idősek és krónikus betegek számára.</p>



<p class="wp-block-paragraph"><strong>Szélviharok és jégeső</strong>: Tavasszal és nyár elején előfordulhatnak heves zivatarok, amelyek erős széllel és jégesővel járnak. Ezek általában rövidek, de intenzívek lehetnek.</p>



<p class="wp-block-paragraph"><strong>Fagy és hó</strong>: A téli hónapokban ritkán, de előfordulhatnak jelentős fagypont alatti időszakok. A legsúlyosabb hidegrekordok: -23°C (1985 január), -11,5°C (1956 február), -13°C (1968 január). A hó ritka, de alkalmankor jelentős hóesések is előfordulnak (1985: 40 cm, 2010: 30 cm).</p>



<p class="wp-block-paragraph"><strong>Aszály</strong>: A nyári hónapokban, különösen akkor, ha a tavaszi esők elmaradnak, aszályos időszakok alakulhatnak ki, ami hatással van a mezőgazdaságra és vízellátásra.</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 Firenzébe utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Firenze meglátogatására a <strong>késő tavaszi és kora őszi hónapok</strong>, különösen <strong>április-május és szeptember-október</strong> között. Ilyenkor kellemes, meleg hőmérséklet (18-25°C), megfelelő mennyiségű napsütés és viszonylag kevés csapadék jellemzi a várost, ami ideális a városnézéshez, múzeumlátogatáshoz és szabadtéri programokhoz.</p>



<p class="wp-block-paragraph"><strong>Április és május</strong> különösen ajánlott, amikor a város virágba borul, a hőmérséklet kellemes, és még nem olyan forró, mint nyáron. Ez az időszak népszerű a családok és kulturális turisták körében.</p>



<p class="wp-block-paragraph"><strong>Szeptember és október</strong> szintén kiváló választás, különösen szeptember, amikor még meleg az idő, de már kevésbé zsúfoltak a turistalátványosságok. Október a szüret ideje Toszkánában, ami különös varázsát adja a tájnak.</p>



<p class="wp-block-paragraph">Téli hónapok (december-február) is vonzóak lehetnek azok számára, akik el akarják kerülni a nyári meleget és tömeget. Bár hűvösebb az idő, a múzeumok kevésbé zsúfoltak, és a karácsonyi díszítés különleges hangulatot teremt. A napsütéses órák ugyan kevesebb, de a városban sok fedett látnivaló található.</p>



<p class="wp-block-paragraph">Kerülendő időszakok: A nyári hónapok (július-augusztus) különösen megterhelőek lehetnek a magas hőmérséklet (32-33°C) és az esetleges hőhullámok miatt. Ezen időszak alatt a város is zsúfoltabb és drágább. November szintén kevésbé ajánlott a gyakori esőzések és alacsony napsütés miatt.</p>



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



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

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

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

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

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

.excellent {
background-color: #c8e6c9;
}

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

.average {
background-color: #fff9c4;
}

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

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

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

tr:hover {
opacity: 0.9;
}

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

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

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="average">
<td>Január</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>Február</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Március</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Április</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</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="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Október</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>November</td>
<td>Átlagos</td>
</tr>
<tr class="average">
<td>December</td>
<td>Átlagos</td>
</tr>
</tbody>
</table></div>

</body>
</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/43d7711d26/florence/" data-label_1="FIRENZE" data-theme="original" >FIRENZE</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/firenze-idojarasa/">Firenze időjárása – mikor a legjobb Toszkáná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>Jesolo időjárása – mikor a legjobb az olasz Adriára utazni?</title>
		<link>https://mikorutazz.hu/jesolo-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 19 Sep 2025 07:46:59 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1347</guid>

					<description><![CDATA[<p>Jesolo Olaszország egyik legnépszerűbb tengerparti üdülőhelye. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Jesolo éghajlata meleg mérsékelt övi, jelentős csapadékkal az év minden&#8230;</p>
<p>A <a href="https://mikorutazz.hu/jesolo-idojarasa/">Jesolo időjárása – mikor a legjobb az olasz Adriára utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Jesolo Olaszország egyik legnépszerűbb tengerparti üdülőhelye. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Jesolo éghajlata meleg mérsékelt övi, jelentős csapadékkal az év minden hónapjában. Az Adriai-tenger közelsége és az észak-olaszországi elhelyezkedés 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 class="wp-block-paragraph">Jesolo négy jól elkülöníthető évszakkal rendelkezik: hideg tél, kellemes tavasz, meleg nyár és változékony ősz.</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 class="wp-block-paragraph">A téli hónapok hűvösek és csapadékosak, gyakori felhős égbolttal. Az átlaghőmérséklet <strong>1-8°C</strong> között mozog. A csapadék mennyisége mérsékelt, de a szürke, borongós időjárás jellemző. A napsütéses órák száma minimális, mindössze napi 3 óra. A tenger hideg, 8-10°C körüli hőmérséklettel, így fürdésre nem alkalmas.</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 class="wp-block-paragraph">A tavasz kellemes átmeneti időszak, fokozatosan melegedő hőmérséklettel. Az átlaghőmérséklet <strong>9-22°C</strong> közé emelkedik a hónapok folyamán. A csapadék mennyisége mérsékelt, és a napsütéses órák száma jelentősen növekszik. A tenger hőmérséklete még hideg, 10-18°C között mozog, de már kedvezőbbek a szabadtéri tevékenységek feltételei.</p>



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



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



<p class="wp-block-paragraph">A nyári hónapok melegek és viszonylag szárazak, bár alkalmanként előfordulhatnak zivatarok. Az átlaghőmérséklet <strong>20-28°C</strong> között alakul. A napsütéses órák száma maximális, 8-9 óra naponta. A tenger kellemes meleg, 22-26°C között, ideális fürdési feltételeket biztosítva. Ez a fő turistaszezon.</p>



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



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



<p class="wp-block-paragraph">Az őszi hónapok változékonyak, fokozatosan hűlő hőmérséklettel és növekvő csapadékkal. Az átlaghőmérséklet <strong>14-23°C</strong> között mozog. A csapadék mennyisége növekszik, különösen november hónapban. A tenger még kellemes meleg szeptemberben, de fokozatosan hűl. Az őszi hónapok gyakran viharosak lehetnek.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Jesolo 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 class="wp-block-paragraph">Január Jesolo leghidegebb hónapja, a téli időszak kellős közepén. A nappali hőmérséklet általában 7°C körül alakul, míg éjszaka 0°C körülire hűl le, gyakori faggyal. A téli hideg időnként -5°C alá is süllyedhet.</p>



<p class="wp-block-paragraph">A napsütéses órák száma rendkívül alacsony, mindössze napi 3 óra átlagosan. A nappali világosság időtartama rövid, körülbelül 9 óra. A napkelte 7:30 körül, a napnyugta pedig 16:45 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, átlagosan 68 mm körül mozog, körülbelül 10 csapadékos nappal. Az esőzések gyakran szemerke formájában jelentkeznek, alkalmanként hóval keveredve.</p>



<p class="wp-block-paragraph">Az égbolt többnyire borult, szürke, ami fokozza a téli depresszió érzését. A relatív páratartalom magas, 79% körüli. A tenger hideg, átlag 10°C körül, így fürdésre alkalmatlan.</p>



<p class="wp-block-paragraph">Ha januárban utazol Jesolóba, meleg téli ruházat szükséges: vastag kabát, sapka, kesztyű és meleg cipő. Az időjárás nem kedvez a strandolásnak, inkább a kulturális látnivalók megtekintésére és a téli pihenésre alkalmas.</p>



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



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



<p class="wp-block-paragraph">Február hasonlóan hideg, mint a január, de már érezhető a nappalok fokozatos hosszabbodása. A nappali hőmérséklet 8°C körül alakul, míg éjszaka 1°C körülire hűl le. A hóvégére már érezhető enyhülés várható.</p>



<p class="wp-block-paragraph">A napsütéses órák száma lassan növekszik, átlagosan napi 4 óra. A nappali világosság időtartama 10 óra körülire hosszabbodik. A napkelte és napnyugta időpontjai fokozatosan javulnak.</p>



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is mérsékelt, átlagosan 70 mm körüli értékkel. Az esős napok száma 9-10 között mozog, főként esőzések formájában.</p>



<p class="wp-block-paragraph">A levegő még mindig párás, a páratartalom 76% körüli. Az égbolt gyakran felhős, de már előfordulnak napfényes periódusok is. A tenger hőmérséklete még mindig alacsony, mindössze 8-9°C körül, ami a legalacsonyabb az egész évben.</p>



<p class="wp-block-paragraph">A februári látogatáshoz hasonló téli felszerelés ajánlott, mint januárban, de már érdemes könnyebb réteges öltözékkel készülni a változékony időjárásra.</p>



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



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



<p class="wp-block-paragraph">Március a tavasz kezdetét jelzi, fokozatos melegedéssel és hosszabb nappalokkal. A nappali hőmérséklet 13°C körülire emelkedik, míg éjszaka 4°C körül alakul. A hónap végére már kellemes tavaszi idő várható.</p>



<p class="wp-block-paragraph">A napsütéses órák száma jelentősen növekszik, átlagosan napi 5 óra. A nappali világosság időtartama 12 óra körülire hosszabbodik. A napkelte 6:30 körül, a napnyugta pedig 18:30 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége enyhe csökkenést mutat, átlagosan 75 mm körüli értékkel. Az esős napok száma 7-8 közé csökken, ami az év legszárazabb időszakának kezdetét jelzi.</p>



<p class="wp-block-paragraph">A páratartalom lassan csökken, 73% körülire. Az égbolt gyakrabban derül, hosszabb napfényes periódusokkal. A tenger hőmérséklete még hideg, 11°C körül, de már érezhető az emelkedés.</p>



<p class="wp-block-paragraph">A márciusi látogatáshoz átmeneti öltözék ajánlott: könnyebb kabát, de még meleg ruhák az este/reggeli órákra. A természet ébredésének gyönyörű időszaka, kiváló túrázásra és városnézésre.</p>



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



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



<p class="wp-block-paragraph">Április kellemes tavaszi hónap, jelentős melegedéssel és javuló időjárási viszonyokkal. A nappali hőmérséklet 17°C körülire emelkedik, míg éjszaka 8°C körül alakul. A tavaszi meleg egyre stabilabbá válik.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább növekszik, átlagosan napi 6 óra. A nappali világosság időtartama 13,5 óra körülire hosszabbodik. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is mérsékelt, átlagosan 85 mm körüli értékkel. Az esős napok száma 8-9 között alakul, általában rövid tavaszi záporok formájában.</p>



<p class="wp-block-paragraph">A páratartalom csökken, 71% körülire, ami kellemes közérzetet biztosít. A tenger hőmérséklete még mindig hideg, 13°C körül, úszásra nem alkalmas, de a strandolás már elképzelhető.</p>



<p class="wp-block-paragraph">Az áprilisi látogatáshoz könnyebb ruhák ajánlottak: kardigán vagy vékony dzseki az esti órákra, napközben könnyű ing vagy póló. Kiváló időszak a városnézésre és a természetjárásra.</p>



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



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



<p class="wp-block-paragraph">Május már kellemes meleg hónap, az igazi tavasz beköszöntével. A nappali hőmérséklet 22°C körülire emelkedik, míg éjszaka 12°C körül alakul. A hőmérséklet kellően meleg a szabadtéri tevékenységekhez.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább növekszik, átlagosan napi 7 óra. A nappali világosság időtartama 14,5 óra körülire hosszabbodik. A napkelte 5:30 körül, a napnyugta pedig 20:00 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége enyhén növekszik, átlagosan 95 mm körüli értékkel. Az esős napok száma 9-10 közé emelkedik, gyakori rövid zivatarok formájában.</p>



<p class="wp-block-paragraph">A páratartalom stabil, 70% körüli. Az égbolt gyakran derült, bő napsütéssel. A tenger hőmérséklete még mindig frissítő, 18°C körül, de már néhányan megkockáztathatják a fürdést.</p>



<p class="wp-block-paragraph">A májusi látogatáshoz könnyű nyári ruházat ajánlott, de érdemes egy könnyű dzsekivel vagy kardigannal készülni az esetleges hűvösebb estékre. Kiváló időszak minden szabadtéri tevékenységre.</p>



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



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



<p class="wp-block-paragraph">Június a nyári szezon kezdete, kellemes meleg hőmérsékletekkel. A nappali hőmérséklet 26°C körülire emelkedik, míg éjszaka 16°C körül alakul. A hőmérséklet ideális a nyári programokhoz.</p>



<p class="wp-block-paragraph">A napsütéses órák száma magas, átlagosan napi 8 óra. A nappali világosság időtartama eléri a maximumot, 15,5 óra körül. A napkelte 5:20 körül, a napnyugta pedig 21:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége jelentősen emelkedik, átlagosan 109 mm körüli értékkel. Az esős napok száma 11-12 közé nő, gyakori délutáni zivatarok formájában, melyek gyorsan elmúlnak.</p>



<p class="wp-block-paragraph">A páratartalom 69% körüli. A tenger hőmérséklete kellemes, 22°C körül, ami már alkalmas a fürdésre és vízi sportokra.</p>



<p class="wp-block-paragraph">A júniusi látogatáshoz könnyű nyári ruházat ajánlott, naptej, napszemüveg és kalap. Érdemes esőkabáttal vagy esernyővel készülni a délutáni zivatarokra. Kiváló időszak a strandolásra és minden nyári tevékenységre.</p>



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



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



<p class="wp-block-paragraph">Július Jesolo egyik legmelegebb hónapja, a nyári szezon csúcspontjával. A nappali hőmérséklet 28°C körülire emelkedik, míg éjszaka 18°C körül alakul. Ez az év legmelegebb időszaka.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri az éves maximumot, átlagosan napi 9 óra. A nappali világosság időtartama még mindig hosszú, 15 óra körül. A napkelte 5:30 körül, a napnyugta pedig 20:45 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége csökken, átlagosan 60 mm körüli értékkel, ami az év egyik legszárazabb időszaka. Az esős napok száma 7-8 közé csökken.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 67% körüli, ami kellemes száraz meleget biztosít. A tenger hőmérséklete ideális, 25°C körül, tökéletes feltételeket teremtve a vízi sportokhoz.</p>



<p class="wp-block-paragraph">A júliusi látogatáshoz könnyű, légies nyári ruházat ajánlott, bőséges napvédelem, naptej és hidratálás. Ez a fő turistaszezon csúcsa, így magasabb árakra és nagyobb tömegre kell számítani.</p>



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



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



<p class="wp-block-paragraph">Augusztus szintén egyik legmelegebb hónap, folytatva a nyári csúcsszezont. A nappali hőmérséklet 28°C körül marad, míg éjszaka 18°C körül alakul. A hőmérséklet stabil és meleg.</p>



<p class="wp-block-paragraph">A napsütéses órák száma még mindig magas, átlagosan napi 8 óra. A nappali világosság időtartama 14 óra körülire csökken. A napkelte 6:00 körül, a napnyugta pedig 20:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége enyhe növekedést mutat, átlagosan 96 mm körüli értékkel. Az esős napok száma 10-11 közé emelkedik, gyakori délutáni zivatarok formájában.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 68% körüli. A tenger hőmérséklete eléri az éves maximumot, 26°C körül, ami tökéletes a fürdéshez és minden vízi tevékenységhez.</p>



<p class="wp-block-paragraph">Az augusztusi látogatáshoz hasonló felkészülés ajánlott, mint júliusban. Ez a csúcsnyári időszak, ideális minden strand- és vízi programhoz.</p>



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



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



<p class="wp-block-paragraph">Szeptember kellemes őszi hónap, még mindig meleg hőmérsékletekkel, de fokozatos hűléssel. A nappali hőmérséklet 23°C körül alakul, míg éjszaka 14°C körülire hűl le.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, átlagosan 105 mm körüli értékkel. Az esős napok száma 9-10 közé emelkedik, változékony időjárással.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 72% körülire. A tenger hőmérséklete még kellemes, 23°C körül, alkalmas fürdésre, bár már hűlőben van.</p>



<p class="wp-block-paragraph">A szeptemberi látogatáshoz átmeneti ruházat ajánlott: könnyű ruhák nappalra, kardigán vagy dzseki az estékre. Kiváló időszak a turisták ritkábbak, de az időjárás még kedvező.</p>



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



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



<p class="wp-block-paragraph">Október változékony őszi hónap, hűlő hőmérsékletekkel és növekvő csapadékkal. A nappali hőmérséklet 18°C körül alakul, míg éjszaka 10°C körülire hűl le.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább csökken, átlagosan napi 4 óra. A nappali világosság időtartama 11 óra körülire rövidül. A napkelte 7:00 körül, a napnyugta pedig 18:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége jelentős, átlagosan 110 mm körüli értékkel. Az esős napok száma 10-11 közé emelkedik, gyakori esőzésekkel.</p>



<p class="wp-block-paragraph">A páratartalom magas, 75% körüli. A tenger hőmérséklete már hűvös, 18°C körül, fürdésre kevésbé alkalmas.</p>



<p class="wp-block-paragraph">Az októberi látogatáshoz őszi ruházat szükséges: meleg kabát, esernyő és vízálló cipő. A természet szépségei és a kevesebb turista miatt még mindig vonzó lehet.</p>



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



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



<p class="wp-block-paragraph">November már határozott őszi hónap, hidegebb hőmérsékletekkel és gyakori esőzésekkel. A nappali hőmérséklet 12°C körül alakul, míg éjszaka 5°C körülire hűl le.</p>



<p class="wp-block-paragraph">A napsütéses órák száma minimálisra csökken, mindössze napi 3 óra átlagosan. A nappali világosság időtartama 9,5 óra körülire rövidül. A napkelte 7:30 körül, a napnyugta pedig 17:00 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége a legmagasabb az évben, átlagosan 134 mm körüli értékkel. Az esős napok száma 11-12 közé emelkedik, gyakori és hosszan tartó esőzésekkel.</p>



<p class="wp-block-paragraph">A páratartalom nagyon magas, 78% körüli. Az égbolt gyakran borult és szürke. A tenger hőmérséklete hideg, 14°C körül.</p>



<p class="wp-block-paragraph">A novemberi látogatáshoz téli ruházat ajánlott: meleg kabát, vízálló cipő és esernyő. Az időjárás nem kedvez a szabadtéri programoknak, inkább beltéri tevékenységekre alkalmas.</p>



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



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



<p class="wp-block-paragraph">December a tél kezdete, jelentős lehűléssel és rövid nappalokkal. A nappali hőmérséklet 8°C körül alakul, míg éjszaka 2°C körülire hűl le, gyakori faggyal.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri az éves minimumot, mindössze napi 3 óra átlagosan. A nappali világosság időtartama a legrövidebb, 8,5 óra körül. A napkelte 7:45 körül, a napnyugta pedig 16:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, átlagosan 83 mm körüli értékkel. Az esős napok száma 10 körül alakul, gyakori szitálással és alkalmanként hóval.</p>



<p class="wp-block-paragraph">A páratartalom nagyon magas, 80% körüli. Az égbolt többnyire borult és szürke. A tenger hideg, 11°C körül.</p>



<p class="wp-block-paragraph">A decemberi látogatáshoz meleg téli ruházat elengedhetetlen: vastag kabát, sapka, kesztyű és meleg lábbeli. Az időjárás inkább a karácsonyi hangulatú városnézésre és beltéri programokra alkalmas.</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">Jesolo 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: 7 },
{ honap5: "Február", homerseklet5: 8 },
{ honap5: "Március", homerseklet5: 13 },
{ honap5: "Április", homerseklet5: 17 },
{ honap5: "Május", homerseklet5: 22 },
{ honap5: "Június", homerseklet5: 26 },
{ honap5: "Július", homerseklet5: 28 },
{ honap5: "Augusztus", homerseklet5: 28 },
{ honap5: "Szeptember", homerseklet5: 23 },
{ honap5: "Október", homerseklet5: 18 },
{ honap5: "November", homerseklet5: 12 },
{ honap5: "December", homerseklet5: 8 }
    ];
    // 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 class="wp-block-paragraph"><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">Jesolo havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: 4 },
{ honap: "Február", homerseklet: 5 },
{ honap: "Március", homerseklet: 9 },
{ honap: "Április", homerseklet: 13 },
{ honap: "Május", homerseklet: 17 },
{ honap: "Június", homerseklet: 21 },
{ honap: "Július", homerseklet: 23 },
{ honap: "Augusztus", homerseklet: 23 },
{ honap: "Szeptember", homerseklet: 19 },
{ honap: "Október", homerseklet: 14 },
{ honap: "November", homerseklet: 9 },
{ honap: "December", homerseklet: 5 }
    ];
    // 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 class="wp-block-paragraph"><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">Jesolo á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: 68 },
{ honap: "Február", csapadek: 70 },
{ honap: "Március", csapadek: 75 },
{ honap: "Április", csapadek: 85 },
{ honap: "Május", csapadek: 95 },
{ honap: "Június", csapadek: 109 },
{ honap: "Július", csapadek: 60 },
{ honap: "Augusztus", csapadek: 96 },
{ honap: "Szeptember", csapadek: 105 },
{ honap: "Október", csapadek: 110 },
{ honap: "November", csapadek: 134 },
{ honap: "December", csapadek: 83 }
    ];
    // 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">Jesolo 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: 79 },
{ honap11: "Február", paratartalom11: 76 },
{ honap11: "Március", paratartalom11: 73 },
{ honap11: "Április", paratartalom11: 71 },
{ honap11: "Május", paratartalom11: 70 },
{ honap11: "Június", paratartalom11: 69 },
{ honap11: "Július", paratartalom11: 67 },
{ honap11: "Augusztus", paratartalom11: 68 },
{ honap11: "Szeptember", paratartalom11: 72 },
{ honap11: "Október", paratartalom11: 75 },
{ honap11: "November", paratartalom11: 78 },
{ honap11: "December", paratartalom11: 80 }
    ];
    // 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 class="wp-block-paragraph">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 class="wp-block-paragraph">A Jesolo előtti Adriai-tenger vízhőmérséklete jelentős évszakos ingadozást mutat, a földrajzi elhelyezkedés és az északi szélesség miatt.</p>



<p class="wp-block-paragraph"><strong>Január-február</strong>: A víz hőmérséklete 8-10°C között alakul, ami a legalacsonyabb az egész évben. Ez a hőmérséklet fürdésre alkalmatlan, még a legedzettebbeknek is túl hideg.</p>



<p class="wp-block-paragraph"><strong>Március-május</strong>: A víz hőmérséklete fokozatosan emelkedik, 11-18°C közötti értékeket érve el. Májusban már néhány bátrabb fürdőző megkockáztathatja a rövid merítést, de még mindig frissítő.</p>



<p class="wp-block-paragraph"><strong>Június-augusztus</strong>: Ez a legmelegebb időszak a tenger szempontjából, 22-26°C közötti hőmérséklettel. Augusztusban éri el az éves maximumot 26°C körül, ami ideális fürdési feltételeket biztosít. Az egész nyári szezonban kellemes a víz hőmérséklete.</p>



<p class="wp-block-paragraph"><strong>Szeptember-október</strong>: A tenger hőmérséklete még kellemes, 23-18°C között mozog. Szeptemberben még kiváló fürdési lehetőségek vannak, októberben már hűvösebb, de elviselhető.</p>



<p class="wp-block-paragraph"><strong>November-december</strong>: A víz hőmérséklete jelentősen csökken, 14-11°C közötti értékekre. Ez már túl hideg a fürdéshez, csak a legedzettebb téli úszók számára alkalmas.</p>



<p class="wp-block-paragraph">Az Adriai-tenger Jesolo környékén sekély, így gyorsan felmelegszik nyáron és gyorsan ki is hűl télen. A partközeli vizek különösen érzékenyek a léghőmérséklet változásaira.</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: 10 },
{ honap: "Február", homerseklet: 9 },
{ honap: "Március", homerseklet: 11 },
{ honap: "Április", homerseklet: 13 },
{ honap: "Május", homerseklet: 18 },
{ honap: "Június", homerseklet: 22 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 23 },
{ honap: "Október", homerseklet: 18 },
{ honap: "November", homerseklet: 14 },
{ honap: "December", homerseklet: 11 }
    ];
    // 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 Jesolo-ban</strong></h2>



<p class="wp-block-paragraph">Jesolo földrajzi elhelyezkedése miatt az UV sugárzás jelentős évszakos változást mutat, de a nyári hónapokban különösen magas értékeket ér el.</p>



<p class="wp-block-paragraph"><strong>Január-február</strong>: Az UV index a legalacsonyabb, 1-2 körüli értékekkel. A téli hónapokban minimális a napvédelmi igény, bár a hó visszaverő hatása fokozhatja az UV sugárzást.</p>



<p class="wp-block-paragraph"><strong>Március-május</strong>: Az UV index fokozatosan emelkedik, 3-5 közötti értékekre. Áprilisra már mérsékelt napvédelmi intézkedések szükségesek, különösen a déli órákban.</p>



<p class="wp-block-paragraph"><strong>Június-július</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 8-as UV indexszel. Ez &#8222;nagyon magas&#8221; kategóriának számít, jelentős napvédelmi intézkedéseket igényel.</p>



<p class="wp-block-paragraph"><strong>Augusztus-szeptember</strong>: Az UV index még mindig magas, 7-5 körüli értékekkel. Augusztusban még fokozott óvatosság szükséges, szeptemberben már csökken az intenzitás.</p>



<p class="wp-block-paragraph"><strong>Október-december</strong>: Az UV index folyamatosan csökken, 4-ről 1-re. Novembertől már minimális a napvédelmi igény.</p>



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




<p class="wp-block-paragraph"><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 class="wp-block-paragraph">Jesolo elhelyezkedése az Adriai-tenger északi partján különösen érzékennyé teszi bizonyos szélsőséges időjárási eseményekre.</p>



<p class="wp-block-paragraph"><strong>Acqua Alta (Magas víz)</strong>: Ez akkor következik be, amikor a víz délről észak felé torlódik fel az Adriai-tengeren keresztül, Olaszország keleti partjával párhuzamosan. Ez a jelenség Jesolót is érinti, különösen őszi és téli hónapokban, amikor az Adriai-tengeren végigfújó szelek megemelt vízszintet okoznak.</p>



<p class="wp-block-paragraph"><strong>Bora és Scirocco szelek</strong>: A felszíni légáramlást erősen befolyásolja a regionális domborzat, amely meghatározza a szeleket, amelyeket gyakran említenek e tanulmány különböző részeiben. A Bora hideg, száraz északi szél, amely hirtelen hőmérséklet-csökkenést okozhat. A Scirocco meleg, párás déli szél, amely gyakran esőzésekkel és viharokkal jár együtt.</p>



<p class="wp-block-paragraph"><strong>Nyári zivatarok és felhőszakadások</strong>: A mediterrán térség normálisnál jóval magasabb tengervíz-hőmérséklete augusztus vége óta szokatlanul intenzív zivataroknak ad táptalajt szélsőséges csapadékesemények kíséretében. Ez 100-250 mm-es csapadékmennyiséget hoz 12-18 órán belül, esetleg ennél is többet. A klímaváltozás hatására egyre gyakoribbá válnak az extrém csapadékesemények, amelyek rövid idő alatt nagy mennyiségű esőt hozhatnak.</p>



<p class="wp-block-paragraph"><strong>Hőhullámok</strong>: A nyári hónapokban, különösen júliusban és augusztusban előfordulhatnak hőhullámok, amikor a hőmérséklet 35°C fölé emelkedhet. A magas páratartalommal kombinálva ez kellemetlen körülményeket teremthet.</p>



<p class="wp-block-paragraph"><strong>Árvíz és vízelfolyás</strong>: Ha ezek az előrejelzések pontosak, veszélyes villámárvizek fordulhatnak elő, különösen Délnyugat-Szlovénia és Északnyugat-Horvátország területén. Az Adriai-térségben egyre gyakoribbá válnak a hirtelen árvizek, különösen intenzív esőzések után.</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 Jesolo-ba utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Jesolo meglátogatására <strong>május végétől szeptember elejéig</strong>, amikor a hőmérséklet kellemes (20-28°C), a tenger alkalmas fürdésre, és bőséges a napsütés. A fő nyári szezon (június-augusztus) ideális a strand- és vízi programokhoz, de magasabb árakra és több turistára kell számítani.</p>



<p class="wp-block-paragraph">Április vége és szeptember közepe szintén jó választás lehet, amikor az időjárás még/már kedvező, de kevésbé forgalmas és olcsóbb. Az őszi és téli hónapok kevésbé ajánlottak a strand-nyaraláshoz, de kiválóak lehetnek a kulturális turizmushoz és a csendes pihenéshez.</p>



<p class="wp-block-paragraph">Az időjárás változékony természete miatt mindig érdemes rugalmasan tervezni és naprakész időjárás-előrejelzést követni, különösen az átmeneti időszakokban.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Április</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Július</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Augusztus</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>Október</td>

<td>Átlagos</td>

</tr>

<tr class="not-recommended">

<td>November</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>December</td>

<td>Nem ajánlott</td>

</tr>

</tbody>

</table></div>

</body>

</html>



<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/45d5312d64/jesolo/" data-label_1="JESOLO" data-theme="original" >JESOLO</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/jesolo-idojarasa/">Jesolo időjárása – mikor a legjobb az olasz Adriára utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Szicília időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/szicilia-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Wed, 17 Sep 2025 12:43:39 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1343</guid>

					<description><![CDATA[<p>Szicília Olaszország legnagyobb szigete és a Földközi-tenger egyik legkedveltebb úti célja. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Szicília éghajlata tipikus földközi-tengeri klíma,&#8230;</p>
<p>A <a href="https://mikorutazz.hu/szicilia-idojarasa/">Szicília időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Szicília Olaszország legnagyobb szigete és a Földközi-tenger egyik legkedveltebb úti célja. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Szicília éghajlata tipikus földközi-tengeri klíma, amely meleg, száraz nyarakat és enyhe, csapadékosabb teleket jelent. A sziget déli fekvése miatt az év nagy részében kellemes időjárás uralkodik, bár jelentős különbségek vannak a tengerparti területek és a hegyvidéki belső részek között.</p>



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



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



<p class="wp-block-paragraph">Szicílián négy jól elkülöníthető évszak különböztethető meg: tavasz, nyár, ősz és tél, amelyek eltérő klimatikus jellemzőkkel bírnak.</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 class="wp-block-paragraph">A tavasz Szicílián gyönyörű időszak, amikor a sziget virágba borul. Az átlaghőmérséklet <strong>16-25°C</strong> között mozog. A csapadék mérsékelten csökken, de még előfordulhatnak esős napok. Az időjárás fokozatosan stabilizálódik, ideális a városnézéshez, túrázáshoz és kulturális programokhoz. A tenger még hűvös a fürdéshez, de a természet feltámadása lenyűgöző látványt nyújt.</p>



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



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



<p class="wp-block-paragraph">A nyár forró és száraz, a tipikus földközi-tengeri klimatikus viszonyokkal. Az átlaghőmérséklet <strong>25-35°C</strong> között alakul, de akár 40°C fölé is emelkedhet. A csapadék minimális, szinte teljesen hiányzik. A hőség intenzív lehet, különösen július-augusztusban. Ez az időszak ideális a strandoláshoz és tengeri programokhoz, de a városnézés nehézkes lehet a magas hőmérséklet miatt. A tenger kellemes meleg, kiváló a fürdéshez.</p>



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



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



<p class="wp-block-paragraph">Az ősz Szicílián hosszan tartó, kellemes időszak. Az átlaghőmérséklet <strong>20-30°C</strong> között mozog szeptember-októberben, novemberben <strong>15-22°C</strong>-ra csökken. A csapadék fokozatosan növekszik, de még mindig sok a napos nap. Ez az egyik legjobb időszak a sziget felfedezésére, amikor a hőség már elviselhetőbb, de a tenger még meleg. Ideális a túrázáshoz, városnézéshez és gasztronómiai élményekhez.</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 class="wp-block-paragraph">A szicíliai tél enyhe, de változékony. Az átlaghőmérséklet <strong>10-16°C</strong> között alakul. Ez a legcsapadékosabb időszak, gyakori esőkkel és alkalmankor viharokkal. A hegyvidéki területeken hó is előfordul. A tenger hideg a fürdéshez, de a kulturális nevezetességek és a helyi élet megismerése szempontjából érdekes időszak lehet. Az árak jelentősen alacsonyabbak, és kevesebb a turista.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Szicília 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 class="wp-block-paragraph">Január Szicílián a tél közepét jelenti, változékony időjárással és gyakori esőzésekkel. A nappali hőmérséklet általában 14-16°C között mozog, míg éjszaka 8-10°C-ra hűl le. A hegyvidéki területeken akár fagypont közelében is lehet.</p>



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, átlagosan napi 4-5 óra. A nappali világosság időtartama körülbelül 9,5 óra. A napkelte 7:10 körül, a napnyugta pedig 17:00 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, átlagosan 80-100 mm, főként tartós esőzések formájában. A csapadékos napok száma 12-15 között alakul, és gyakori a borús, felhős idő.</p>



<p class="wp-block-paragraph">A páratartalom magas, 75-80% körüli. A szél gyakran erős lehet, különösen a nyugati és északi partvidékeken. A tenger viharos és hideg, nem alkalmas fürdésre.</p>



<p class="wp-block-paragraph">A januári látogatáshoz meleg ruházat szükséges: kabát, pulóver, hosszú nadrág és vízálló cipő. Esőkabát vagy esernyő elengedhetetlen. A kulturális programokra koncentrálva érdemes tervezni az utazást.</p>



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



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



<p class="wp-block-paragraph">Február hasonlóan változékony, mint január, de már érezhető a tavasz közeledése. A nappali hőmérséklet 15-17°C között alakul, míg éjszaka 9-11°C körül mozog.</p>



<p class="wp-block-paragraph">A napsütéses órák száma enyhén növekszik, átlagosan napi 5-6 óra. A nappali világosság időtartama 10,5 óra körüli. A napkelte 6:50 körül, a napnyugta pedig 17:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is jelentős, 70-90 mm körüli értékkel. Az esős napok száma 10-13 között alakul, de már előfordulhatnak hosszabb napos időszakok is.</p>



<p class="wp-block-paragraph">A páratartalom magas marad, 75-80% körüli. A szél erőssége változó, de még mindig jelentős lehet. A tenger hideg marad, 15-16°C körüli hőmérséklettel.</p>



<p class="wp-block-paragraph">A februári öltözködés hasonló a januárihoz, de már lehet számítani melegebb napokra is. Rétegelt öltözködés ajánlott, hogy könnyen alkalmazkodni lehessen a változó időjáráshoz.</p>



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



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



<p class="wp-block-paragraph">Március a tavasz kezdetét jelzi Szicílián, jelentős javulással az időjárási viszonyokban. A nappali hőmérséklet 18-20°C közé emelkedik, míg éjszaka 12-14°C körül alakul.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége csökken, 60-80 mm körüli értékre. Az esős napok száma 8-10 közé csökken, és egyre gyakoribbá válnak a napos, kellemes napok.</p>



<p class="wp-block-paragraph">A páratartalom mérséklődik, 70-75% körülire. A szél nyugodtabbá válik. A tenger még mindig hűvös, 16-17°C körüli hőmérséklettel, de a partvidéki sétákhoz már kellemes.</p>



<p class="wp-block-paragraph">A márciusi látogatáshoz átmeneti öltözék ajánlott: könnyebb dzseki, hosszú nadrág, de már napszemüveg is hasznos lehet. A változékony időjárás miatt rétegelt öltözködés praktikus.</p>



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



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



<p class="wp-block-paragraph">Április már egyértelműen tavaszi hónap, kellemes időjárással és virágzó természettel. A nappali hőmérséklet 21-23°C közé emelkedik, míg éjszaka 15-17°C körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább növekszik, átlagosan napi 7-8 óra. A nappali világosság időtartama 13 óra körüli. A napkelte 5:50 körül, a napnyugta pedig 19:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége csökken, 40-60 mm körüli értékre. Az esős napok száma 6-8 közé mérséklődik, többnyire rövid záporok formájában.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 65-70% körüli. A szél gyenge vagy mérsékelt erősségű. A tenger lassan melegszik, 17-18°C körüli hőmérséklettel.</p>



<p class="wp-block-paragraph">Az áprilisi látogatáshoz könnyebb ruházat ajánlott: hosszú nadrág, kardigán vagy vékony pulóver, kényelmes sétacipő. Az időjárás már stabil, ideális a szabadtéri programokhoz.</p>



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



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



<p class="wp-block-paragraph">Május Szicílián gyönyörű hónap, ideális időjárási viszonyokkal. A nappali hőmérséklet 24-27°C közé emelkedik, míg éjszaka 18-20°C körül alakul, kellemes alvási körülményeket biztosítva.</p>



<p class="wp-block-paragraph">A napsütéses órák száma magas, átlagosan napi 9-10 óra. A nappali világosság időtartama 14 óra körüli. A napkelte 5:30 körül, a napnyugta pedig 19:30 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 20-40 mm körüli értékkel. Az esős napok száma 4-6 között alakul, általában rövid, délutáni záporok formájában.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 60-65% körüli. A szél gyenge vagy mérsékelt. A tenger jelentősen melegszik, 20-21°C körüli hőmérséklettel, már alkalmas lehet az első fürdőzésekhez.</p>



<p class="wp-block-paragraph">A májusi látogatáshoz könnyű, tavaszi ruházat ideális: rövidebb ujjú ingek, könnyű nadrág, szandál. Naptej és napszemüveg már szükséges lehet. Ez az egyik legjobb időszak Szicília felfedezésére.</p>



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



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



<p class="wp-block-paragraph">Júniusban kezdődik a nyár, kellemes meleggel és minimális csapadékkal. A nappali hőmérséklet 28-31°C közé emelkedik, míg éjszaka 22-24°C körül alakul.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége minimális, 10-20 mm körüli értékkel. Az esős napok száma 2-4 között alakul, ritkán előforduló, rövid záporok formájában.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 60-65% körüli. A szél általában gyenge. A tenger kellemes meleg, 23-24°C körüli hőmérséklettel, ideális a fürdéshez.</p>



<p class="wp-block-paragraph">A júniusi látogatáshoz nyári ruházat szükséges: rövidnadrág, póló, szandál, fürdőruha. Magas faktorszámú naptej, napszemüveg és kalap ajánlott. Ez kiváló időszak a strand és a kulturális programok kombinálására.</p>



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



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



<p class="wp-block-paragraph">Július a nyár csúcspontja, forró időjárással és szinte teljes csapadékmentességgel. A nappali hőmérséklet 31-34°C között alakul, míg éjszaka 25-27°C körül mozog.</p>



<p class="wp-block-paragraph">A napsütéses órák száma a legmagasabb, átlagosan napi 12-13 óra. A nappali világosság időtartama 15 óra körüli. A napkelte 5:20 körül, a napnyugta pedig 20:10 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége rendkívül alacsony, 5-10 mm körüli értékkel. Az esős napok száma 1-2 között alakul, gyakorlatilag csapadékmentes hónap.</p>



<p class="wp-block-paragraph">A páratartalom viszonylag alacsony, 55-60% körüli, de a magas hőmérséklettel kombinálva fülledt lehet. A szél gyenge vagy hiányzik. A tenger meleg, 25-26°C körüli hőmérséklettel.</p>



<p class="wp-block-paragraph">A júliusi látogatáshoz könnyű, légáteresztő ruházat szükséges. Fokozott napvédelem elengedhetetlen: magas faktorszámú naptej, napszemüveg, kalap. Bőséges folyadékbevitel fontos. A programokat érdemes 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 class="wp-block-paragraph">Augusztus a legforróbb hónap, extrém hőséggel és szárazsággal. A nappali hőmérséklet gyakran meghaladja a 35°C-ot, akár 40°C fölé is emelkedhet. Éjszaka 26-28°C körül alakul, ami megnehezíti az alvást.</p>



<p class="wp-block-paragraph">A napsütéses órák száma továbbra is magas, átlagosan napi 11-12 óra. A nappali világosság időtartama 14 óra körüli. A napkelte 5:40 körül, a napnyugta pedig 19:40 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége minimális, 5-15 mm körüli értékkel. Gyakorlatilag csapadékmentes hónap, esetleg alkalmi zivatar fordulhat elő.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 55-60% körüli, de a rendkívüli hőség miatt nehéz lehet az akklimatizáció. A szél hiányzik vagy nagyon gyenge. A tenger a legmelegebb, 26-27°C körüli hőmérséklettel.</p>



<p class="wp-block-paragraph">Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban, de még fokozottabb figyelemmel. Légkondicionált szállás és árnyékos programok ajánlottak. A déli órákban (11:00-16:00) ajánlott a beltéri tartózkodás.</p>



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



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



<p class="wp-block-paragraph">Szeptemberben enyhül a hőség, de még mindig kellemes nyári időjárás uralkodik. A nappali hőmérséklet 28-31°C között alakul, míg éjszaka 23-25°C körül mozog, kellemes alvási körülményeket biztosítva.</p>



<p class="wp-block-paragraph">A napsütéses órák száma magas marad, átlagosan napi 9-10 óra. A nappali világosság időtartama 12,5 óra körüli. A napkelte 6:10 körül, a napnyugta pedig 18:50 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 30-50 mm körüli értékre. Az esős napok száma 4-6 között alakul, általában rövid, intenzív záporok vagy zivatarok formájában.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 60-65% körüli. A szél gyenge vagy mérsékelt erősségű. A tenger még mindig meleg, 24-25°C körüli hőmérséklettel, ideális a fürdéshez.</p>



<p class="wp-block-paragraph">A szeptemberi látogatás kiváló választás: kellemes hőmérséklet, meleg tenger, kevesebb turista. Könnyű nyári ruházat mellett érdemes egy vékony dzsekit is vinni az esős napokra.</p>



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



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



<p class="wp-block-paragraph">Október még mindig kellemes időjárást kínál, bár már érezhető az ősz közeledte. A nappali hőmérséklet 24-27°C között alakul, míg éjszaka 19-21°C körül mozog.</p>



<p class="wp-block-paragraph">A napsütéses órák száma csökken, átlagosan napi 7-8 óra. A nappali világosság időtartama 11 óra körüli. A napkelte 6:50 körül, a napnyugta pedig 18:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 60-80 mm körüli értékre. Az esős napok száma 8-10 között alakul, gyakrabban előfordulnak zivatarok.</p>



<p class="wp-block-paragraph">A páratartalom mérsékelten emelkedik, 65-70% körülire. A szél változó erősségű lehet. A tenger még mindig kellemes, 22-23°C körüli hőmérséklettel.</p>



<p class="wp-block-paragraph">Az októberi látogatáshoz átmeneti ruházat ajánlott: hosszú nadrág, kardigán, könnyű dzseki. Esőkabát vagy esernyő hasznos lehet. Még mindig lehet strandolni, de a kulturális programok is ideálisak.</p>



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



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



<p class="wp-block-paragraph">Novemberben jelentősen változik az időjárás, már egyértelműen őszi viszonyok uralkodnak. A nappali hőmérséklet 19-22°C között alakul, míg éjszaka 15-17°C körül mozog.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége magas, 80-100 mm körüli értékkel. Az esős napok száma 10-12 között alakul, gyakori a tartós esőzés.</p>



<p class="wp-block-paragraph">A páratartalom magas, 70-75% körüli. A szél gyakran erős lehet. A tenger hűlni kezd, 19-20°C körüli hőmérséklettel.</p>



<p class="wp-block-paragraph">A novemberi látogatáshoz melegebb ruházat szükséges: kabát, pulóver, hosszú nadrág, zárt cipő. Vízálló ruházat ajánlott. A programokat inkább beltérre vagy múzeumokra érdemes koncentrálni.</p>



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



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



<p class="wp-block-paragraph">December a tél kezdete, hűvös és csapadékos időjárással. A nappali hőmérséklet 16-18°C között alakul, míg éjszaka 11-13°C körül mozog.</p>



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, átlagosan napi 4-5 óra. A nappali világosság időtartama a legrövidebb, 9,5 óra körüli. A napkelte 7:05 körül, a napnyugta pedig 16:50 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, 90-110 mm körüli értékkel. Az esős napok száma 12-15 között alakul, gyakori a borús, esős időjárás.</p>



<p class="wp-block-paragraph">A páratartalom magas, 75-80% körüli. A szél gyakran erős lehet, különösen a nyugati partokon. A tenger hideg, 17-18°C körüli hőmérséklettel.</p>



<p class="wp-block-paragraph">A decemberi látogatáshoz téli ruházat szükséges: meleg kabát, pulóver, hosszú nadrág, vízálló cipő. Esőkabát elengedhetetlen. A karácsonyi hangulat és a kulturális programok kompenzálhatják a kedvezőtlen időjárá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-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">Szicília 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: 15 },
{ honap5: "Február", homerseklet5: 16 },
{ honap5: "Március", homerseklet5: 19 },
{ honap5: "Április", homerseklet5: 22 },
{ honap5: "Május", homerseklet5: 25 },
{ honap5: "Június", homerseklet5: 29 },
{ honap5: "Július", homerseklet5: 32 },
{ honap5: "Augusztus", homerseklet5: 35 },
{ honap5: "Szeptember", homerseklet5: 29 },
{ honap5: "Október", homerseklet5: 25 },
{ honap5: "November", homerseklet5: 20 },
{ honap5: "December", homerseklet5: 17 }
    ];
    // 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 class="wp-block-paragraph"><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">Szicília havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: 12 },
{ honap: "Február", homerseklet: 13 },
{ honap: "Március", homerseklet: 15 },
{ honap: "Április", homerseklet: 19 },
{ honap: "Május", homerseklet: 23 },
{ honap: "Június", homerseklet: 26 },
{ honap: "Július", homerseklet: 29 },
{ honap: "Augusztus", homerseklet: 31 },
{ honap: "Szeptember", homerseklet: 27 },
{ honap: "Október", homerseklet: 23 },
{ honap: "November", homerseklet: 18 },
{ honap: "December", homerseklet: 15 }
    ];
    // 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 class="wp-block-paragraph"><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">Szicília á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: 90 },
{ honap: "Február", csapadek: 80 },
{ honap: "Március", csapadek: 70 },
{ honap: "Április", csapadek: 50 },
{ honap: "Május", csapadek: 30 },
{ honap: "Június", csapadek: 15 },
{ honap: "Július", csapadek: 8 },
{ honap: "Augusztus", csapadek: 10 },
{ honap: "Szeptember", csapadek: 40 },
{ honap: "Október", csapadek: 70 },
{ honap: "November", csapadek: 90 },
{ honap: "December", csapadek: 100 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




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



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



<p class="wp-block-paragraph"><strong>Január-február</strong>: A víz hőmérséklete 15-16°C között alakul. Ez hideg a fürdőzéshez, csak a legedzettebb úszók számára alkalmas.</p>



<p class="wp-block-paragraph"><strong>Március-április</strong>: A víz hőmérséklete lassan emelkedik, 16-18°C közötti értékeket érve el. Még mindig hűvös a komfortos fürdéshez.</p>



<p class="wp-block-paragraph"><strong>Május</strong>: A víz hőmérséklete 20-21°C körülire melegszik. Már lehet fürdeni, bár még frissítőnek hat.</p>



<p class="wp-block-paragraph"><strong>Június-július</strong>: A víz hőmérséklete 23-26°C közé emelkedik. Ideális hőmérséklet a fürdőzéshez és vízi sportokhoz.</p>



<p class="wp-block-paragraph"><strong>Augusztus-szeptember</strong>: A tenger a legmelegebb, 26-27°C körüli hőmérséklettel. Tökéletes minden vízi tevékenységhez.</p>



<p class="wp-block-paragraph"><strong>Október</strong>: A víz hőmérséklete 22-23°C körül alakul. Még kellemes a fürdéshez, különösen napos napokon.</p>



<p class="wp-block-paragraph"><strong>November-december</strong>: A tenger hűlni kezd, 19-20°C, majd 17-18°C-ra csökken. Már hűvös a komfortos fürdéshez.</p>



<p class="wp-block-paragraph">A szicíliai partok közül a déli és keleti partok általában 1-2°C-kal melegebbek, mint az északi és nyugati részek, a tengeri áramlatok és a széljárás különbségei 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-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: 16 },
{ honap: "Február", homerseklet: 15 },
{ honap: "Március", homerseklet: 17 },
{ honap: "Április", homerseklet: 18 },
{ honap: "Május", homerseklet: 21 },
{ honap: "Június", homerseklet: 24 },
{ honap: "Július", homerseklet: 26 },
{ honap: "Augusztus", homerseklet: 27 },
{ honap: "Szeptember", homerseklet: 25 },
{ honap: "Október", homerseklet: 23 },
{ honap: "November", homerseklet: 20 },
{ honap: "December", homerseklet: 18 }
    ];
    // Méretek és margók beállítása
    const margin3 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width3 = 800 - margin3.left - margin3.right;
    const height3 = 400 - margin3.top - margin3.bottom;
    // SVG elem létrehozása
    const svg3 = d3.select("#chart3")
      .append("svg")
      .attr("width", width3 + margin3.left + margin3.right)
      .attr("height", height3 + margin3.top + margin3.bottom)
      .append("g")
      .attr("transform", `translate(${margin3.left},${margin3.top})`);
    // Tooltip létrehozása
    const tooltip3 = d3.select("body").append("div")
      .attr("class", "tooltip3");
    // Skálák beállítása
    const x3 = d3.scaleBand()
      .domain(data3.map(d => d.honap))
      .range([0, width3])
      .padding(0.2);
    const y3 = d3.scaleLinear()
      .domain([0, d3.max(data3, d => d.homerseklet) + 0])
      .nice()
      .range([height3, 0]);
    // X tengely rajzolása
    svg3.append("g")
      .attr("class", "axis3")
      .attr("transform", `translate(0,${height3})`)
      .call(d3.axisBottom(x3))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis3 = svg3.append("g")
      .attr("class", "axis3")
      .call(d3.axisLeft(y3).tickSize(-width3).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis3.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis3.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg3.append("text")
      .attr("class", "axis-label3")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin3.left + 15)
      .attr("x", -height3 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg3.selectAll(".bar3")
      .data(data3)
      .enter()
      .append("rect")
      .attr("class", "bar3")
      .attr("x", d => x3(d.honap))
      .attr("width", x3.bandwidth())
      .attr("y", d => y3(d.homerseklet))
      .attr("height", d => height3 - y3(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip3.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip3.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer3');
      const slider = document.getElementById('chartSlider3');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




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



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



<p class="wp-block-paragraph">Szicília déli földrajzi elhelyezkedése miatt az UV sugárzás jelentős az év nagy részében, különösen a nyári hónapokban.</p>



<p class="wp-block-paragraph"><strong>Január-február</strong>: Az UV index alacsony, 2-3 körüli értékekkel. Minimális napvédelem szükséges.</p>



<p class="wp-block-paragraph"><strong>Március-április</strong>: Az UV index emelkedik, 4-6 közötti értékekre. Kezd szükségessé válni a napvédelem.</p>



<p class="wp-block-paragraph"><strong>Május</strong>: Az UV index 7-8 körülire nő, ami már &#8222;magas&#8221; kategóriába tartozik. Napvédő krém ajánlott.</p>



<p class="wp-block-paragraph"><strong>Június-július</strong>: Az UV index eléri a 9-10 értéket, ami &#8222;nagyon magas&#8221; kategória. Fokozott napvédelem szükséges.</p>



<p class="wp-block-paragraph"><strong>Augusztus</strong>: A legmagasabb UV értékek, 10-11 körül, ami &#8222;extrém&#8221; kategóriának számít. Kötelező a napvédelem.</p>



<p class="wp-block-paragraph"><strong>Szeptember-október</strong>: Az UV index 7-8, majd 5-6 körülire csökken. Még mindig szükséges a napvédelem.</p>



<p class="wp-block-paragraph"><strong>November-december</strong>: Az UV index alacsony, 3-4, majd 2-3 körüli értékekkel.</p>



<p class="wp-block-paragraph">A nyári hónapokban (június-augusztus) fokozott óvatosság ajánlott: magas faktorszámú (SPF 30+) napvédő krém, napszemüveg, kalap használata, valamint a közvetlen napfény kerülése 11:00-15:00 között.</p>



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



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




<p class="wp-block-paragraph"><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 class="wp-block-paragraph">Szicílián több szélsőséges időjárási jelenség is előfordul, amelyek befolyásolhatják az utazási terveket.</p>



<p class="wp-block-paragraph"><strong>Sirocco szél</strong>: Az Afrika felől érkező forró, száraz szél különösen nyáron okozhat problémákat. A hőmérsékletet akár 5-10°C-kal is megemelheti, és por- vagy homokviharral járhat. Légzési problémákat okozhat, és korlátozhatja a szabadtéri tevékenységeket.</p>



<p class="wp-block-paragraph"><strong>Téli viharok</strong>: November és március között erős viharok sújthatják a szigetet, amelyek heves esőzéssel, széllel és hullámzással járnak. Ezek áradásokat okozhatnak, különösen a városokban és az alacsony területeken.</p>



<p class="wp-block-paragraph"><strong>Nyári hőhullámok</strong>: Július-augusztusban a hőmérséklet meghaladhatja a 40°C-ot, különösen a belső területeken. Ez hőkimerülést vagy hőgutát okozhat, főleg idősek és gyerekek esetében.</p>



<p class="wp-block-paragraph"><strong>Zivatarok</strong>: Főként őszi és tavaszi időszakban intenzív zivatarok alakulhatnak ki, amelyek villámlással, jégesővel és hirtelen áradásokkal járnak.</p>



<p class="wp-block-paragraph"><strong>Etna kitörések</strong>: Bár ritkán veszélyesek a turistákra nézve, az Etna vulkán tevékenysége hamufelhőket és hamuesőt okozhat, amely befolyásolhatja a légiforgalmat és a látási viszonyokat.</p>



<p class="wp-block-paragraph"><strong>Földrengések</strong>: Szicília szeizmikusan aktív terület. Kisebb földrengések gyakran előfordulnak, de a jelentősebb rengések ritkák.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Különbségek a tengerparti területek és a belső területek között</strong></h2>



<p class="wp-block-paragraph">Szicílián jelentős klimatikus különbségek vannak a tengerparti és a belső területek között, amely befolyásolja az utazási élményt.</p>



<p class="wp-block-paragraph"><strong>Tengerparti területek</strong>: A part menti zónákban enyhébb a klíma a tenger hőmérséklet-kiegyenlítő hatása miatt. Télen melegebb, nyáron hűvösebb, mint a belső területeken. A tengeri szellő csökkenti a nyári hőség érezhetőségét. A páratartalom általában magasabb. Az esőzések gyakran rövidebb ideig tartanak, és gyorsabban tisztul az időjárás.</p>



<p class="wp-block-paragraph"><strong>Belső területek és hegyvidék</strong>: A szárazföld belsejében szélsőségesebb a klíma. Nyáron akár 5-8°C-kal is melegebb lehet, mint a partokon, télen pedig jelentősen hidegebb. A hegyvidéki területeken (Etna, Madonie, Nebrodi) akár hó is eshet télen, és nyáron is hűvösebb van. A napi hőmérséklet-ingadozás nagyobb. Kevesebb a csapadék, de ha esik, akkor általában intenzívebb.</p>



<p class="wp-block-paragraph"><strong>Szél hatása</strong>: A különböző partszakaszok eltérően vannak kitéve a szeleknek. Az északi partot gyakrabban érik hideg szelek, míg a déli részt a meleg sirocco. A nyugati partok általában szélesebb a hullámzás, a keleti partok védettebb öblökkel rendelkeznek.</p>



<p class="wp-block-paragraph"><strong>Mikroklíma</strong>: Egyes völgyek és védett területek saját mikroklímával bírnak. Például Taormina környéke különösen kedvező mikroklímájú, míg Palermo városa nyáron fülledtebb lehet a városi hősziget-effektus miatt.</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 Szicíliára utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Szicília meglátogatására <strong>május elejétől június végéig, valamint szeptember elejétől október közepéig</strong>. Ezekben az időszakokban a hőmérséklet kellemes (20-28°C), a csapadék minimális vagy mérsékelt, és a tenger is megfelelően meleg a fürdéshez.</p>



<p class="wp-block-paragraph"><strong>Május-június</strong> különösen ajánlott, amikor a természet virágba borul, az időjárás stabil, a tenger fokozatosan melegszik (20-25°C), és még nem érte el tetőpontját a turista forgalom. Ez az időszak ideális a kultúra és a strand kombinálására, valamint a túrázásra és szabadtéri programokra.</p>



<p class="wp-block-paragraph"><strong>Szeptember-október eleje</strong> szintén kiváló választás, amikor a nyári hőség már enyhül, de a tenger még kellően meleg (22-25°C) a fürdéshez. A turisták száma csökken, az árak mérséklődnek, és az időjárás még többnyire stabil. A szüret időszaka különleges hangulatot kölcsönöz a szigetnek.</p>



<p class="wp-block-paragraph">Július-augusztus a csúcsszezon, forró időjárással (30-35°C+), minimális csapadékkal és a legmelegebb tengervízzel (25-27°C). Bár ideális a strandoláshoz, a nagy hőség megnehezíti a városnézést, magasak az árak, és zsúfoltak a strandok. Csak akkor ajánlott, ha kifejezetten strand- és tengeri nyaralásra utazol, és jól tűröd a hőséget.</p>



<p class="wp-block-paragraph">Április és november átmeneti időszakok: április még hűvös lehet a fürdéshez, de kiváló a kulturális programokhoz és túrázáshoz. November már csapadékosabb, de még kellemes lehet a városnézéshez.</p>



<p class="wp-block-paragraph">December-március a legkevésbé ajánlott időszak a változékony, csapadékos időjárás miatt, bár a kulturális nevezetességek meglátogatására és a helyi gasztronómia megismerésére alkalmas lehet. Az árak jelentősen alacsonyabbak, és autentikusabb élményt nyújt a helyi életforma megismerése.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Április</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>Július</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Augusztus</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Október</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>November</td>

<td>Átlagos</td>

</tr>

<tr class="not-recommended">

<td>December</td>

<td>Nem ajánlott</td>

</tr>

</tbody>

</table></div>

</body>

</html>



<p class="wp-block-paragraph"></p>
<p>A <a href="https://mikorutazz.hu/szicilia-idojarasa/">Szicília időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pisa időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/pisa-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Wed, 17 Sep 2025 08:52:45 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1314</guid>

					<description><![CDATA[<p>Pisa egy gyönyörű toszkán város, gazdag történelemmel és ikonikus épületekkel. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Pisa időjárását a mediterrán éghajlat határozza meg, ami meleg,&#8230;</p>
<p>A <a href="https://mikorutazz.hu/pisa-idojarasa/">Pisa időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Pisa egy gyönyörű toszkán város, gazdag történelemmel és ikonikus épületekkel. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Pisa időjárását a mediterrán éghajlat határozza meg, ami meleg, száraz nyarakat és enyhe, nedves teleket eredményez. Az Arno folyó mentén elhelyezkedő város Toszkána szívében található, a híres Ferde torony otthona. A Földközi-tengertől mindössze 20 kilométerre fekvő város a mediterrán klímájának köszönhetően kellemes időjárást biztosít az év nagy részében.</p>



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



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



<p class="wp-block-paragraph">Pisa négy jól elkülöníthető évszakkal rendelkezik, amelyek mindegyike egyedi karakterrel bír. A nyár és a tél határozottan eltérő, míg a tavasz és az ősz hosszabb átmeneti időszakok, amelyek különösen kedvezőek a látogatók számára.</p>



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



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



<p class="wp-block-paragraph">A tavasz kellemes és fokozatosan melegedő időszak Pisában, amikor a város újra életre kel. Az átlaghőmérséklet <strong>14-22°C</strong> között mozog. A tavasz elején még hűvösebb napok jellemzőek, de gyorsan felmelegszik. A toszkán táj virágba borul, különösen áprilisban és májusban, amikor a ciprusok és olajfák környékén gyönyörű látvány tárul elénk.</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 class="wp-block-paragraph">A nyár meleg és száraz, tipikus mediterrán időjárással. Az átlaghőmérséklet <strong>24-26°C</strong>, de a nappali maximum gyakran 28-32°C-ot ér el. A páratartalom alacsony (55-65%), ami kellemes közérzetet biztosít még a melegebb napokon is. Július és augusztus a legmelegebb hónapok. A nyári időszak általában száraz, kevés csapadékkal.</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 class="wp-block-paragraph">Az ősz Pisa egyik legszebb évszaka, kellemes hőmérséklettel és változatos időjárással. Az átlaghőmérséklet <strong>16-20°C</strong> között alakul. A csapadék mennyisége növekszik, és az őszi szüret időszaka különösen hangulatos. Az őszi hónapok ideálisak a városnézéshez és a toszkán táj felfedezéséhez.</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 class="wp-block-paragraph">A tél enyhe és nedves, az átlaghőmérséklet <strong>8-12°C</strong> között mozog, de éjszaka gyakran 3-5°C-ra süllyed. Fagy ritka, de előfordulhat, különösen januárban. A nappalok általában hűvösek, 10-14°C körül. A téli időszak a legcsapadékosabb az évben.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Pisa 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 class="wp-block-paragraph">Január Pisa leghidegebb hónapja. A nappali hőmérséklet általában 10°C körül mozog, míg éjszaka 3°C körülire süllyedhet. Fagypont alatti hőmérséklet előfordulhat, különösen a hajnali órákban, de nem gyakori.</p>



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, átlagosan napi 3-4 óra. A nappali világosság időtartama rövid, mintegy 9,5 óra. A napkelte 7:45 körül, a napnyugta pedig már 17:15 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, átlagosan 85 mm körül mozog. A havi csapadékos napok száma 10-12, általában enyhe eső vagy szitálás formájában.</p>



<p class="wp-block-paragraph">A relatív páratartalom 75% körüli, ami nedves levegőt jelent. Az égbolt gyakran borús, korlátozott napsütéssel.</p>



<p class="wp-block-paragraph">Ha januárban utazol Pisába, vigyél magaddal meleg kabátot és vízálló cipőt. Esernyő vagy esőkabát is ajánlott a gyakori esőzések miatt.</p>



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



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



<p class="wp-block-paragraph">A február hasonló a januárhoz, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 12°C körülire emelkedhet, míg éjszaka 4°C körül alakul. A fagy már ritkább, és a hónap második felében már kellemes napok is előfordulhatnak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége csökken, átlagosan 70 mm körül. A csapadékos napok száma 8-10 között mozog.</p>



<p class="wp-block-paragraph">A levegő továbbra is nedves, 73% körüli páratartalommal. A februári látogatáshoz még mindig meleg ruházat szükséges, de már kevésbé zord az időjárás.</p>



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



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



<p class="wp-block-paragraph">A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 16°C-ot is elérhet, míg az éjszakák 7°C körül alakulnak. Fagyos reggelek már ritkák.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 65 mm körüli értékkel. A csapadékos napok száma 8-9.</p>



<p class="wp-block-paragraph">A páratartalom csökken, 70% körüli értékre. A márciusi időjárás kellemes a városlátogatáshoz, bár még rétegesen ajánlott öltözködni.</p>



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



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



<p class="wp-block-paragraph">Az április már egyértelműen tavaszi hónap, jelentős felmelegedéssel. A nappali hőmérséklet 19°C körülire emelkedik, míg éjszaka 10°C körül alakul. A hideg napok már ritkák, és a hónap végére már kellemes meleg napok jellemzőek.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége csökken, 55 mm körüli értékkel. Az esős napok száma 7-8, általában rövid záporok formájában.</p>



<p class="wp-block-paragraph">A levegő páratartalma kellemes, 68% körüli. Április az egyik legjobb hónap Pisa látogatására &#8211; kellemes hőmérséklet, kevés eső, virágzó természet.</p>



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



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



<p class="wp-block-paragraph">Május a kora nyári időszak kezdete, kellemes meleg hőmérséklettel. A nappali értékek 23°C körülire emelkednek, míg éjszaka 14°C körül alakulnak. A hónap végére már nyárias napok jellemzőek.</p>



<p class="wp-block-paragraph">A napsütéses órák száma továbbra is magas, átlagosan 8 óra. A nappali világosság időtartama eléri a 14,5 órát. A napkelte 5:30 körül, a napnyugta pedig 19:45 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 45 mm körüli értékkel. A csapadékos napok száma 6-7, mivel a száraz nyári időszak közelgete már érezhető.</p>



<p class="wp-block-paragraph">A páratartalom tovább csökken, 65% körüli értékre. A májusi látogatáshoz könnyű ruházat ajánlott, de érdemes egy könnyű dzseki is a késő esti órákra.</p>



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



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



<p class="wp-block-paragraph">Június már igazi nyári hónap, kellemes meleg hőmérsékletekkel. A nappali maximum 27°C körülire emelkedik, míg éjszaka 18°C körül alakul. A száraz nyári időszak kezdete.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége minimális, mindössze 25 mm körüli értékkel. Az esős napok száma csupán 3-4, általában rövid záporok formájában.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 60% körüli, ami kellemes száraz közérzetet okoz. A júniusi utazáshoz könnyű nyári ruházat és fényvédelem ajánlott.</p>



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



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



<p class="wp-block-paragraph">Július Pisa egyik legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 30°C-ot, míg az éjszakák is melegek maradnak, 20°C körüli értékekkel. A száraz, meleg mediterrán nyár csúcspontja.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége rendkívül alacsony, mindössze 15 mm körüli értékkel. A száraz időszak teljében, alig 2-3 esős nap.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 58% körüli, ami száraz, kellemes közérzetet biztosít még a meleg ellenére is. A júliusi látogatáshoz könnyű ruházat, kalap és fényvédő ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az augusztus szintén rendkívül meleg és száraz. A nappali hőmérséklet 30°C körül alakul, míg éjszaka 20°C-ra hűl le. Ez az év egyik legmelegebb hónapja, de az alacsony páratartalom miatt elviselhető.</p>



<p class="wp-block-paragraph">A napsütéses órák száma napi 9-10 óra. A nappali világosság időtartama észrevehetően csökken, 14 órára. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is minimális, 20 mm körüli értékkel. Az augusztusi szárazság miatt alig 2-3 esős nap várható.</p>



<p class="wp-block-paragraph">A páratartalom továbbra is alacsony, 60% körüli értékre. 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ékbevitel, fényvédelem.</p>



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



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



<p class="wp-block-paragraph">A szeptember a nyár végét és az ősz kezdetét jelzi, még mindig kellemes meleg időjárással. A nappali hőmérséklet 26°C körül alakul, éjszaka pedig 17°C-ra csökken. Az egyik legkellemesebb hónap.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekedni kezd, 60 mm körüli értékre. Az őszi esők visszatérése, 6-7 csapadékos nap.</p>



<p class="wp-block-paragraph">A páratartalom enyhén emelkedik, 65% körüli, de a kellemes hőmérséklet miatt még mindig komfortos. A szeptemberi látogatás ideális a városlátogatáshoz.</p>



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



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



<p class="wp-block-paragraph">Az október kellemes őszi hónap, változatos időjárással. A nappali hőmérséklet 21°C körülire csökken, míg éjszaka 13°C körül alakul. A colorito (őszi színek) gyönyörű látványt nyújtanak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 95 mm körüli értékkel. A csapadékos napok száma 9-10, gyakori őszi esők.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 72% körüli értékre. Az októberi látogatáshoz rétegesen ajánlott öltözködni, esernyő hasznos lehet.</p>



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



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



<p class="wp-block-paragraph">A november már az ősz közepét-végét jelenti, hűvösebb időjárással. A nappali hőmérséklet 15°C körülire süllyed, míg éjszaka már 8°C körött alakul. Gyakran borús, nedves napok jellemzőek.</p>



<p class="wp-block-paragraph">A napsütéses órák száma jelentősen csökken, átlagosan napi 3-4 órára. A nappali világosság időtartama tovább rövidül, 9,5 órára. A napkelte 7:00 körül, a napnyugta pedig már 17:00 körül következik be.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, 110 mm körüli értékkel. A csapadékos napok száma 11-12, gyakori esőzések.</p>



<p class="wp-block-paragraph">A páratartalom 75% körüli, ami nedves levegőt eredményez. A novemberi látogatáshoz meleg kabát és vízálló cipő ajánlott.</p>



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



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



<p class="wp-block-paragraph">A december Pisa egyik leghűvösebb és legcsapadékosabb hónapja. A nappali hőmérséklet 11°C körül alakul, míg éjszaka 4°C körülire is süllyedhet. Fagypont alatti hőmérséklet ritkán, de előfordulhat.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri az éves mélypontot, átlagosan napi 3 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 9 órát. A napkelte késői, 7:45 körüli, a napnyugta pedig korai, 16:45 körüli.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, 90 mm körüli értékkel. A csapadékos napok száma 10-11.</p>



<p class="wp-block-paragraph">A levegő nedves, 76% körüli páratartalommal. A decemberi látogatáshoz téli kabát, meleg ruházat és vízálló felszerelés ajánlott.</p>



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



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



<p class="wp-block-paragraph"><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">Pisa á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: 85 },
{ honap: "Február", csapadek: 70 },
{ honap: "Március", csapadek: 65 },
{ honap: "Április", csapadek: 55 },
{ honap: "Május", csapadek: 45 },
{ honap: "Június", csapadek: 25 },
{ honap: "Július", csapadek: 15 },
{ honap: "Augusztus", csapadek: 20 },
{ honap: "Szeptember", csapadek: 60 },
{ honap: "Október", csapadek: 95 },
{ honap: "November", csapadek: 110 },
{ honap: "December", csapadek: 90 }
    ];
    // 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">Pisa 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: 70 },
{ honap11: "Április", paratartalom11: 68 },
{ honap11: "Május", paratartalom11: 65 },
{ honap11: "Június", paratartalom11: 60 },
{ honap11: "Július", paratartalom11: 58 },
{ honap11: "Augusztus", paratartalom11: 60 },
{ honap11: "Szeptember", paratartalom11: 65 },
{ honap11: "Október", paratartalom11: 72 },
{ honap11: "November", paratartalom11: 75 },
{ 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 class="wp-block-paragraph">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 Pisában</strong></h2>



<p class="wp-block-paragraph">Pisa UV-sugárzási szintjei a mediterrán éghajlatnak megfelelően alakulnak, jelentős szezonális eltérésekkel. A nyári hónapokban különösen fontos a megfelelő védelem.</p>



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



<p class="wp-block-paragraph">A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 4-5-ös értéket ér el (mérsékelt), áprilisban 6-7-re (magas), májusban pedig 7-8-as szintre (magas) emelkedik. A tavasz második felében már 20-30 perc alatt le lehet égni védelem nélkül.</p>



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



<p class="wp-block-paragraph">A nyári hónapokban Pisa UV-indexe eléri a 8-10-es értéket (nagyon magas), különösen a déli órákban (11:00-15:00 között). Júliusban és augusztusban a sugárzás intenzitása miatt védelem nélkül akár 15-20 perc alatt is napégést lehet szenvedni.</p>



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



<p class="wp-block-paragraph">Az ősz elején, októberben az UV-index 4-5-ös értékkel (mérsékelt), majd novemberre csökken 2-3-as szintre (alacsony). Azonban még októberben is fennáll a leégés veszélye hosszabb szabadtéri tartózkodás esetén.</p>



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



<p class="wp-block-paragraph">A téli hónapokban az UV-index alacsony, átlagosan 1-3-as értékkel (alacsony-mérsékelt). A téli napsütés gyenge, de hosszabb kitettség esetén még ekkor is ajánlott a védelem.</p>



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



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: Nyáron SPF 30-as, tavasszal és ősszel SPF 15-20-as fényvédő ajánlott.</li>



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



<li><strong>Megfelelő időzítés</strong>: A déli órák (11:00-15:00) elkerülése különösen nyáron.</li>



<li><strong>Árnyékos helyek</strong>: A Ferde torony és más műemlékek árnyékának kihasználása.</li>
</ul>



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



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



<p class="wp-block-paragraph"><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 class="wp-block-paragraph">Pisa térsége általában mentes a súlyos szélsőséges időjárási eseményektől, de bizonyos jelenségek előfordulhatnak.</p>



<p class="wp-block-paragraph">Az őszi és téli hónapokban előfordulhatnak intenzív esőzések, amelyek átmeneti áradásokat okozhatnak az Arno folyó mentén. A város történelme során többször tapasztalt árvizeket.</p>



<p class="wp-block-paragraph">A nyári hónapokban ritkán, de előfordulhatnak heves zivatarok, amelyek rövid ideig tartanak, de intenzívek lehetnek. Ezek általában gyorsan elvonulnak.</p>



<p class="wp-block-paragraph">A téli hónapokban előfordulhat köd, különösen a reggeli órákban, ami a látási viszonyokat ronthatja.</p>



<p class="wp-block-paragraph">Forró nyári napokon (35°C felett) hőhullámok alakulhatnak ki, amelyek különösen a városi területeken érezhetőek erősebben.</p>



<p class="wp-block-paragraph">A szél általában mérsékelt, de télen és tavasszal erősebb széllökések is előfordulhatnak, különösen az Arno völgyében.</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 Pisába utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Pisa meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen május és június között. Ilyenkor kellemes meleg hőmérséklet (20-27°C), alacsony páratartalom és minimális csapadék jellemzi a várost, ami ideális a városlátogatáshoz és a szabadtéri programokhoz. A toszkán táj ekkor a legszebb, virágzó természettel.</p>



<p class="wp-block-paragraph">A másik kiváló időszak <strong>szeptember és október eleje</strong>, amikor még kellemes meleg az időjárás (21-26°C), de a nyári forróság már elmúlt. Ez az időszak különösen népszerű a kulturális turizmus szerelmesei körében, mivel a tömegek is már csökkennek.</p>



<p class="wp-block-paragraph">A <strong>tavaszi hónapok</strong> (március-április) szintén jók, bár változékonyabb időjárással kell számolni. A természet felébredése és a kellemes hőmérséklet vonzó lehet, de esernyő ajánlott.</p>



<p class="wp-block-paragraph">A téli hónapok (december-február) kevésbé ideálisak a gyakori esőzések és hűvösebb időjárás miatt, bár a tömegek hiánya és az alacsonyabb árak vonzóak lehetnek. A karácsonyi időszak különleges hangulatot teremt.</p>



<p class="wp-block-paragraph">Kerülendő időszakok: Július és augusztus a legmelegebb, bár még elviselhető a száraz levegő miatt. November és december a legcsapadékosabb hónapok, gyakori esőzésekkel.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Április</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>Július</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Augusztus</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Október</td>

<td>Kiváló</td>

</tr>

<tr class="not-recommended">

<td>November</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>December</td>

<td>Nem ajánlott</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/43d7210d40/pisa/" data-label_1="PISA" data-theme="original" >PISA</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/pisa-idojarasa/">Pisa időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bari időjárása – mikor a legjobb Puglia-ba utazni?</title>
		<link>https://mikorutazz.hu/bari-idojarasa-mikor-a-legjobb-puglia-ba-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 15 Sep 2025 14:08:32 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1311</guid>

					<description><![CDATA[<p>Bari Puglia központja és emiatt sokan utaznak ide. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Bari időjárása tipikus mediterrán klíma, amely meleg, száraz&#8230;</p>
<p>A <a href="https://mikorutazz.hu/bari-idojarasa-mikor-a-legjobb-puglia-ba-utazni/">Bari időjárása – mikor a legjobb Puglia-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 class="wp-block-paragraph"><strong>Bari Puglia központja és emiatt sokan utaznak ide. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Bari időjárása tipikus mediterrán klíma, amely meleg, száraz nyarakat és enyhe, csapadékosabb teleket eredményez. A város az Adriai-tenger partján fekszik, Dél-Olaszországban, Puglia régió központja. A tenger közelsége jelentősen befolyásolja a helyi éghajlatot, mérsékelve a hőmérsékleti szélsőségeket.</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 class="wp-block-paragraph">Bari klímájában négy fő évszak különíthető el: enyhe tél, kellemes tavasz, meleg és száraz nyár, valamint kellemes ősz.</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 class="wp-block-paragraph">A tél Bariban enyhe és viszonylag csapadékos időszak. Az átlaghőmérséklet <strong>8-13°C</strong> között mozog, a nappali maximum körülbelül <strong>13°C</strong>, míg éjszaka ritkán süllyed fagypont alá. Ez az időszak a legcsapadékosabb az év során, havi 55-75 mm esővel. A téli hónapokat napsütéses és esős periódusok váltakozása jellemzi. Ritkán előfordulhat hó, de ez rendkívül ritka jelenség a tengerparti elhelyezkedés miatt.</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 class="wp-block-paragraph">A tavasz gyönyörű időszak Bariban, amikor a hőmérséklet fokozatosan emelkedik. Az átlaghőmérséklet <strong>11-23°C</strong> között változik március és május között. A csapadék mennyisége mérsékelt, átlagosan 35-45 mm havonta. Ez az egyik legkellemesebb időszak a város meglátogatására, amikor a természet feléled és az időjárás stabil.</p>



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



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



<p class="wp-block-paragraph">A nyár Bari legmelegebb és legszárazabb időszaka. Az átlaghőmérséklet <strong>23-30°C</strong> között alakul, de extrém hőhullámok során a hőmérséklet meghaladhatja a 40°C-ot is. A csapadék minimális, átlagosan 25-30 mm havonta, főként rövid záporok formájában. A nyári hónapokat bőséges napsütés és alacsony páratartalom jellemzi, ami kedvező a strandoláshoz és szabadtéri tevékenységekhez.</p>



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



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



<p class="wp-block-paragraph">Az ősz kellemes átmeneti időszak, amikor a hőmérséklet fokozatosan csökken. Az átlaghőmérséklet <strong>17-26°C</strong> között mozog. A csapadék mennyisége növekszik, különösen november hónapban, átlagosan 60-75 mm. Az őszi hónapok ideálisak a városnézéshez és kulturális programokhoz.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Bari 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 class="wp-block-paragraph">Január Bari legridegebb hónapja, de még mindig meglehetősen enyhe a mediterrán klímának köszönhetően. A nappali hőmérséklet általában <strong>9-13°C</strong> között mozog, míg éjszaka <strong>4-5°C-ra</strong> hűl le. A fagypont alatti hőmérsékletek ritkák, de előfordulhatnak, különösen a kontinentális légtömegek hatására.</p>



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, átlagosan napi 4,5 óra. A nappali világosság időtartama 9 óra 35 perc körüli. A napkelte 7:20 körül, a napnyugta pedig 17:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, átlagosan 55 mm körül, körülbelül 7 esős napon. Az esőzések általában rövid ideig tartó záporok vagy hosszabb, enyhébb esőzések formájában jelentkeznek.</p>



<p class="wp-block-paragraph">A relatív páratartalom magas, 74% körüli, ami a tenger közelsége miatt jellemző. A szél erőssége mérsékelt, átlagosan 12 km/h.</p>



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



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



<p class="wp-block-paragraph">Február hasonló a januárhoz, de már érezhető a tavasz közeledése. A nappali hőmérséklet <strong>9-13°C</strong> között alakul, éjszaka <strong>4-5°C</strong> körül. A hőmérsékleti ingadozás kicsi, ami stabil időjárási körülményeket jelent.</p>



<p class="wp-block-paragraph">A napsütéses órák száma kissé emelkedik, átlagosan napi 5 óra. A nappali világosság időtartama 10 óra 40 perc körül. A napkelte és napnyugta időpontjai kissé kitolódnak.</p>



<p class="wp-block-paragraph">A csapadék mennyisége a legmagasabb az év során, átlagosan 65 mm, körülbelül 8 esős napon. A februári esőzések gyakran tartósabbak, mint más hónapokban.</p>



<p class="wp-block-paragraph">A páratartalom továbbra is magas, 71% körüli. A szél erőssége hasonló a januárihoz.</p>



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



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



<p class="wp-block-paragraph">Március a tavasz kezdete, amikor a hőmérséklet észrevehetően emelkedni kezd. A nappali hőmérséklet <strong>11-16°C</strong> közé emelkedik, éjszaka <strong>6-7°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább nő, átlagosan napi 6 óra. A nappali világosság időtartama 12 óra körül. A tavaszi nap-éjszaka egyenlőség környékén vagyunk.</p>



<p class="wp-block-paragraph">A csapadék mennyisége csökken, átlagosan 40 mm körül, 7 esős napon. Az esőzések általában rövidebb ideig tartanak, és gyakrabban követi őket napsütés.</p>



<p class="wp-block-paragraph">A páratartalom kissé csökken, 70% körülire. A szél erőssége hasonló a téli hónapokhoz. A tenger vízhőmérséklete még mindig hideg, <strong>14°C</strong> körül.</p>



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



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



<p class="wp-block-paragraph">Április kellemes tavaszi időjárást hoz, jelentős melegedéssel. A nappali hőmérséklet <strong>14-19°C</strong> közé emelkedik, éjszaka <strong>9-10°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma jelentősen növekszik, átlagosan napi 7,5 óra. A nappali világosság időtartama 13 óra 25 perc körül.</p>



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is mérsékelt, átlagosan 40 mm körül, 6 esős napon. A záporok általában gyorsan elvonulnak.</p>



<p class="wp-block-paragraph">A páratartalom tovább csökken, 69% körülire. A szél valamivel enyhébb.</p>



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



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



<p class="wp-block-paragraph">Május az egyik legkellemesebb hónap Bariban, amikor a tavasz teljes szépségében mutatkozik meg. A nappali hőmérséklet <strong>18-24°C</strong> közé emelkedik, éjszaka <strong>13-14°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább nő, átlagosan napi 9 óra. A nappali világosság időtartama 14 óra 30 perc körül, hosszú nappalokkal.</p>



<p class="wp-block-paragraph">A csapadék mennyisége a legalacsonyabb a tavaszi hónapok között, átlagosan 35 mm körül, mindössze 5 esős napon. Az időjárás általában stabil és kellemes.</p>



<p class="wp-block-paragraph">A páratartalom csökken, 66% körülire. A szél gyengébb.</p>



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



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



<p class="wp-block-paragraph">Június a nyár kezdete, kellemes meleggel és bőséges napsütéssel. A nappali hőmérséklet <strong>23-28°C</strong> közé emelkedik, éjszaka <strong>17-18°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma az év legmagasabb szintjén, átlagosan napi 10,5 óra. A nappali világosság időtartama eléri a 15 órát is, a nyári napforduló környékén.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, átlagosan 25 mm körül, mindössze 4 esős napon. Az esőzések általában rövid, délutáni záporok.</p>



<p class="wp-block-paragraph">A páratartalom továbbra is csökken, 62% körülire. A szél gyenge.</p>



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



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



<p class="wp-block-paragraph">Július a legmelegebb hónapok egyike, tipikus mediterrán nyári időjárással. A nappali hőmérséklet <strong>25-30°C</strong> között mozog, éjszaka <strong>20°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma csúcsot dönt, átlagosan napi 11,5 óra. A nappali világosság időtartama körülbelül 15 óra.</p>



<p class="wp-block-paragraph">A csapadék mennyisége minimális, átlagosan 25 mm körül, mindössze 3 esős napon. Ez az egyik legszárazabb hónap az évben.</p>



<p class="wp-block-paragraph">A páratartalom az év legalacsonyabb szintjén, 60% körül. A szél mérsékelt.</p>



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



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



<p class="wp-block-paragraph">Augusztus Bari legmelegebb hónapja, intenzív nyári hőséggel. A nappali hőmérséklet <strong>25-31°C</strong> között alakul, éjszaka <strong>20-21°C</strong> körül mozog. Extrém hőhullámok során a hőmérséklet meghaladhatja a 40°C-ot is.</p>



<p class="wp-block-paragraph">A napsütéses órák száma továbbra is magas, átlagosan napi 10,5 óra. A nappali világosság időtartama lassan csökkenni kezd, 13 óra 40 perc körül.</p>



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is minimális, átlagosan 30 mm körül, 4 esős napon. Az esőzések általában rövid, heves záporok.</p>



<p class="wp-block-paragraph">A páratartalom kissé emelkedik, 63% körülire. A szél gyenge.</p>



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



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



<p class="wp-block-paragraph">Szeptember kellemes őszi időjárást hoz, még mindig meleg, de már kevésbé tűző napsütéssel. A nappali hőmérséklet <strong>21-26°C</strong> között mozog, éjszaka <strong>16-17°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma csökken, de még mindig bőséges, átlagosan napi 8,5 óra. A nappali világosság időtartama 12 óra 25 perc körül.</p>



<p class="wp-block-paragraph">A csapadék mennyisége emelkedik, átlagosan 60 mm körül, 5 esős napon. Az esőzések gyakran intenzívebbek, mint nyáron.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 69% körülire. A szél gyenge.</p>



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



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



<p class="wp-block-paragraph">Október kellemes őszi időjárást kínál, ideális a városnézéshez és szabadtéri tevékenységekhez. A nappali hőmérséklet <strong>17-22°C</strong> között mozog, éjszaka <strong>13-14°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább csökken, átlagosan napi 7 óra. A nappali világosság időtartama 11 óra 5 perc körül.</p>



<p class="wp-block-paragraph">A csapadék mennyisége megegyezik a szeptemberivel, átlagosan 60 mm körül, 6 esős napon. Az őszi esőzések gyakran tartósabbak.</p>



<p class="wp-block-paragraph">A páratartalom növekszik, 75% körülire. A szél gyengül.</p>



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



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



<p class="wp-block-paragraph">November az ősz második fele, jelentős lehűléssel és növekvő csapadékkal. A nappali hőmérséklet <strong>13-18°C</strong> között mozog, éjszaka <strong>9-10°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma jelentősen csökken, átlagosan napi 5 óra. A nappali világosság időtartama 9 óra 55 perc körül.</p>



<p class="wp-block-paragraph">A csapadék mennyisége az év egyik legmagasabb szintje, átlagosan 75 mm körül, 8 esős napon. Az esőzések gyakran tartósak és intenzívek.</p>



<p class="wp-block-paragraph">A páratartalom magas, 77% körül. A szél erőssége növekszik.</p>



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



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



<p class="wp-block-paragraph">December a tél kezdete, enyhe, de változékony időjárással. A nappali hőmérséklet <strong>10-14°C</strong> között mozog, éjszaka <strong>6-7°C</strong> körül alakul.</p>



<p class="wp-block-paragraph">A napsütéses órák száma az év legalacsonyabb szintjén, átlagosan napi 4 óra. A nappali világosság időtartama a legrövidebb, 9 óra 20 perc körül, a téli napforduló környékén.</p>



<p class="wp-block-paragraph">A csapadék mennyisége hasonló a januárihoz, átlagosan 55 mm körül, 7 esős napon. A téli esőzések változatos formákban jelentkezhetnek.</p>



<p class="wp-block-paragraph">A páratartalom magas, 76% körül. A szél erőssége mérsékelt.</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">Bari 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: 13 },
{ honap5: "Február", homerseklet5: 13 },
{ honap5: "Március", homerseklet5: 16 },
{ honap5: "Április", homerseklet5: 19 },
{ honap5: "Május", homerseklet5: 24 },
{ honap5: "Június", homerseklet5: 28 },
{ honap5: "Július", homerseklet5: 30 },
{ honap5: "Augusztus", homerseklet5: 31 },
{ honap5: "Szeptember", homerseklet5: 26 },
{ honap5: "Október", homerseklet5: 22 },
{ honap5: "November", homerseklet5: 18 },
{ honap5: "December", homerseklet5: 14 }
    ];
    // 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 class="wp-block-paragraph"><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">Bari 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: 9 },
{ honap: "Február", homerseklet: 9 },
{ honap: "Március", homerseklet: 11 },
{ honap: "Április", homerseklet: 14 },
{ honap: "Május", homerseklet: 18 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 25 },
{ honap: "Szeptember", homerseklet: 21 },
{ honap: "Október", homerseklet: 17 },
{ honap: "November", homerseklet: 13 },
{ honap: "December", homerseklet: 10 }
    ];
    // 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 class="wp-block-paragraph"><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">Bari átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 55 },
{ honap: "Február", csapadek: 65 },
{ honap: "Március", csapadek: 40 },
{ honap: "Április", csapadek: 40 },
{ honap: "Május", csapadek: 35 },
{ honap: "Június", csapadek: 25 },
{ honap: "Július", csapadek: 25 },
{ honap: "Augusztus", csapadek: 30 },
{ honap: "Szeptember", csapadek: 60 },
{ honap: "Október", csapadek: 60 },
{ honap: "November", csapadek: 75 },
{ honap: "December", csapadek: 55 }
    ];
    // Méretek és margók beállítása
    const margin2 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width2 = 800 - margin2.left - margin2.right;
    const height2 = 400 - margin2.top - margin2.bottom;
    // SVG elem létrehozása
    const svg2 = d3.select("#chart2")
      .append("svg")
      .attr("width", width2 + margin2.left + margin2.right)
      .attr("height", height2 + margin2.top + margin2.bottom)
      .append("g")
      .attr("transform", `translate(${margin2.left},${margin2.top})`);
    // Tooltip létrehozása
    const tooltip2 = d3.select("body").append("div")
      .attr("class", "tooltip2");
    // Skálák beállítása
    const x2 = d3.scaleBand()
      .domain(data2.map(d => d.honap))
      .range([0, width2])
      .padding(0.2);
    const y2 = d3.scaleLinear()
      .domain([0, d3.max(data2, d => d.csapadek) + 0])
      .nice()
      .range([height2, 0]);
    // X tengely rajzolása
    svg2.append("g")
      .attr("class", "axis2")
      .attr("transform", `translate(0,${height2})`)
      .call(d3.axisBottom(x2))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis2 = svg2.append("g")
      .attr("class", "axis2")
      .call(d3.axisLeft(y2).tickSize(-width2).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis2.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis2.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg2.append("text")
      .attr("class", "axis-label2")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin2.left + 15)
      .attr("x", -height2 / 2)
      .attr("text-anchor", "middle")
      .text("mm");
    // Oszlopok rajzolása
    svg2.selectAll(".bar2")
      .data(data2)
      .enter()
      .append("rect")
      .attr("class", "bar2")
      .attr("x", d => x2(d.honap))
      .attr("width", x2.bandwidth())
      .attr("y", d => y2(d.csapadek))
      .attr("height", d => height2 - y2(d.csapadek))
      .on("mouseover", (event, d) => {
        tooltip2.style("opacity", 1)
          .html(`${d.honap}: ${d.csapadek} mm`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip2.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer2');
      const slider = document.getElementById('chartSlider2');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html> 




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



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container11 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title11 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar11 {
      fill: #94B4C1;
      transition: fill 0.3s;
    }
    .bar11:hover {
      fill: #547792;
    }
    .axis11 text {
      font-size: 17px;
    }
    .axis-label11 {
      font-size: 17px;
    }
    .tooltip11 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container11 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider11 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container11 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart11 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container11" id="chartContainer11">
    <div class="chart-title11">Bari 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: 74 },
{ honap11: "Február", paratartalom11: 71 },
{ honap11: "Március", paratartalom11: 70 },
{ honap11: "Április", paratartalom11: 69 },
{ honap11: "Május", paratartalom11: 66 },
{ honap11: "Június", paratartalom11: 62 },
{ honap11: "Július", paratartalom11: 60 },
{ honap11: "Augusztus", paratartalom11: 63 },
{ honap11: "Szeptember", paratartalom11: 69 },
{ honap11: "Október", paratartalom11: 75 },
{ honap11: "November", paratartalom11: 77 },
{ 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 class="wp-block-paragraph">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 class="wp-block-paragraph">Bari tenger vízhőmérséklete az év során jelentős változást mutat, a mediterrán éghajlatnak megfelelően. Az Adriai-tenger hatása stabilizálja a víz hőmérsékletét, de azért érezhető szezonális különbségek vannak.</p>



<p class="wp-block-paragraph">Az Adriai-tenger Barinál viszonylag nyugodt, az árapály ingadozás mérsékelt. A nyári hónapokban a víz általában kristálytiszta és nyugodt, ideális feltételeket biztosítva minden vízi sporthoz.</p>



<p class="wp-block-paragraph"><strong>Január-február</strong>: A víz hőmérséklete a legalacsonyabb, <strong>13-14°C</strong> között alakul. Ez túl hideg a kényelmes fürdőzéshez, csak a legelszántabbak merészkednek a vízbe.</p>



<p class="wp-block-paragraph"><strong>Március-április</strong>: A víz hőmérséklete lassan emelkedik, <strong>14-15°C</strong> közötti értékeket érve el. Még mindig túl hideg a kellemes úszáshoz.</p>



<p class="wp-block-paragraph"><strong>Május</strong>: A víz hőmérséklete <strong>18°C</strong> körül alakul. Bár még hűvös, rövid fürdőzéshez már elviselhető a felkészült úszók számára.</p>



<p class="wp-block-paragraph"><strong>Június</strong>: A víz hőmérséklete <strong>22°C</strong> körül emelkedik. Még hűvös, de már kellemes lehet a fürdőzés, különösen meleg napokon.</p>



<p class="wp-block-paragraph"><strong>Július-augusztus</strong>: A tenger hőmérséklete eléri az év legmagasabb értékeit, <strong>25-26°C</strong> között. Ez ideális hőmérséklet a hosszan tartó fürdőzéshez és vízi sportokhoz.</p>



<p class="wp-block-paragraph"><strong>Szeptember</strong>: A víz hőmérséklete még mindig kellemes, <strong>24°C</strong> körül. Kiváló feltételek úszáshoz és vízi tevékenységekhez.</p>



<p class="wp-block-paragraph"><strong>Október</strong>: A víz hőmérséklete <strong>20°C</strong> körül alakul. Még elfogadható lehet rövid fürdőzéshez, de már hűvösnek érződhet.</p>



<p class="wp-block-paragraph"><strong>November-december</strong>: A víz hőmérséklete <strong>15-17°C</strong> közé esik vissza. Túl hideg a kényelmes fürdő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-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: 14 },
{ honap: "Február", homerseklet: 14 },
{ honap: "Március", homerseklet: 14 },
{ honap: "Április", homerseklet: 15 },
{ honap: "Május", homerseklet: 18 },
{ honap: "Június", homerseklet: 22 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 24 },
{ honap: "Október", homerseklet: 20 },
{ honap: "November", homerseklet: 17 },
{ honap: "December", homerseklet: 15 }
    ];
    // 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 Bariban</strong></h2>



<p class="wp-block-paragraph">Bari földrajzi elhelyezkedése miatt az UV sugárzás az év során változó, de általában magas szinteket ér el, különösen a nyári hónapokban. A mediterrán éghajlat és a tiszta égbolt jelentős UV sugárzást eredményez.</p>



<p class="wp-block-paragraph"><strong>Január-február</strong>: Az UV index alacsony, <strong>3</strong> körüli értékekkel. Ez &#8222;alacsony&#8221; kategóriába tartozik, minimális napvédelemre van szükség.</p>



<p class="wp-block-paragraph"><strong>Március-április</strong>: Az UV index növekedni kezd, <strong>4-6</strong> közötti értékekkel. Ez &#8222;mérsékelt&#8221; kategóriába tartozik, javasolt a napvédelem használata.</p>



<p class="wp-block-paragraph"><strong>Május</strong>: Az UV index jelentősen emelkedik, <strong>9</strong> körüli értékre, ami &#8222;nagyon magas&#8221; kategóriát jelent. Kötelező a megfelelő napvédelem.</p>



<p class="wp-block-paragraph"><strong>Június</strong>: Az UV index továbbra is magas marad, <strong>9-10</strong> körüli értékekkel. Ez &#8222;nagyon magas&#8221; kategóriába tartozik.</p>



<p class="wp-block-paragraph"><strong>Július-augusztus</strong>: Az UV index eléri a legmagasabb szintet, <strong>7-10</strong> közötti értékekkel, ami &#8222;magas&#8221; és &#8222;nagyon magas&#8221; kategóriákat jelent. A déli órákban különösen veszélyes a közvetlen napsugárzás.</p>



<p class="wp-block-paragraph"><strong>Szeptember</strong>: Az UV index kissé csökken, <strong>6-7</strong> körüli értékekre, de még mindig &#8222;magas&#8221; kategóriába tartozik.</p>



<p class="wp-block-paragraph"><strong>Október-november</strong>: Az UV index tovább csökken, <strong>4-5</strong> körüli értékekre, &#8222;mérsékelt&#8221; kategóriába kerülve.</p>



<p class="wp-block-paragraph"><strong>December</strong>: Az UV index visszatér az alacsony szintre, <strong>3</strong> körüli értékkel.</p>



<p class="wp-block-paragraph">Az UV sugárzás különösen intenzív lehet a víz és a homok visszaverő hatása miatt. Javasolt a magas faktorszámú napvédő krém használata, napszemüveg és kalap viselése, különösen a déli órákban (11:00-15:00 között). A nyári hónapokban akár 15-20 perc közvetlen napsugárzás is égési sérülést okozhat.</p>



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



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




<p class="wp-block-paragraph"><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 class="wp-block-paragraph">Bari mediterrán elhelyezkedése ellenére időnként tapasztal szélsőséges időjárási jelenségeket, amelyek jelentős hatással lehetnek a városlakókra és turistákra.</p>



<p class="wp-block-paragraph"><strong>Hőhullámok</strong>: A nyári hónapokban, különösen július és augusztus során, afrikai eredetű hőhullámok sújthatják a várost. Ezekben az esetekben a hőmérséklet meghaladhatja a <strong>40-45°C</strong>-ot is. A legmagasabb mért hőmérséklet <strong>45,5°C</strong> volt 2007 júniusában és júliusában. Ezek a hőhullámok különösen veszélyesek lehetnek az idősebbek és a szív- vagy légúti betegségben szenvedők számára.</p>



<p class="wp-block-paragraph"><strong>Sirocco szél</strong>: Az Afrikából érkező forró, száraz sirocco szél különösen nyáron okozhat gondokat. Ez a szél homokkal és porral terhelt, amely légúti problémákat okozhat, és jelentősen megnövelheti a hőérzetet. A sirocco néhány órától több napig is tarthat.</p>



<p class="wp-block-paragraph"><strong>Intenzív esőzések és áradások</strong>: Az őszi és téli hónapokban előfordulhatnak intenzív esőzések, amelyek rövid idő alatt nagy mennyiségű csapadékot hoznak. Ezek flash flood jellegű áradásokat okozhatnak, különösen a város alacsonyabban fekvő területein. 2025 szeptemberében például súlyos viharok és áradások sújtották Észak- és Közép-Olaszországot.</p>



<p class="wp-block-paragraph"><strong>Téli hideghullámok</strong>: Bár ritka, a Balkán-félsziget felől érkező hideg légtömegek télen extrém alacsony hőmérsékletet hozhatnak. Ilyenkor akár <strong>-6°C</strong> alá is süllyedhet a hőmérséklet, és ritkán hó is hullhat. Az 1993-as január volt különösen szigorú, amikor <strong>-6°C</strong>-ot mértek.</p>



<p class="wp-block-paragraph"><strong>Viharok és szélviharok</strong>: Az őszi és téli hónapokban erős szélviharok sújthatják a régiót, amelyek során a szélsebesség meghaladhatja a <strong>100 km/h</strong>-t. Ezek a viharok tengerparti eróziót, áradásokat és infrastrukturális károkat okozhatnak.</p>



<p class="wp-block-paragraph"><strong>Jégeső</strong>: Ritkán, de előfordulhatnak heves zivatarok jégesővel, különösen a tavaszi és kora nyári hónapokban. A jégszemek mérete általában kicsi, de károkat okozhatnak járművekben és épületekben.</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 Bariba utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Bari meglátogatására <strong>április végétől októberig</strong> tart, amikor a hőmérséklet kellemes és a csapadék mennyisége alacsony. A <strong>legoptimálisabb hónapok június, július és augusztus</strong>, amikor a tenger vízhőmérséklete is ideális fürdőzéshez.</p>



<p class="wp-block-paragraph"><strong>Május-június</strong> és <strong>szeptember-október</strong> különösen ajánlottak azoknak, akik kerülni szeretnék a nyári tömegeket és a legintenzívebb hőséget, de még mindig kellemes időjárásban szeretnének utazni. Ezekben a hónapokban a hőmérséklet kellemes, kevesebb a turista, és az árak is kedvezőbbek.</p>



<p class="wp-block-paragraph">A téli hónapok (december-február) kevésbé ajánlottak turistalátogatásra az időjárás változékonysága és a hideg tenger miatt, bár a város kulturális látnivalói ekkor is élvezhetők. A téli időszak előnye lehet az alacsony árak és a kevés turista.</p>



<p class="wp-block-paragraph">Kerülendő időszakok: A legmelegebb hőhullámok augusztus közepétől szeptember elejéig, valamint a legcsapadékosabb periódus november-december hónapokban.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Április</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Július</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Augusztus</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Október</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>November</td>

<td>Átlagos</td>

</tr>

<tr class="not-recommended">

<td>December</td>

<td>Nem ajánlott</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/41d1216d87/bari/" data-label_1="BARI" data-theme="original" >BARI</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/bari-idojarasa-mikor-a-legjobb-puglia-ba-utazni/">Bari időjárása – mikor a legjobb Puglia-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>Torino időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/torino-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Mon, 15 Sep 2025 13:23:11 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1309</guid>

					<description><![CDATA[<p>Torino egy lenyűgöző észak-olaszországi város. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Torino időjárását a kontinentális éghajlat határozza meg, ami forró nyarakat és hideg, gyakran ködös&#8230;</p>
<p>A <a href="https://mikorutazz.hu/torino-idojarasa/">Torino időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Torino egy lenyűgöző észak-olaszországi város. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Torino időjárását a kontinentális éghajlat határozza meg, ami forró nyarakat és hideg, gyakran ködös teleket eredményez. Az Alpok lábánál elhelyezkedő város, amely a Po síkságon fekszik, jellegzetes kontinentális klímával rendelkezik. A város a Francia- és Svájci-Alpok közelében található, ami jelentős hatást gyakorol az időjárási viszonyaira.</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 class="wp-block-paragraph">Torino négy jól elkülöníthető évszakkal rendelkezik, mindegyik markánsan különböző karakterrel. A kontinentális éghajlat következtében jelentős hőmérséklet-különbségek jellemzik az évszakokat.</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 class="wp-block-paragraph">A tavasz fokozatos felmelegedést hoz, bár márciusban még hűvös lehet. Az átlaghőmérséklet <strong>12-20°C</strong> között mozog. A hónap elején még előfordulhatnak fagyos reggelek, de áprilisra már kellemes, meleg napok jellemzők. Az Alpokból érkező friss levegő tiszta, kristálytiszta kilátást biztosít a hegyek felé.</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 class="wp-block-paragraph">A nyár meleg és többnyire száraz. Az átlaghőmérséklet <strong>22-25°C</strong>, de a nappali maximum gyakran 28-30°C-ot ér el. A páratartalom általában alacsonyabb, mint Dél-Olaszországban. Júliusban és augusztusban a legmelegebb, amikor a hőmérséklet alkalmanként 35°C fölé is emelkedhet. A nyári esők ritkábbak, de heves zápok előfordulhatnak.</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 class="wp-block-paragraph">Az ősz Torino egyik legszebb évszaka, amikor a lombhullató fák gyönyörű színeket öltenek. Az átlaghőmérséklet <strong>10-18°C</strong> között alakul. Októberben még kellemesen meleg napok jellemzők, de novemberre már jelentősen lehűl az idő. Az őszi hónapokban gyakori a köd, különösen a reggeli órákban.</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 class="wp-block-paragraph">A tél hideg és gyakran ködös, az átlaghőmérséklet <strong>2-8°C</strong> között mozog, de éjszaka gyakran fagypont alá süllyed. Havazás rendszeres, különösen januárban és februárban. A közeli Alpok következtében a téli időszak hosszabb és hidegebb, mint Olaszország délibb részein. A ködös napok száma magas.</p>



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



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



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, átlagosan napi 3-4 óra. A nappali világosság időtartama rövid, mintegy 9 óra. A napkelte 8:00 körül, a napnyugta pedig már 17:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, átlagosan 40 mm körül mozog. A havi csapadékos napok száma 6, gyakran hó formájában. A köd rendszeres jelenség, különösen a reggeli órákban.</p>



<p class="wp-block-paragraph">A relatív páratartalom 75% körüli, ami a hideg levegővel kombinálva nyirkos közérzetet okoz. Ha januárban utazol Torinóba, vigyél magaddal meleg kabátot, kesztyűt és sapkát. A rétegesen öltözködés ajánlott.</p>



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



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



<p class="wp-block-paragraph">A február hasonló az januárhoz, de már enyhe felmelegedés érezhető a hónap második felében. A nappali hőmérséklet 8°C körülire emelkedhet, míg éjszaka még mindig fagyos lehet, -1°C körül alakul.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, átlagosan 35 mm körül. A csapadékos napok száma 5, még mindig gyakran hó formájában. A ködös napok száma magas marad.</p>



<p class="wp-block-paragraph">A levegő továbbra is párás, 70% körüli páratartalommal. A februári látogatáshoz még mindig téli ruházat szükséges, bár a hónap végére már enyhébb időjárás várható.</p>



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



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



<p class="wp-block-paragraph">A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 15°C-ot is elérhet, míg az éjszakák 4°C körül alakulnak. Fagyos reggelek még előfordulhatnak, de egyre ritkábbak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 65 mm körüli értékkel. A csapadékos napok száma 8, már többnyire eső formájában. A köd gyakorisága csökken.</p>



<p class="wp-block-paragraph">A páratartalom 65% körüli értékre csökken. A márciusi időjárás változékony, ezért rétegesen öltözködés ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az április már egyértelműen tavaszi hónap, kellemes felmelegedéssel. A nappali hőmérséklet 18°C körülire emelkedik, míg éjszaka 8°C körül alakul. A fagyos éjszakák már ritkák, és a növényzet virágba borul.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 75 mm körüli értékkel. Az esős napok száma 9, gyakran rövid záporok formájában. Az Alpok hótakarója láthatóvá válik a tiszta napokon.</p>



<p class="wp-block-paragraph">A levegő páratartalma 60% körüli. Április az egyik legjobb hónap Torino látogatására &#8211; kellemes hőmérséklet, növekvő napsütés, virágzó természet.</p>



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



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



<p class="wp-block-paragraph">Május a kora nyári időszak, amikor a hőmérséklet már kellemes meleg értékek felé kúszik. A nappali értékek 23°C körülire emelkednek, míg éjszaka 12°C körül alakulnak. A természet teljesen kizöldül.</p>



<p class="wp-block-paragraph">A napsütéses órák száma továbbra is növekszik, átlagosan 7 óra. A nappali világosság időtartama eléri a 14,5 órát. A napkelte 5:30 körül, a napnyugta pedig 20:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 95 mm körüli értékkel. A csapadékos napok száma 10, gyakran délutáni zivatarok formájában. A hegyi kilátás gyakran kristálytiszta.</p>



<p class="wp-block-paragraph">A páratartalom 60% körüli értékre alakul. A májusi látogatáshoz könnyű, átmeneti ruházat ajánlott, de érdemes kabátot is vinni az esti órákra.</p>



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



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



<p class="wp-block-paragraph">Június már igazi nyári hónap, kellemes meleggel. A nappali maximum 27°C körülire emelkedik, míg éjszaka 16°C körül alakul. A nyári időszak megkezdődik.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége magas, 110 mm körüli értékkel. Az esős napok száma 11, gyakran délutáni/esti zivatarok formájában. Az Alpok gyakran felhőbe burkolóznak.</p>



<p class="wp-block-paragraph">A páratartalom 58% körüli, ami kellemes közérzetet biztosít. A júniusi utazáshoz nyári ruházat ajánlott, de könnyű kabát az esti órákra.</p>



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



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



<p class="wp-block-paragraph">Július Torino egyik legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 29°C-ot, míg az éjszakák is melegek maradnak, 18°C körüli értékekkel. Időnként 35°C feletti hőségnapok is előfordulhatnak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 65 mm körüli értékkel. Az esős napok száma 7, gyakran rövid, heves zivatarok. A hegyi panoráma gyakran pormentes, tiszta.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 55% körüli, ami kellemes közérzetet biztosít. A júliusi látogatáshoz könnyű nyári ruházat, napvédelem ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az augusztus szintén meleg és többnyire száraz. A nappali hőmérséklet 28°C körül alakul, míg éjszaka 17°C-ra hűl le. Ez gyakran az év legszárazabb hónapja.</p>



<p class="wp-block-paragraph">A napsütéses órák száma napi 8 óra. A nappali világosság időtartama érezhetően csökken, 13,5 órára. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 70 mm körüli értékkel. Az esős napok száma 8, gyakran délutáni zápor formájában. A levegő tiszta, az Alpok jól láthatók.</p>



<p class="wp-block-paragraph">A páratartalom 58% körüli értékre emelkedik. Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: könnyű ruházat, 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 class="wp-block-paragraph">A szeptember a nyár végét és az ősz kezdetét jelzi, kellemes hőmérséklet-csökkenést hozva. A nappali hőmérséklet 24°C körül alakul, éjszaka pedig 13°C-ra csökken. Az őszi színek megjelenése gyönyörű látványt nyújt.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 80 mm körüli értékre. Az esős napok száma 7, gyakran hosszabb esőzések. A köd gyakorisága növekszik.</p>



<p class="wp-block-paragraph">A páratartalom 60% körüli, de a hőmérséklet csökkenése miatt a közérzet kellemes marad. A szeptemberi látogatáshoz átmeneti ruházat ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az október Torino egyik legszebb hónapja, gyönyörű őszi színekkel. A nappali hőmérséklet 18°C körülire csökken, míg éjszaka 8°C körül alakul. A lombhullató fák sárga és vörös színekben pompáznak.</p>



<p class="wp-block-paragraph">A napsütéses órák száma napi 4-5 óra, de a tiszta napokon gyönyörű hegyi kilátás nyílik. A nappali világosság időtartama jelentősen csökken, 10,5 órára. A napkelte 7:30 körül, a napnyugta pedig 18:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 85 mm körüli értékkel. A csapadékos napok száma 8, gyakran szemerkélő eső. A köd gyakorisága növekszik, különösen reggelente.</p>



<p class="wp-block-paragraph">A páratartalom 70% körüli értékre emelkedik. Az októberi látogatáshoz melegebb ruházat és esernyő ajánlott.</p>



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



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



<p class="wp-block-paragraph">A november már az ősz végét jelenti, érezhető lehűléssel. A nappali hőmérséklet 12°C körülire süllyed, míg éjszaka már 3°C körül alakul. A fák levél nélkül maradnak, és a köd gyakorisága megnövekszik.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 55 mm körüli értékkel. A csapadékos napok száma 6, gyakran szitálás vagy ködpermet. A ködös napok száma magas.</p>



<p class="wp-block-paragraph">A páratartalom 75% körüli, ami nyirkos közérzetet okoz. A novemberi látogatáshoz meleg kabát, esernyő ajánlott.</p>



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



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



<p class="wp-block-paragraph">A december Torino egyik leghidegebb hónapja. A nappali hőmérséklet 7°C körül alakul, míg éjszaka gyakran fagypont alá süllyed, -1°C körüli értékekkel. Havazás előfordulhat, különösen a hónap második felében.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 45 mm körüli értékkel. A csapadékos napok száma 5, gyakran hó vagy havas eső formájában. A köd rendszeres jelenség.</p>



<p class="wp-block-paragraph">A levegő párás, 78% körüli páratartalommal. A decemberi látogatáshoz téli ruházat, meleg kabát, sapka és kesztyű szükséges.</p>



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



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




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



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



<p class="wp-block-paragraph">Torino mérsékelt UV-sugárzási szintekkel rendelkezik, ami az északi földrajzi elhelyezkedésnek és a kontinentális éghajlatnak köszönhető. A hegyi környezet azonban fokozhatja a sugárzás intenzitását.</p>



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



<p class="wp-block-paragraph">A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 4-5-ös értéket ér el (mérsékelt), áprilisban 6-7-re (magas), májusban pedig 7-8-as szintre emelkedik. A tiszta hegyi levegő fokozhatja a sugárzást.</p>



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



<p class="wp-block-paragraph">A nyári hónapokban Torino UV-indexe eléri a 8-9-es értéket (nagyon magas), különösen a déli órákban (11:00-15:00 között). A sugárzás intenzitása miatt védelem nélkül 20-25 perc alatt is napégést lehet szenvedni.</p>



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



<p class="wp-block-paragraph">Az ősz elején, októberben az UV-index 4-5-ös értékkel (mérsékelt), majd novemberre csökken 2-3-as szintre (alacsony). A ködös napok természetes védelmet biztosítanak.</p>



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



<p class="wp-block-paragraph">A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel (alacsony), de a hóról visszaverődő fény fokozhatja a sugárzást a hegyi területeken.</p>



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



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: SPF 15-30-as fényvédő használata ajánlott nyáron, télen különösen a hegyi területeken.</li>



<li><strong>Megfelelő ruházat</strong>: Kalap és napszemüveg használata a nyári hónapokban.</li>



<li><strong>Megfelelő időzítés</strong>: A szabadtéri tevékenységeket érdemes a déli órák (11:00-15:00) elkerülésével időzíteni.</li>



<li><strong>Hó általi visszaverődés</strong>: Télen, havas időben fokozott óvatosság szükséges.</li>
</ul>



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



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




<p class="wp-block-paragraph"><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 class="wp-block-paragraph">Torino térsége különböző szélsőséges időjárási jelenségeknek van kitéve a kontinentális éghajlat és a hegyi környezet miatt.</p>



<p class="wp-block-paragraph">A nyári hónapokban előfordulhatnak heves zivatarok jégesővel, különösen június-augusztus között. Ezek a viharok általában rövid ideig tartanak, de intenzívek lehetnek.</p>



<p class="wp-block-paragraph">A téli hónapokban rendszeres a havazás, különösen január-március között. A közelben lévő Alpokból érkező hideg légmássák jelentős hómennyiséget hozhatnak.</p>



<p class="wp-block-paragraph">A köd az őszi és téli hónapokban rendszeres jelenség, különösen november-február között. A Po-síkság ködös időjárása befolyásolja a város látási viszonyait.</p>



<p class="wp-block-paragraph">Az Alpokból érkező fön szél különösen ősszel és télen okozhat hirtelen időjárás-változásokat.</p>



<p class="wp-block-paragraph">A nyári hőhullámok egyre gyakoribbak, amikor a hőmérséklet 35°C fölé is emelkedhet több napig.</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 Torinóba utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Torino meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen április és június között. Ilyenkor kellemes, meleg hőmérséklet (18-27°C), növekvő napsütés és kevesebb köd jellemzi a várost, ami ideális a városnézéshez és kulturális programokhoz. Az Alpok panorámája is gyakran tisztán látható.</p>



<p class="wp-block-paragraph">A másik kedvező időszak a <strong>kora őszi szezon</strong>, szeptember és október eleje, amikor még kellemes a hőmérséklet, és a lombhullató fák gyönyörű őszi színekben pompáznak. Ez az időszak különösen népszerű a természet szerelmesei körében.</p>



<p class="wp-block-paragraph">A nyári hónapok (július-augusztus) szintén jók, kellemes meleggel és kevés csapadékkal, bár időnként forró lehet. Ez az időszak ideális a szabadtéri tevékenységekhez és hegyi kirándulásokhoz.</p>



<p class="wp-block-paragraph">Kerülendő időszakok: A téli hónapok (december-február) kevésbé ideálisak a hideg, ködös időjárás miatt, bár a karácsonyi időszak különleges hangulatot teremt. A november szintén kevésbé ajánlott a gyakori köd és a rövid nappalok miatt.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Április</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Július</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Augusztus</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Október</td>

<td>Kiváló</td>

</tr>

<tr class="not-recommended">

<td>November</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>December</td>

<td>Nem ajánlott</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



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



<p class="wp-block-paragraph"></p>
<p>A <a href="https://mikorutazz.hu/torino-idojarasa/">Torino időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Velence időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/velence-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Tue, 09 Sep 2025 14:11:19 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1281</guid>

					<description><![CDATA[<p>Velence az Adriai-tenger egyik legromantikusabb városa. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Velence időjárását a mérsékelt kontinentális éghajlat határozza meg, amely hideg, párás teleket és&#8230;</p>
<p>A <a href="https://mikorutazz.hu/velence-idojarasa/">Velence időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Velence az Adriai-tenger egyik legromantikusabb városa. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Velence időjárását a mérsékelt kontinentális éghajlat határozza meg, amely hideg, párás teleket és meleg, nyirkos nyarakat eredményez. Az Adriai-tengerhez közeli elhelyezkedése enyhébb klímát biztosít, mint az Észak-olaszországi-síkság más területei. A &#8222;Serenissima&#8221; híres vízcsatornáiról és romantikus légköréről, de az időjárás jelentősen befolyásolja az utazási élményt.</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 class="wp-block-paragraph">Velence négy jól elkülöníthető évszakkal rendelkezik, ahol a tél és a nyár a legmeghatározóbb időszakok. A tavasz és az ősz kellemes átmeneti időszakok, amelyek ideálisak a látogatóknak.</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 class="wp-block-paragraph">A tavasz kellemes időszak Velencében, fokozatosan melegedő hőmérséklettel és alacsony páratartalommal. Az átlaghőmérséklet 9-18°C között mozog. A tavaszi hónapok kedvezőek a városnézéshez, bár áprilisban és májusban gyakoribbak lehetnek az esős napok. A növényzet virágba borul, és a turistaforgalom még nem éri el a nyári szintet.</p>



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



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



<p class="wp-block-paragraph">A nyár meleg és párás, gyakran délutáni zivatarokkal. Az átlaghőmérséklet 22-24°C között alakul, de a nappali maximum elérheti a 29°C-ot is. A magas páratartalom (68-70%) miatt a hőérzet gyakran kellemetlenebb lehet. A nyári hónapokban a legtöbb napsütés várható, de júniusban gyakoribbak az esők.</p>



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



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



<p class="wp-block-paragraph">Az ősz Velence egyik legszebb évszaka, kellemes hőmérséklettel és fokozatosan csökkenő páratartalommal. Az átlaghőmérséklet 10-19°C között alakul. Szeptemberben még nyárias időjárás jellemző, október kellemes, novemberre azonban már jelentősen lehűl az idő. Az őszi hónapok ideálisak a sétákhoz és kulturális programokhoz.</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 class="wp-block-paragraph">A tél hideg, párás és borús. Az átlaghőmérséklet 4-5°C között mozog, de gyakori a fagypont alatti éjszaka. A nappalok rövidek, gyakori a köd és az esőzés. A téli hónapokban különleges hangulatú a város, de hideg ruházat szükséges.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Velence 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 class="wp-block-paragraph">Január Velence leghidegebb hónapja. A nappali hőmérséklet átlagosan 8°C körül alakul, míg éjszaka 0°C körülire süllyedhet. Fagypont alatti hőmérséklet gyakori, különösen a hajnali órákban.</p>



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, átlagosan napi 2,5 óra. A nappali világosság időtartama rövid, mintegy 9 óra. A napkelte késői, 7:30 körül, a napnyugta pedig korai, 16:40 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége viszonylag alacsony, átlagosan 45 mm körül mozog. A havi csapadékos napok száma 6, általában gyenge eső vagy szitálás formájában.</p>



<p class="wp-block-paragraph">A relatív páratartalom magas, 78% körüli, ami párás, nedves levegőt jelent. Az égbolt többnyire borult, kevés napsütéssel.</p>



<p class="wp-block-paragraph">Ha januárban utazol Velencébe, vigyél magaddal meleg kabátot, sált és vízálló cipőt. Kesztyű és sapka is ajánlott a hideg szél miatt.</p>



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



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



<p class="wp-block-paragraph">A február még mindig hideg hónap, de már enyhébb, mint a január. A nappali hőmérséklet 9°C körülire emelkedhet, míg éjszaka 1°C körül alakul. A fagy még gyakori, de a hónap második felében már melegebb napok is előfordulhatnak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is alacsony, átlagosan 50 mm körül. A csapadékos napok száma 5.</p>



<p class="wp-block-paragraph">A levegő még mindig nedves, 75% körüli páratartalommal. A februári látogatáshoz még mindig téli ruházat szükséges, de már érdemes rétegesen öltözködni.</p>



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



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



<p class="wp-block-paragraph">A március a tavasz kezdetét jelenti, észrevehető felmelegedéssel. A hőmérséklet jelentősen emelkedik, nappal már 13°C-ot is elérhet, míg az éjszakák 5°C körül alakulnak. Fagypont alatti hőmérséklet már ritkább.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 50 mm körüli értékkel. A csapadékos napok száma 6.</p>



<p class="wp-block-paragraph">A páratartalom enyhén csökken, 73% körüli értékre. A márciusi időjárás már kellemes a városnézéshez, de még mindig érdemes átmeneti kabátot vinni.</p>



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



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



<p class="wp-block-paragraph">Az április egyértelműen tavaszi hónap, kellemes felmelegedéssel. A nappali hőmérséklet 18°C körülire emelkedik, míg éjszaka 9°C körül alakul. A hideg napok már ritkák, és a hónap végére már igazán kellemes idő jellemző.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 70 mm körüli értékkel. Az esős napok száma 8, gyakrabban fordulnak elő záporok.</p>



<p class="wp-block-paragraph">A levegő páratartalma 72% körüli. Április már kellemes hónap a látogatásra &#8211; tavaszi ruházat és esernyő ajánlott.</p>



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



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



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



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 65 mm körüli értékkel. A csapadékos napok száma 8.</p>



<p class="wp-block-paragraph">A páratartalom 71% körüli értékre alakul. A májusi látogatáshoz könnyebb tavaszi ruházat ajánlott, de érdemes esernyőt is vinni.</p>



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



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



<p class="wp-block-paragraph">Június már igazi nyári hónap, kellemes meleggel. A nappali maximum 26°C körülire emelkedik, míg éjszaka 18°C körül alakul. A hónap közepétől már igazán nyárias időjárás jellemző.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége a legmagasabb az évben, 80 mm körüli értékkel. Az esős napok száma 9, gyakran délutáni zivatarok formájában.</p>



<p class="wp-block-paragraph">A páratartalom 70% körüli, ami kellemes közérzetet biztosít. A júniusi utazáshoz nyári ruházat és esernyő ajánlott.</p>



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



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



<p class="wp-block-paragraph">Július Velence legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 29°C-ot, míg az éjszakák is melegek maradnak, 19°C körüli értékekkel. A magas hőmérséklet ellenére a tengerszél enyhít a melegsége.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri az éves csúcsot, átlagosan napi 9,5 óra. A nappali világosság időtartama még mindig hosszú, 15 óra. A napkelte 5:30 körül, a napnyugta pedig 19:45 körül következik be.</p>



<p class="wp-block-paragraph">A csapadék mennyisége csökken, 65 mm körüli értékkel. A nyári időjárás stabilabb, a csapadékos napok száma 6.</p>



<p class="wp-block-paragraph">A páratartalom viszonylag alacsony, 68% körüli. A júliusi látogatáshoz könnyű nyári ruházat, napvédelem és kényelmes cipő ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az augusztus szintén meleg és kellemes. A nappali hőmérséklet 29°C körül alakul, míg éjszaka 19°C-ra hűl le. Ez az egyik legstabilabb időjárású hónap Velencében.</p>



<p class="wp-block-paragraph">A napsütéses órák száma napi 8,5 óra. A nappali világosság időtartama csökkenni kezd, 14 órára. A napkelte 6:00 körül, a napnyugta pedig 19:15 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 65 mm körüli értékkel. A csapadékos napok száma mindössze 6.</p>



<p class="wp-block-paragraph">A páratartalom 70% körüli értékre alakul. Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban: könnyű ruházat, fényvédelem.</p>



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



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



<p class="wp-block-paragraph">A szeptember kellemes őszi hónap, ideális időjárással. A nappali hőmérséklet 24°C körül alakul, éjszaka pedig 15°C-ra csökken. A hónap eleje még nyárias, a vége már őszi hangulatú.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 70 mm körüli értékre. A csapadékos napok száma 6.</p>



<p class="wp-block-paragraph">A páratartalom 73% körüli, ami kellemes közérzetet biztosít. A szeptemberi látogatáshoz átmeneti ruházat ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az október kellemes őszi hónap, ideális városnézésre. A nappali hőmérséklet 19°C körülire csökken, míg éjszaka 11°C körül alakul. A levegő friss és tiszta.</p>



<p class="wp-block-paragraph">A napsütéses órák száma napi 5 óra, még mindig kellemes látási viszonyokkal. A nappali világosság időtartama jelentősen csökken, 11 órára. A napkelte 7:15 körülre, a napnyugta pedig 17:45 körülre tolódik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 75 mm körüli értékkel. A csapadékos napok száma 7.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 78% körüli értékre. Az októberi látogatáshoz őszi kabát és esernyő ajánlott.</p>



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



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



<p class="wp-block-paragraph">A november már az ősz végét jelenti, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 13°C körülire süllyed, míg éjszaka már 6°C körül alakul. A hónap végére már hideg reggelek jellemzőek.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 65 mm körüli értékkel. A csapadékos napok száma 6.</p>



<p class="wp-block-paragraph">A páratartalom magas, 79% körüli. A novemberi látogatáshoz meleg kabát és vízhatlan ruházat ajánlott.</p>



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



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



<p class="wp-block-paragraph">A december Velence egyik leghidegebb hónapja. A nappali hőmérséklet 8°C körül alakul, míg éjszaka 1°C körülire is süllyedhet. Fagypont alatti hőmérséklet gyakori a hajnali órákban.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 50 mm körüli értékkel. A csapadékos napok száma 6.</p>



<p class="wp-block-paragraph">A levegő párás, 78% körüli páratartalommal. A decemberi látogatáshoz téli kabát, meleg alsóruházat és vízhatlan cipő ajánlott.</p>



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



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



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



<h2 class="wp-block-heading has-text-align-center"><strong>Tenger vízhőmérséklete</strong></h2>



<p class="wp-block-paragraph">Velence lagúnájának és az Adriai-tenger északi részének vízhőmérséklete jelentősen változik az évszakok során. A tengervíz hőmérséklete határozza meg a fürdőzés lehetőségét.</p>



<p class="wp-block-paragraph"><strong>Tavasz (március-május):</strong> A tavaszi hónapokban a víz még hideg, 11-18°C között mozog. Májusban kezd kellemesebbé válni, de fürdésre még nem ideális.</p>



<p class="wp-block-paragraph"><strong>Nyár (június-augusztus):</strong> A nyári hónapok ideálisak a fürdéshez. Júniusban 23°C, júliusban 25°C, augusztusban pedig 26°C a víz hőmérséklete. Augusztus a legmelegebb vízhőmérsékletű hónap.</p>



<p class="wp-block-paragraph"><strong>Ősz (szeptember-november): </strong>Szeptemberben még kellemes, 23°C körüli a víz, októberre 20°C-ra, novemberre pedig 16°C-ra csökken.</p>



<p class="wp-block-paragraph"><strong>Tél (december-február):</strong> A téli hónapokban a víz hideg, 10-14°C között mozog, így fürdésre nem alkalmas.</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: 12 },
{ honap: "Február", homerseklet: 10 },
{ honap: "Március", homerseklet: 11 },
{ honap: "Április", homerseklet: 14 },
{ honap: "Május", homerseklet: 18 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 23 },
{ honap: "Október", homerseklet: 20 },
{ honap: "November", homerseklet: 16 },
{ honap: "December", homerseklet: 14 }
    ];
    // 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>Szélsőséges időjárási jelenségek</strong></h2>



<p class="wp-block-paragraph">Acqua alta (árapály): Ez a jelenség rossz időjárási körülmények között jelentkezik, amikor a sirokkó szél és a dagály együttesen megemeli a lagúna vízszintjét. 2020-ban üzembe helyezett MOSE rendszer védelmet nyújt a legmagasabb árapályok ellen.</p>



<p class="wp-block-paragraph">Bóra szél: A kelet-európai síkságokról érkező hideg szél, különösen télen és tavasszal. A bóra eredendően száraz szél, és általában enyhe hófúvást hoz legfeljebb.</p>



<p class="wp-block-paragraph">Köd: Gyakori jelenség a téli hónapokban, márciusig előfordulhat, ami csökkenti a láthatóságot.</p>



<p class="wp-block-paragraph">Fagypont alatti hőmérséklet: A legsúlyosabb hidegekben a hőmérséklet -5°C alá is süllyedhet. A lagúna befagyása rendkívül ritka, de előfordult már.</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 Velencébe utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Velence meglátogatására a késő tavaszi és kora őszi hónapok, különösen <strong>április-május és szeptember-október között</strong>. Ilyenkor kellemes hőmérséklet (15-22°C), mérsékelt páratartalom és viszonylag kevés csapadék jellemzi a várost, ami ideális a városnézéshez, múzeumlátogatáshoz és romantikus sétákhoz a csatornák mentén.</p>



<p class="wp-block-paragraph">A nyári hónapok (június-augusztus) szintén kedvezőek, különösen azok számára, akik szeretik a meleget és esetleg fürdeni is szeretnének. Júliusban és augusztusban azonban sok a turista, és a szállásárak is magasabbak.</p>



<p class="wp-block-paragraph">A téli hónapok (november-március) különleges hangulatúak, különösen a karneváli időszakban (február), de hideg ruházat szükséges és gyakori a köd és az eső.</p>



<p class="wp-block-paragraph">Kerülendő időszakok: November és január között a legborúsabb és leghidegebb az időjárás, gyakori köddel és esővel. Június eleje esősebb lehet a szokásosnál.</p>



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



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

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

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

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

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

.excellent {
background-color: #c8e6c9;
}

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

.average {
background-color: #fff9c4;
}

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

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

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

tr:hover {
opacity: 0.9;
}

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

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



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/45d4412d32/venice/" data-label_1="VELENCE" data-theme="original" >VELENCE</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/velence-idojarasa/">Velence időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Milánó időjárása – mikor a legjobb a divat fővárosába utazni?</title>
		<link>https://mikorutazz.hu/milano-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Sun, 07 Sep 2025 15:44:51 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1276</guid>

					<description><![CDATA[<p>Milánó Olaszország egyik gazdasági központja és divat fővárosa. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Milánó időjárását a mérsékelt kontinentális éghajlat határozza meg, ami hideg, párás&#8230;</p>
<p>A <a href="https://mikorutazz.hu/milano-idojarasa/">Milánó időjárása – mikor a legjobb a divat 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 class="wp-block-paragraph"><strong>Milánó Olaszország </strong><strong>egyik </strong><strong>gazdasági </strong><strong>központja </strong><strong>és divat fővárosa. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Milánó időjárását a mérsékelt kontinentális éghajlat határozza meg, ami hideg, párás teleket és forró, dohos nyarakat eredményez. Az észak-olaszországi Po-síkságon elhelyezkedő várost három oldalról hegyek zárják körül &#8211; északkeletről az Alpok, délről az Appenninek. A csapadék bőséges, évi 945 millimétert ér el, és jól eloszlik az évszakok között, bár télen viszonylag kevesebb hullik, míg tavasszal és ősszel két csúcsperiódus van.</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 class="wp-block-paragraph">Milánó négy jól elkülöníthető évszakkal rendelkezik, mindegyik saját karakterrel és időjárási sajátosságokkal.</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 class="wp-block-paragraph">A tél hideg, párás és szürke. A hőmérséklet gyakran fagypont körül marad nappal is, különösen decemberben és januárban, az égbolt hosszú időszakokra borús marad. Az átlaghőmérséklet <strong>1-5°C</strong> között mozog. A ködképződés, ami egykor igen gyakori volt (az 1980-as években Milánó repülőtere Európa egyik legködösebb repülőtere volt), mára viszonylag ritkává vált a városon belül.</p>



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



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



<p class="wp-block-paragraph">A tavasz kezdetben változékony, majd fokozatosan kellemes évszakká válik, különösen április közepe és május vége között. Az átlaghőmérséklet <strong>10-19°C</strong> között alakul. Márciusban még váltakoznak az enyhe és hideg napok, áprilisban még mindig lehet hideg, főként a hónap első felében.</p>



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



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



<p class="wp-block-paragraph">A nyár forró és dohos, általában napos. A meleget a magas páratartalom és a gyenge szélviszonyok fokozzák, ami jellemző a Po-síkságra, de a város épületei közé szorult hő is hozzájárul (városi hősziget hatás). Az átlaghőmérséklet <strong>23-25°C</strong> körül alakul, de a nappali maximum gyakran eléri a 30-31°C-ot.</p>



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



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



<p class="wp-block-paragraph">Az ősz szeptemberben még sok szép napot kínál, néha október elején is, majd gyorsan borússá és esőssé válik. Az átlaghőmérséklet <strong>9-20°C</strong> között mozog. Az első hideg napok jellemzően novemberben érkeznek. Összességében az ősz az év legcsapadékosabb évszaka.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Milánó 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 class="wp-block-paragraph">Január Milánó leghidegebb hónapja. A nappali hőmérséklet általában 7°C körül mozog, míg éjszaka -0,4°C-ra süllyedhet. A leghidegebb éjszakákon a hőmérséklet jellemzően -5,5°C körülire esik.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, átlagosan 65 mm körül mozog. A havi csapadékos napok száma 7, általában tartós eső formájában.</p>



<p class="wp-block-paragraph">A relatív páratartalom magas, 81% körüli, ami párás levegőt jelent. Az égbolt gyakran borús, kevés napsütéssel.</p>



<p class="wp-block-paragraph">Ha januárban utazol Milánóba, vigyél magaddal meleg kabátot, kesztyűt és sapkát. A hideg és párás idő miatt 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 class="wp-block-paragraph">A február még mindig hideg, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 10°C körülire emelkedhet, míg éjszaka 0,6°C körül alakul. A hónap második felében a hőmérséklet gyakran meghaladja a 10°C-ot.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is mérsékelt, átlagosan 65 mm körül. A csapadékos napok száma 7 között mozog.</p>



<p class="wp-block-paragraph">A levegő páratartalma csökken, 75% körüli értékre. A februári látogatáshoz még mindig érdemes meleg ruházatot vinni.</p>



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



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



<p class="wp-block-paragraph">A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 15,6°C-ot is elérhet, míg az éjszakák 4,5°C körül alakulnak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége enyhe növekedést mutat, 80 mm körüli értékkel. A csapadékos napok száma 8.</p>



<p class="wp-block-paragraph">A páratartalom csökken, 68% körüli értékre, ami különösen kellemes. A márciusi időjárás már alkalmas a városnézéshez.</p>



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



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



<p class="wp-block-paragraph">Az április már egyértelműen tavaszi hónap, jelentős felmelegedéssel. A nappali hőmérséklet 19°C körülire emelkedik, míg éjszaka 8,4°C körül alakul. A legmelegebb napokon a hőmérséklet elérheti a 26°C-ot.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt marad, 80 mm körüli értékkel. Az esős napok száma 8, általában atlantikus frontok hatására.</p>



<p class="wp-block-paragraph">A levegő páratartalma kellemes, 67% körüli. Április az egyik legjobb hónap Milánó látogatására &#8211; kellemes hőmérséklet, több napsütés.</p>



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



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



<p class="wp-block-paragraph">Május már meleg hónap, amikor a hőmérséklet nyári értékek felé kúszik. A nappali értékek 24°C körülire emelkednek, míg éjszaka 13°C körül alakulnak. A legmelegebb napokon a hőmérséklet elérheti a 30,5°C-ot.</p>



<p class="wp-block-paragraph">A napsütéses órák száma magas, átlagosan 7 óra. A nappali világosság időtartama eléri a 14 óra 55 percet. A napkelte 5:45 körül, a napnyugta pedig 19:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 95 mm körüli értékkel. A csapadékos napok száma 8, mivel az első délutáni zivatarok is megjelenhetnek.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 65% körüli értékre. A májusi látogatáshoz könnyű, szellős ruházat ajánlott.</p>



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



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



<p class="wp-block-paragraph">Június már igazi nyári hónap, magas hőmérsékletekkel. A nappali maximum 28°C körülire emelkedik, míg éjszaka 17°C körül alakul. A legmelegebb napokon a hőmérséklet elérheti a 34°C-ot.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége csökken, 65 mm körüli értékkel. Az esős napok száma 8, gyakran délutáni zivatarok formájában.</p>



<p class="wp-block-paragraph">A páratartalom mérsékelt, 64% körüli. A júniusi utazáshoz könnyű ruházat és fényvédelem ajánlott.</p>



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



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



<p class="wp-block-paragraph">Július, az év legmelegebb hónapja, általában meleg-forró hónap. Az átlaghőmérséklet 25°C, a minimum 19°C, a maximum 30,7°C. Hőhullámok idején a hőmérséklet elérheti vagy meghaladhatja a 35°C-ot.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri az éves csúcsot, átlagosan napi 9 óra. A nappali világosság időtartama még mindig hosszú, 15 óra 10 perc. A napkelte 5:45 körül, a napnyugta pedig 20:00 körül következik be.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 70 mm körüli értékkel. A csapadékos napok száma mindössze 6.</p>



<p class="wp-block-paragraph">A páratartalom a legalacsonyabb, 63% körüli. A júliusi látogatáshoz a lehető legkönnyebb ruházat, bőséges folyadékbevitel ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az augusztus szintén rendkívül meleg és kissé dohos. A nappali hőmérséklet 30°C körül alakul, míg éjszaka 19°C-ra hűl le. A legmelegebb napokon a hőmérséklet elérheti a 34,5°C-ot.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 95 mm körüli értékkel. A csapadékos napok száma 7.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 66% körüli értékre. Az augusztusi látogatáshoz könnyű ruházat, légkondicionált szállás ajánlott.</p>



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



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



<p class="wp-block-paragraph">A szeptember a nyár végét és az ősz kezdetét jelzi, kellemes hőmérséklettel. A nappali hőmérséklet 25°C körül alakul, éjszaka pedig 15°C-ra csökken. A legmelegebb napokon még 30,5°C is lehet.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 70 mm körüli értékre. A csapadékos napok száma mindössze 5.</p>



<p class="wp-block-paragraph">A páratartalom növekszik, 70% körüli. A szeptemberi látogatás még mindig kellemes, de már érdemes könnyű pulóvert vinni.</p>



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



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



<p class="wp-block-paragraph">Az október általában nagyon enyhe hónap. Az átlaghőmérséklet 14,7°C, a minimum 10°C, a maximum 19°C. A hűvösebb napok és a kellemes őszi hangulat jellemzi.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége jelentős, 100 mm körüli értékkel. A csapadékos napok száma 7, és az esők gyakran órákig tartanak.</p>



<p class="wp-block-paragraph">A páratartalom magas, 79% körüli értékre. Az októberi látogatáshoz réteges öltözködés és esernyő ajánlott.</p>



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



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



<p class="wp-block-paragraph">A november már az ősz közepét-végét jelenti, fokozatos lehűléssel. A nappali hőmérséklet 12°C körülire süllyed, míg éjszaka már 5°C körül alakul.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége magas, 100 mm körüli értékkel. A csapadékos napok száma 9.</p>



<p class="wp-block-paragraph">A páratartalom igen magas, 84% körüli. A novemberi látogatáshoz meleg kabát és esernyő szükséges.</p>



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



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



<p class="wp-block-paragraph">A december általában meglehetősen hideg hónap. Az átlaghőmérséklet 4°C, a minimum 0,6°C, a maximum 7,7°C.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 60 mm körüli értékkel. A csapadékos napok száma 6.</p>



<p class="wp-block-paragraph">A levegő igen párás, 84% körüli páratartalommal. A decemberi látogatáshoz meleg téli ruházat szükséges.</p>



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



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Milánó 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: 7 },
{ honap5: "Február", homerseklet5: 10 },
{ honap5: "Március", homerseklet5: 16 },
{ honap5: "Április", homerseklet5: 19 },
{ honap5: "Május", homerseklet5: 24 },
{ honap5: "Június", homerseklet5: 28 },
{ honap5: "Július", homerseklet5: 31 },
{ honap5: "Augusztus", homerseklet5: 30 },
{ honap5: "Szeptember", homerseklet5: 25 },
{ honap5: "Október", homerseklet5: 19 },
{ honap5: "November", homerseklet5: 12 },
{ honap5: "December", homerseklet5: 8 }
    ];
    // 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>



<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">Milánó havi átlaghőmérséklete</div>
    <div id="chart"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container">
    <input type="range" min="0" max="100" value="0" class="slider" id="chartSlider">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data = [
      { honap: "Január", homerseklet: 4 },
{ honap: "Február", homerseklet: 5 },
{ honap: "Március", homerseklet: 10 },
{ honap: "Április", homerseklet: 14 },
{ honap: "Május", homerseklet: 19 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 25 },
{ honap: "Szeptember", homerseklet: 20 },
{ honap: "Október", homerseklet: 15 },
{ honap: "November", homerseklet: 9 },
{ honap: "December", homerseklet: 4 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([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>



<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">Milánó átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 65 },
{ honap: "Február", csapadek: 65 },
{ honap: "Március", csapadek: 80 },
{ honap: "Április", csapadek: 80 },
{ honap: "Május", csapadek: 95 },
{ honap: "Június", csapadek: 65 },
{ honap: "Július", csapadek: 70 },
{ honap: "Augusztus", csapadek: 95 },
{ honap: "Szeptember", csapadek: 70 },
{ honap: "Október", csapadek: 100 },
{ honap: "November", csapadek: 100 },
{ honap: "December", csapadek: 60 }
    ];
    // 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">Milánó jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 81 },
{ honap11: "Február", paratartalom11: 75 },
{ honap11: "Március", paratartalom11: 68 },
{ honap11: "Április", paratartalom11: 67 },
{ honap11: "Május", paratartalom11: 65 },
{ honap11: "Június", paratartalom11: 64 },
{ honap11: "Július", paratartalom11: 63 },
{ honap11: "Augusztus", paratartalom11: 66 },
{ honap11: "Szeptember", paratartalom11: 70 },
{ honap11: "Október", paratartalom11: 79 },
{ honap11: "November", paratartalom11: 84 },
{ honap11: "December", paratartalom11: 84 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



<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 Milánóban</strong></h2>



<p class="wp-block-paragraph">Milánó mérsékelt UV-sugárzási szintekkel rendelkezik, ami az északi földrajzi elhelyezkedésnek és a gyakran borús égboltnak köszönhető. Az UV-intenzitás jelentősen változik az évszakok szerint.</p>



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



<p class="wp-block-paragraph">A téli hónapokban az UV-index alacsony, általában 1-2-es értéket ér el (minimális-alacsony). A rövid nappalok, alacsony napállás és gyakori felhőzet miatt a napégés veszélye minimális, de a hó visszaverődése növelheti a sugárzást.</p>



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



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



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



<p class="wp-block-paragraph">A nyári hónapokban Milánó UV-indexe eléri a legmagasabb értékeket, általában 7-8-as szintet (magas-nagyon magas), különösen a déli órákban (11:00-15:00 között). Tiszta időben akár 20-25 perc alatt is napégést lehet szenvedni védelem nélkül.</p>



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



<p class="wp-block-paragraph">Az ősz elején, szeptemberben az UV-index még magas, 5-6-os értékkel, majd októberre 3-4-es szintre (mérsékelt), novemberre pedig 2-3-as szintre (alacsony-mérsékelt) csökken.</p>



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



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



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



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



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



<li><strong>Városi környezet</strong>: A városi épületek árnyéka természetes védelmet nyújt, de az aszfaltos felületekről való visszaverődésre figyelni kell.</li>



<li><strong>Téli védelem</strong>: Télen, különösen hó esetén, szintén ajánlott a fényvédő használata a visszaverődés miatt.</li>
</ul>



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



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



<p class="wp-block-paragraph"><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 class="wp-block-paragraph"><strong>Hőhullámok</strong>: A hőhullámok egyre gyakoribbá válnak, ilyenkor a hőmérséklet elérheti vagy meghaladhatja a 35°C-ot. A hőmérséklet elérte a 38°C-ot 2003 augusztusában és 2017 augusztusában (rekord).</p>



<p class="wp-block-paragraph"><strong>Hideg időszakok</strong>: Időnként kelet-európai hideg légtömegek igen intenzív fagyokat hozhatnak, bár a hőmérséklet ritkán süllyed -10°C alá. A legalacsonyabb mért hőmérséklet -15,5°C volt 1956 februárjában.</p>



<p class="wp-block-paragraph"><strong>Hó</strong>: Milánóban általában évente legalább egyszer esik hó, és néha bőséges is lehet, bár hajlamos hamar elolvadni. </p>



<p class="wp-block-paragraph"><strong>Köd</strong>: Bár egykor nagyon gyakori volt, mára a városi hősziget hatásnak köszönhetően ritkává vált a városon belü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 Milánóba utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Milánó meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen <strong>április közepe és június közepe</strong> között. Ilyenkor kellemes hőmérséklet (18-28°C), több napsütés és viszonylag kevés csapadék jellemzi a várost, ami ideális a városnézéshez és kulturális programokhoz. A <strong>szeptember</strong> szintén kiváló hónap, kellemes hőmérséklettel és kevés esővel.</p>



<p class="wp-block-paragraph">A nyár közepe és vége (július-augusztus) meleg és kissé dohos lehet, különösen hőhullámok idején, de a sok napsütés és kevés eső miatt még mindig alkalmas az utazásra.</p>



<p class="wp-block-paragraph">Kerülendő időszakok: Az október-november időszak, amikor gyakori az eső és csökken a napsütés. Bár a hőmérséklet még kellemes lehet, az időjárás változékonysága miatt kevésbé ideális.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="average">

<td>Január</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Február</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Március</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Április</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>Július</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Augusztus</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="not-recommended">

<td>Október</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>November</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>December</td>

<td>Átlagos</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/45d469d19/milan/" data-label_1="MILÁNÓ" data-theme="original" >MILÁNÓ</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/milano-idojarasa/">Milánó időjárása – mikor a legjobb a divat 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>Nápoly időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/napoly-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Wed, 03 Sep 2025 09:25:41 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1271</guid>

					<description><![CDATA[<p>Nápoly egy igazi mediterrán olasz város. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Nápoly időjárását a mediterrán éghajlat határozza meg, ami meleg, száraz nyarakat és enyhe,&#8230;</p>
<p>A <a href="https://mikorutazz.hu/napoly-idojarasa/">Nápoly időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Nápoly egy igazi mediterrán olasz város. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Nápoly időjárását a mediterrán éghajlat határozza meg, ami meleg, száraz nyarakat és enyhe, csapadékos teleket eredményez. A dél-olaszországi Campania régió fővárosának számító várost a Vezúv vulkán, a Nápoly-öböl és a tengerparti fekvés jellemzi. A Földközi-tenger partján fekvő város mediterrán klímájának köszönhetően kellemes időjárást biztosít az év nagy részében.</p>



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



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



<p class="wp-block-paragraph">Nápoly négy jól elkülöníthető évszakkal rendelkezik, ahol a mediterrán klíma hatására a nyár és a tél határozottan eltér egymástól. A tavasz és az ősz hosszabb átmeneti időszakok, amelyek különösen kedvezőek a látogatók számára.</p>



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



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



<p class="wp-block-paragraph">A tavasz fokozatos melegedést hozó, kellemes időszak Nápolyban, enyhülő hőmérséklettel és mérséklődő csapadékkal. Az átlaghőmérséklet <strong>12-20°C</strong> között mozog. A tavasz elején még hűvösebb napok jellemzőek, de fokozatosan melegszik. A mediterrán növényzet virágba borul, különösen április és május között.</p>



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



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



<p class="wp-block-paragraph">A nyár forró, száraz és napos. Az átlaghőmérséklet <strong>24-28°C</strong>, de a nappali maximum gyakran 30-35°C-ot ér el. A páratartalom mérsékelt, ezért a meleg elviselhető. Július és augusztus a legforróbb hónapok. A mediterrán éghajlatnak köszönhetően a csapadék minimális.</p>



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



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



<p class="wp-block-paragraph">Az ősz Nápoly egyik legkellemesebb évszaka, fokozatosan csökkenő hőmérséklettel és növekvő csapadékkal. Az átlaghőmérséklet <strong>16-25°C</strong> között alakul. Szeptember még nyáriasan meleg, október kellemes, november már hűvösebb. Az őszi hónapok ideálisak a városnézéshez és kulturális programokhoz.</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 class="wp-block-paragraph">A tél enyhe és csapadékos, az átlaghőmérséklet <strong>8-10°C</strong> között mozog, de éjszaka ritkán süllyed 5°C alá. Fagy igen ritka, hóesés szinte soha nem fordul elő. A nappalok általában 12-15°C körüliek, de borús, esős napok gyakoriak.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Nápoly 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 class="wp-block-paragraph">Január Nápoly leghidegebb hónapja. A nappali hőmérséklet átlagosan 12°C körül mozog, míg éjszaka 5°C körülire süllyedhet. Fagypont alatti hőmérséklet rendkívül ritka, hóesés szinte soha nem fordul elő.</p>



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, átlagosan napi 4-5 óra. A nappali világosság időtartama rövid, mintegy 9,5 óra. A napkelte 7:15 körül, a napnyugta pedig már 17:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, átlagosan 90-100 mm körül mozog. A havi csapadékos napok száma 10-12, gyakran hosszabb esős időszakok formájában.</p>



<p class="wp-block-paragraph">A relatív páratartalom 75% körüli, ami nedves levegőt jelent. Az égbolt gyakran borús, kevés napsütéssel.</p>



<p class="wp-block-paragraph">Ha januárban utazol Nápolyba, vigyél magaddal melegebb kabátot és esernyőt. Rétegesen öltözködj, mert a hőmérséklet-ingadozás jelentős 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 class="wp-block-paragraph">A február hasonló az januárhoz, de már enyhe felmelegedés érezhető. A nappali hőmérséklet 13°C körülire emelkedhet, míg éjszaka 6°C körül alakul. A hideg napok még jellemzőek, de a hónap második felében már melegebb periódusok várhatóak.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is magas, átlagosan 80-90 mm körül. A csapadékos napok száma 9-10 között mozog.</p>



<p class="wp-block-paragraph">A levegő nedves, 74% körüli páratartalommal. A februári látogatáshoz még mindig érdemes átmeneti kabátot és esernyőt vinni.</p>



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



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



<p class="wp-block-paragraph">A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 16°C-ot is elérhet, míg az éjszakák 8°C körül alakulnak. A hideg reggelek még előfordulhatnak, de egyre ritkábban.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége csökkenést mutat, 70-80 mm körüli értékkel. A csapadékos napok száma 8-9.</p>



<p class="wp-block-paragraph">A páratartalom csökken, 70% körüli értékre, ami kellemesebb közérzetet biztosít. A márciusi időjárás kedvező a városnézéshez, bár még átmeneti ruházat szükséges.</p>



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



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



<p class="wp-block-paragraph">Az április már egyértelműen tavaszi hónap, kellemes felmelegedéssel. A nappali hőmérséklet 19°C körülire emelkedik, míg éjszaka 11°C körül alakul. A meleg napok már gyakoribbak, és a hónap végére már nyárias időjárás is előfordulhat.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 60-70 mm körüli értékkel. Az esős napok száma 7-8, általában rövid záporok formájában.</p>



<p class="wp-block-paragraph">A levegő páratartalma kellemes, 68% körüli. Április az egyik legjobb hónap Nápoly látogatására &#8211; kellemes hőmérséklet, kevés eső, növekvő napsütés.</p>



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



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



<p class="wp-block-paragraph">Május a kora nyári időszak, amikor a hőmérséklet már kellemes nyári értékek felé kúszik. A nappali értékek 23°C körülire emelkednek, míg éjszaka 15°C körül alakulnak. A hónap végére már meleg napok jellemzők.</p>



<p class="wp-block-paragraph">A napsütéses órák száma magas, átlagosan 8-9 óra. A nappali világosság időtartama eléri a 14 órát. A napkelte 5:45 körül, a napnyugta pedig 19:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 50-60 mm körüli értékkel. A csapadékos napok száma 6-7, mivel a száraz nyári időszak közelgete érezhető.</p>



<p class="wp-block-paragraph">A páratartalom csökken, 65% körüli értékre. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, és már nem szükséges vastag kabát.</p>



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



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



<p class="wp-block-paragraph">Június már igazi nyári hónap, kellemes meleggel és minimális csapadékkal. A nappali maximum 27°C körülire emelkedik, míg éjszaka 19°C körül alakul. A száraz nyári időszak elkezdődik.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége minimális, 30-40 mm körüli értékkel. Az esős napok száma mindössze 4-5, és ezek is általában rövid záporok.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 63% körüli. A júniusi utazáshoz könnyű nyári ruházat, fényvédelem és kényelmes cipő ajánlott.</p>



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



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



<p class="wp-block-paragraph">Július Nápoly egyik legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 30°C-ot, míg az éjszakák is melegek maradnak, 22°C körüli értékekkel. A meleg száraz, ezért jól elviselhető.</p>



<p class="wp-block-paragraph">A napsütéses órák száma átlagosan napi 11 óra. A nappali világosság időtartama kezd lassan csökkenni, de még mindig hosszú, 14,5 óra. A napkelte 5:40 körül, a napnyugta pedig 20:10 körül következik be.</p>



<p class="wp-block-paragraph">A csapadék mennyisége igen alacsony, 20-30 mm körüli értékkel. A nyári száraz időszak teljes erővel működik, szinte egyáltalán nincs eső. A csapadékos napok száma 2-3.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 60% körüli, ami kellemes, száraz közérzetet biztosít. A júliusi látogatáshoz könnyű nyári ruházat, erős fényvédelem és bőséges folyadékbevitel ajánlott.</p>



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



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



<p class="wp-block-paragraph">Az augusztus szintén rendkívül meleg és száraz. A nappali hőmérséklet 30°C körül alakul, míg éjszaka 22°C-ra hűl le. Ez az év egyik legmelegebb hónapja, de a száraz levegő miatt elviselhető.</p>



<p class="wp-block-paragraph">A napsütéses órák száma napi 10 óra. A nappali világosság időtartama érezhetően csökken, 13,5 órára. A napkelte 6:00 körül, a napnyugta pedig 19:45 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége minimális, 25-35 mm körüli értékkel. A száraz időszak folytatódik, alig van eső. A csapadékos napok száma 3-4.</p>



<p class="wp-block-paragraph">A páratartalom alacsony marad, 61% körüli értékre. Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban: könnyű ruházat, folyamatos hidratálá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 class="wp-block-paragraph">A szeptember a nyár végét és az ősz kezdetét jelzi, de még mindig kellemes meleg van. A nappali hőmérséklet 27°C körül alakul, éjszaka pedig 19°C-ra csökken. A hónap még nyáriasan meleg, különösen az elején.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekedni kezd, 60-70 mm körüli értékre. Az őszi esős időszak kezdete érezhető, a csapadékos napok száma 6-7.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 66% körüli, de még mindig kellemes. A szeptemberi látogatás ideális, még mindig meleg, de már nem annyira forró.</p>



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



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



<p class="wp-block-paragraph">Az október Nápoly egyik legkellemesebb hónapja, ideális időjárással. A nappali hőmérséklet 23°C körülire csökken, míg éjszaka 15°C körül alakul. A levegő friss és kellemes.</p>



<p class="wp-block-paragraph">A napsütéses órák száma napi 6-7 óra, még mindig jó látási viszonyokkal. A nappali világosság időtartama jelentősen csökken, 11 órára. A napkelte 7:00 körülre, a napnyugta pedig 18:00 körülre tolódik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 100-110 mm körüli értékkel. A csapadékos napok száma 8-9, és az esők gyakran hosszabb ideig tartanak.</p>



<p class="wp-block-paragraph">A páratartalom emelkedik, 72% körüli értékre. Az októberi látogatás még mindig kellemes, de már érdemes átmeneti ruházatot vinni.</p>



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



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



<p class="wp-block-paragraph">A november már az ősz közepét jelenti, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet 18°C körülire süllyed, míg éjszaka már 11°C körött alakul. A hónap végére már hűvös napok jellemzőek.</p>



<p class="wp-block-paragraph">A napsütéses órák száma csökken, átlagosan napi 4-5 órára. A nappali világosság időtartama tovább rövidül, 10 órára. A napkelte 6:45 körül, a napnyugta pedig már 17:00 körül következik be.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, 120-130 mm körüli értékkel. A csapadékos napok száma 10-11, gyakran hosszabb esős időszakok.</p>



<p class="wp-block-paragraph">A páratartalom 75% körüli, ami nedvesebb levegőt eredményez. A novemberi látogatáshoz melegebb kabát és esernyő ajánlott.</p>



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



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



<p class="wp-block-paragraph">A december Nápoly egyik leghűvösebb hónapja. A nappali hőmérséklet 14°C körül alakul, míg éjszaka 7°C körülire is süllyedhet. Fagypont alatti hőmérséklet ritka, de előfordulhat tiszta éjszakákon.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri a legalacsonyabb értéket, átlagosan napi 3-4 óra. A nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 9 órát. A napkelte késői, 7:15 körüli, a napnyugta pedig korai, 16:50 körüli.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, 100-110 mm körüli értékkel. A csapadékos napok száma 11-12.</p>



<p class="wp-block-paragraph">A levegő nedves, 76% körüli páratartalommal. A decemberi látogatáshoz meleg kabát, pulóver és esernyő ajánlott.</p>



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



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Nápoly 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: 12 },
{ honap5: "Február", homerseklet5: 13 },
{ honap5: "Március", homerseklet5: 16 },
{ honap5: "Április", homerseklet5: 19 },
{ honap5: "Május", homerseklet5: 23 },
{ honap5: "Június", homerseklet5: 27 },
{ honap5: "Július", homerseklet5: 30 },
{ honap5: "Augusztus", homerseklet5: 30 },
{ honap5: "Szeptember", homerseklet5: 27 },
{ honap5: "Október", homerseklet5: 23 },
{ honap5: "November", homerseklet5: 18 },
{ honap5: "December", homerseklet5: 14 }
    ];
    // 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 class="wp-block-paragraph"><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">Nápoly 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: 8 },
{ honap: "Február", homerseklet: 9 },
{ honap: "Március", homerseklet: 12 },
{ honap: "Április", homerseklet: 16 },
{ honap: "Május", homerseklet: 20 },
{ honap: "Június", homerseklet: 24 },
{ honap: "Július", homerseklet: 28 },
{ honap: "Augusztus", homerseklet: 28 },
{ honap: "Szeptember", homerseklet: 25 },
{ honap: "Október", homerseklet: 21 },
{ honap: "November", homerseklet: 16 },
{ honap: "December", homerseklet: 10 }
    ];
    // 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 class="wp-block-paragraph"><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">Nápoly á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: 95 },
{ honap: "Február", csapadek: 85 },
{ honap: "Március", csapadek: 75 },
{ honap: "Április", csapadek: 65 },
{ honap: "Május", csapadek: 55 },
{ honap: "Június", csapadek: 35 },
{ honap: "Július", csapadek: 25 },
{ honap: "Augusztus", csapadek: 30 },
{ honap: "Szeptember", csapadek: 65 },
{ honap: "Október", csapadek: 105 },
{ honap: "November", csapadek: 125 },
{ honap: "December", csapadek: 105 }
    ];
    // 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>



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



<p class="wp-block-paragraph">Nápoly magas UV-sugárzási szintekkel rendelkezik a nyári hónapokban, ami a mediterrán elhelyezkedésnek és a gyakori napsütésnek köszönhető. Ez különösen fontos szempont a látogatók számára.</p>



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



<p class="wp-block-paragraph">A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 4-5-ös értéket ér el (közepes), áprilisban 6-7-re (magas), májusban pedig 8-9-es szintre (nagyon magas) emelkedik. A tavasz végén már 20-30 perc alatt le lehet égni védelem nélkül.</p>



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



<p class="wp-block-paragraph">A nyári hónapokban Nápoly UV-indexe rendszeresen eléri a 9-11-es értéket (nagyon magas-extrém), különösen a déli órákban (11:00-15:00 között). A sugárzás intenzitása miatt védelem nélkül akár 15 perc alatt is napégést lehet szenvedni.</p>



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



<p class="wp-block-paragraph">Az ősz elején, szeptemberben az UV-index még mindig magas, 7-8-as értékkel, majd októberre csökken 5-6-os szintre (közepes-magas), novemberre pedig 3-4-es szintre. Azonban még ősz elején is fennáll a leégés veszélye.</p>



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



<p class="wp-block-paragraph">A téli hónapokban az UV-index alacsonyabb, átlagosan 2-3-as értékkel (alacsony-közepes), de a téli napsütés intenzitása sokszor megtévesztő lehet.</p>



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



<ul class="wp-block-list">
<li><strong>Magas faktorszámú fényvédő</strong>: Minimum SPF 30-as fényvédő használata ajánlott, amit 2 óránként érdemes újra felvinni.</li>



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



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



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



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



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




<p class="wp-block-paragraph"><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 class="wp-block-paragraph">A nyári hónapokban ritkán, de előfordulhatnak hirtelen délutáni zivatarok, amelyek rövid ideig tartanak, de intenzívek lehetnek.</p>



<p class="wp-block-paragraph">Az őszi és téli hónapokban a sirokkó (meleg déli szél) hatására hirtelen felmelegedés következhet be, ami párás, fülledt időjárást okozhat.</p>



<p class="wp-block-paragraph">A téli hónapokban ritkán, de előfordulhatnak erősebb szélviharok, különösen a tengerparton.</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 Nápolyba utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Nápoly meglátogatására a <strong>késő tavaszi és kora őszi hónapok</strong>, különösen <strong>április-május és szeptember-október</strong> között. Ilyenkor kellemes hőmérséklet (19-25°C), mérsékelt csapadék és bőséges napsütés jellemzi a várost, ami ideális a városnézéshez, kulturális programokhoz és kirándulásokhoz.</p>



<p class="wp-block-paragraph">A nyári hónapok (június-augusztus) szintén kiválóak azok számára, akik szeretik a meleget és a tengerparti programokat. A hőmérséklet magas (27-30°C), de a száraz levegő miatt elviselhető, és szinte egyáltalán nincs eső.</p>



<p class="wp-block-paragraph">A téli hónapok (december-február) enyhébbek, mint Észak-Európában, de csapadékosabbak és kevesebb a napsütés. Ez az időszak költséghatékonyabb, kevesebb turista van, de az időjárás változékonyabb lehet.</p>



<p class="wp-block-paragraph">Kerülendő időszakok: November az egyik legcsapadékosabb hónap, amikor gyakori az eső és borús az égbolt. Január-február hidegebb és szintén csapadékos időszakok.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Április</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Július</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Augusztus</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Október</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>November</td>

<td>Átlagos</td>

</tr>

<tr class="not-recommended">

<td>December</td>

<td>Nem ajánlott</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/40d8514d27/naples/" data-label_1="NÁPOLY" data-theme="original" >NÁPOLY</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/napoly-idojarasa/">Nápoly időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Róma időjárása – mikor a legjobb az olasz fővárosba utazni?</title>
		<link>https://mikorutazz.hu/roma-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Sat, 30 Aug 2025 14:22:41 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Olaszország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1264</guid>

					<description><![CDATA[<p>Róma az örök város, amely egész évben népszerű úti cél. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Róma időjárását a mediterrán éghajlat határozza meg, ami meleg,&#8230;</p>
<p>A <a href="https://mikorutazz.hu/roma-idojarasa/">Róma időjárása – mikor a legjobb az olasz fővárosba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Róma az örök város, amely egész évben népszerű úti cél. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p class="wp-block-paragraph">Róma időjárását a mediterrán éghajlat határozza meg, ami meleg, száraz nyarakat és enyhe, nedves teleket eredményez. A Lazio régió szívében elhelyezkedő várost hét domb és számos történelmi műemlék jellemzi, amelyek különleges hangulatot teremtenek az év minden szakában. A Földközi-tenger közelsége kellemes időjárást biztosít a város számára, bár a nyári hónapok rendkívül melegek lehetnek.</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 class="wp-block-paragraph">Róma négy jól elkülöníthető évszakkal rendelkezik, mindegyik sajátos varázszal bír. A mediterrán klíma miatt a városban kellemes, enyhe telek és forró, száraz nyarak jellemzőek.</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 class="wp-block-paragraph">A tavasz Róma egyik legcsodálatosabb évszaka, fokozatosan melegedő hőmérséklettel és virágzó növényzettel. Az átlaghőmérséklet <strong>16-25°C</strong> között mozog. A tavasz elején még előfordulhatnak hűvösebb napok, de gyorsan felmelegszik. A római parkok és kertek virágba borulnak, különösen márciusban és áprilisban, ami ideális időszak a városnézésre.</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 class="wp-block-paragraph">A nyár forró és száraz, tipikus mediterrán jellegzetességekkel. Az átlaghőmérséklet <strong>26-30°C</strong>, de a nappali maximum gyakran 35°C-ot is elér. A nyári hónapokban rendkívül kevés eső esik, július és augusztus a legmelegebb hónapok. A páratartalom viszonylag alacsony, ami elviselhetőbbé teszi a hőséget.</p>



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



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



<p class="wp-block-paragraph">Az ősz Róma másik arany évszaka, fokozatosan csökkenő hőmérséklettel és kellemes, napsütéses napokkal. Az átlaghőmérséklet <strong>22-16°C</strong> között alakul. A csapadék mennyisége növekszik, különösen novemberben. Az őszi színek gyönyörűen festik a város parkjait és sugárutait.</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 class="wp-block-paragraph">A tél enyhe és viszonylag nedves, az átlaghőmérséklet <strong>8-15°C</strong> között mozog. Fagy ritka, de előfordulhat, különösen a hajnali órákban. A téli napok rövidek, de gyakran napsütésesek, ami ideális időszak a múzeumok látogatására és a város beltéri nevezetességeinek felfedezésére.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Róma 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 class="wp-block-paragraph">Január Róma leghidegebb hónapja. A nappali hőmérséklet átlagosan 12°C körül mozog, míg éjszaka 3°C körülire süllyedhet. Fagy ritkán fordul elő, de a hajnali órákban előfordulhat.</p>



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, átlagosan napi 4,3 óra, a nappali világosság időtartama pedig körülbelül 9,2 óra. A napkelte 7:30 körül, a napnyugta pedig már 17:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, átlagosan 80 mm körül mozog. A havi csapadékos napok száma 8-9, általában enyhe eső vagy szitálás formájában.</p>



<p class="wp-block-paragraph">A relatív páratartalom magas, 75% körüli, ami nedves légkört teremt. Az égbolt gyakran felhős, de tiszta napok is előfordulnak.</p>



<p class="wp-block-paragraph">Ha januárban utazol Rómába, vigyél magaddal könnyű télikabátot és pulóvert, valamint esernyőt. Rétegesen öltözködj, mivel a nappali órákban kellemes lehet az idő.</p>



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



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



<p class="wp-block-paragraph">A február hasonló a januárhoz, de már érezhető enyhe felmelegedés. A nappali hőmérséklet 13°C körülire emelkedik, míg éjszaka 4°C körül alakul. A hónap második felében már jelentősen melegebb napok is előfordulhatnak.</p>



<p class="wp-block-paragraph">A napsütéses órák száma növekszik, átlagosan napi 5 óra. A nappali világosság időtartama 10,5 órára nő. A napkelte 7:00 körül, a napnyugta pedig 17:45 körül történik.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsonyabb, átlagosan 70 mm körül. A csapadékos napok száma 7-8.</p>



<p class="wp-block-paragraph">A páratartalom 72% körüli. A februári látogatáshoz még mindig téli ruházat ajánlott, de már könnyebb kabát is elegendő lehet.</p>



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



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



<p class="wp-block-paragraph">A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 16°C-ot is elérhet, míg az éjszakák 7°C körül alakulnak. A hónap végére már tavaszi meleg napok jellemzőek.</p>



<p class="wp-block-paragraph">A napsütéses napok aránya 61%-ra emelkedik, ami jelentős javulást jelent a téli hónapokhoz képest. A napsütéses órák száma átlagosan napi 6 óra. A nappali világosság időtartama 12 órára nő.</p>



<p class="wp-block-paragraph">A csapadék mennyisége csökken, átlagosan 42 mm körüli értékkel. A csapadékos napok száma 6-7.</p>



<p class="wp-block-paragraph">A páratartalom 68% körüli. A márciusi időjárás ideális a városnézésre, ekkor kezd életre kelni a város.</p>



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



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



<p class="wp-block-paragraph">Az április már egyértelműen tavaszi hónap, kellemes felmelegedéssel. A nappali hőmérséklet 20°C körülire emelkedik, míg éjszaka 10°C körül alakul. A hideg napok már ritkák, és a növényzet teljesen virágba borul.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége mérsékelt, 55 mm körüli értékkel. Az esős napok száma 6, általában rövid záporok formájában.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 65% körüli. Április az egyik legjobb hónap Róma látogatására &#8211; kellemes hőmérséklet, kevés eső, virágzó természet.</p>



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



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



<p class="wp-block-paragraph">Május már a kora nyári időszak, amikor a hőmérséklet nyári értékek felé kúszik. A nappali értékek 25°C körülire emelkednek, míg éjszaka 15°C körül alakulnak. A hónap végére már meleg, kellemes napok jellemzők.</p>



<p class="wp-block-paragraph">A napsütéses órák száma tovább emelkedik, átlagosan napi 8,5 óra. A nappali világosság időtartama eléri a 14,5 órát. A napkelte 5:30 körül, a napnyugta pedig 19:45 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége alacsony, 50 mm körüli értékkel. A csapadékos napok száma mindössze 5.</p>



<p class="wp-block-paragraph">A páratartalom kellemes, 62% körüli értékre csökken. A májusi látogatáshoz könnyű tavaszi ruházat ajánlott, este könnyű kardigán is elegendő.</p>



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



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



<p class="wp-block-paragraph">Június már igazi nyári hónap, kellemes meleg hőmérsékletekkel. A nappali maximum 29°C körülire emelkedik, míg éjszaka 18°C körül alakul. A nyári száraz időszak elkezdődik.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége jelentősen csökken, mindössze 30 mm körüli értékkel. Az esős napok száma 3-4, általában rövid záporok formájában.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 58% körüli, ami kellemes közérzetet biztosít. A júniusi utazáshoz nyári ruházat, erős fényvédelem és könnyű fejfedő ajánlott.</p>



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



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



<p class="wp-block-paragraph">Július Róma legmelegebb hónapja, átlagosan 26°C-os hőmérséklettel. A nappali hőmérséklet rendszeresen eléri a 30°C-ot, míg az éjszakák is melegek maradnak, 20°C körüli értékekkel. Ez az év legszárazabb hónapja.</p>



<p class="wp-block-paragraph">A napsütéses órák száma eléri az éves csúcsot, 431 óra havonta, ami napi átlagban közel 14 órát jelent. A nappali világosság időtartama még mindig hosszú, 14,5 óra. A napkelte 5:30 körül, a napnyugta pedig 20:00 körül következik be.</p>



<p class="wp-block-paragraph">A csapadék mennyisége minimális, mindössze 20 mm körüli értékkel. A nyári száraz időszak teljében, szinte soha nem esik. A csapadékos napok száma 2-3.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 55% körüli, ami ellenére a magas hőmérsékletnek elviselhető. A júliusi látogatáshoz a lehető legkönnyebb ruházat ajánlott, bőséges fényvédelem, kalap és napszemüveg.</p>



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



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



<p class="wp-block-paragraph">Az augusztus szintén rendkívül meleg, átlagosan 30,5°C-os nappali maximummal és alacsony, 60-62%-os páratartalommal. A nappali hőmérséklet gyakran eléri a 35°C-ot, míg éjszaka 21°C-ra hűl le. Ez hagyományosan a nyári szabadság hónapja.</p>



<p class="wp-block-paragraph">A napsütéses órák száma magas marad, 398 óra havonta, ami napi átlagban 12,8 órát jelent. A nappali világosság időtartama csökkenni kezd, 13,5 órára. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége továbbra is minimális, mindössze 23-34 mm körüli értékkel. A szárazság teljes, esős napok száma 2-3.</p>



<p class="wp-block-paragraph">A páratartalom alacsony, 58% körüli. Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: rendkívül könnyű ruházat, folyamatos hidratálás, erős fényvédelem.</p>



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



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



<p class="wp-block-paragraph">A szeptember a nyár végét és az ősz kezdetét jelzi, fokozatos enyhülést hozva. A nappali hőmérséklet 26°C körül alakul, éjszaka pedig 17°C-ra csökken. A hónap vége felé már érezhetően kellemesebb az idő.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége növekedni kezd, 65 mm körüli értékre. Az esős napok száma 5-6.</p>



<p class="wp-block-paragraph">A páratartalom 65% körüli, de a hőmérséklet enyhülése miatt a közérzet kiváló. A szeptemberi látogatás ideális &#8211; még meleg, de már nem forró.</p>



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



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



<p class="wp-block-paragraph">Az október Róma egyik legkellemesebb hónapja, átlagosan 22°C-os nappali hőmérséklettel. A nappali hőmérséklet kellemes 22°C körül alakul, míg éjszaka 13°C körül van. A levegő friss és tiszta.</p>



<p class="wp-block-paragraph">A napsütéses órák száma napi 6,5 óra, kiváló látási viszonyokkal. A nappali világosság időtartama 11 órára csökken. A napkelte 7:15 körül, a napnyugta pedig 18:00 körül van.</p>



<p class="wp-block-paragraph">A csapadék mennyisége növekszik, 95 mm körüli értékkel. A csapadékos napok száma 8-9.</p>



<p class="wp-block-paragraph">A páratartalom 70% körüli. Az októberi látogatás kiváló választás &#8211; kellemes hőmérséklet, gyönyörű őszi színek, kevesebb turista.</p>



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



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



<p class="wp-block-paragraph">A november Róma legcsapadékosabb hónapja, amikor átlagosan 115 mm eső esik 9,7 napon keresztül. A nappali hőmérséklet 17°C körülire süllyed, míg éjszaka 8°C körül alakul. A hónap végére már hűvös, őszi időjárás jellemző.</p>



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



<p class="wp-block-paragraph">A csapadék mennyisége a legmagasabb, 115 mm körüli értékkel. A csapadékos napok száma 10.</p>



<p class="wp-block-paragraph">A páratartalom magas, 75% körüli. A novemberi látogatáshoz vízálló kabát, esernyő ajánlott, de a hőmérséklet még kellemes múzeumlátogatásokhoz.</p>



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



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



<p class="wp-block-paragraph">A december Róma egyik leghűvösebb hónapja. A nappali hőmérséklet 13°C körül alakul, míg éjszaka 4°C körülire süllyedhet. Fagy ritkán fordul elő, de előfordulhat tiszta éjszakákon.</p>



<p class="wp-block-paragraph">A napsütéses órák száma alacsony, körülbelül 4,3 óra naponta, és a nappali világosság időtartama eléri a legrövidebb időszakot, mindössze 9,2 órát. A napkelte késői, 7:30 körüli, a napnyugta pedig korai, 16:45 körüli.</p>



<p class="wp-block-paragraph">A csapadék mennyisége magas, átlagosan 96 mm körüli értékkel. A csapadékos napok száma 9.</p>



<p class="wp-block-paragraph">A páratartalom magas, 76% körüli. A decemberi látogatáshoz téli kabát, pulóver és esernyő ajánlott, de a város karácsonyi díszei különleges hangulatot teremtenek.</p>



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



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container5 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title5 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar5 {
      fill: #ffd633;
      transition: fill 0.3s;
    }
    .bar5:hover {
      fill: #edbf07;
    }
    .axis5 text {
      font-size: 17px;
    }
    .axis-label5 {
      font-size: 17px;
    }
    .tooltip5 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container5 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider5 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container5 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart5 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container5" id="chartContainer5">
    <div class="chart-title5">Róma 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: 12 },
{ honap5: "Február", homerseklet5: 13 },
{ honap5: "Március", homerseklet5: 16 },
{ honap5: "Április", homerseklet5: 20 },
{ honap5: "Május", homerseklet5: 25 },
{ honap5: "Június", homerseklet5: 29 },
{ honap5: "Július", homerseklet5: 30 },
{ honap5: "Augusztus", homerseklet5: 31 },
{ honap5: "Szeptember", homerseklet5: 26 },
{ honap5: "Október", homerseklet5: 22 },
{ honap5: "November", homerseklet5: 17 },
{ honap5: "December", homerseklet5: 13 }
    ];
    // 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 class="wp-block-paragraph"><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">Róma 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: 8 },
{ honap: "Február", homerseklet: 9 },
{ honap: "Március", homerseklet: 12 },
{ honap: "Április", homerseklet: 15 },
{ honap: "Május", homerseklet: 20 },
{ honap: "Június", homerseklet: 24 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 22 },
{ honap: "Október", homerseklet: 18 },
{ honap: "November", homerseklet: 13 },
{ honap: "December", homerseklet: 9 }
    ];
    // 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 class="wp-block-paragraph"><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">Róma á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: 80 },
{ honap: "Február", csapadek: 70 },
{ honap: "Március", csapadek: 42 },
{ honap: "Április", csapadek: 55 },
{ honap: "Május", csapadek: 50 },
{ honap: "Június", csapadek: 30 },
{ honap: "Július", csapadek: 20 },
{ honap: "Augusztus", csapadek: 23 },
{ honap: "Szeptember", csapadek: 65 },
{ honap: "Október", csapadek: 95 },
{ honap: "November", csapadek: 115 },
{ honap: "December", csapadek: 96 }
    ];
    // 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">Róma 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: 72 },
{ honap11: "Március", paratartalom11: 68 },
{ honap11: "Április", paratartalom11: 65 },
{ honap11: "Május", paratartalom11: 62 },
{ honap11: "Június", paratartalom11: 58 },
{ honap11: "Július", paratartalom11: 55 },
{ honap11: "Augusztus", paratartalom11: 58 },
{ honap11: "Szeptember", paratartalom11: 65 },
{ honap11: "Október", paratartalom11: 70 },
{ honap11: "November", paratartalom11: 75 },
{ 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>



<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 Rómában</strong></h2>



<p class="wp-block-paragraph">Róma magas UV-sugárzási szintekkel rendelkezik az év nagy részében, ami a mediterrán elhelyezkedésnek és a gyakori napsütésnek köszönhető. Ez különösen fontos a látogatók számára.</p>



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



<p class="wp-block-paragraph">A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 4-5-ös értéket ér el (mérsékelt), áprilisban 6-7-re (magas), májusban pedig 8-9-es szintre (nagyon magas) emelkedik. A tavasz második felében már 20-25 perc alatt le lehet égni védelem nélkül.</p>



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



<p class="wp-block-paragraph">A nyári hónapokban Róma UV-indexe rendszeresen eléri az extrém, 10-11-es értéket, különösen a déli órákban (11:00-16:00 között). A sugárzás intenzitása miatt védelem nélkül akár 10-15 perc alatt is súlyos napégést lehet szenvedni.</p>



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



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



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



<p class="wp-block-paragraph">A téli hónapokban az UV-index alacsonyabb, átlagosan 2-3-as értékkel (alacsony), de a téli napsütés visszaverődése a történelmi épületek fehér köveiről fokozhatja a hatást.</p>



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



<ul class="wp-block-list">
<li><strong>Magas faktorszámú fényvédő</strong>: Minimum SPF 30-as fényvédő használata ajánlott, amit 2 óránként érdemes újra felvinni.</li>



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



<li><strong>Megfelelő időzítés</strong>: A városnézést érdemes a kora reggeli (10 óra előtti) vagy késő délutáni (16 óra utáni) időszakra időzíteni.</li>



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



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



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




<p class="wp-block-paragraph"><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 class="wp-block-paragraph">Róma térsége általában védett a szélsőséges időjárási jelenségektől, de előfordulhatnak hőhullámok a nyári hónapokban, amikor a hőmérséklet 38-40°C-ot is elérhet.</p>



<p class="wp-block-paragraph">A téli hónapokban ritkán, de előfordulhatnak fagypont alatti időszakok, különösen januárban és februárban. Hó rendkívül ritka, de előfordult már a városban.</p>



<p class="wp-block-paragraph">Az őszi és téli hónapokban időnként heves esőzések fordulhatnak elő, amelyek rövid ideig tartó utcai elöntéseket okozhatnak a város egyes részein.</p>



<p class="wp-block-paragraph">A mediterrán térségre jellemző sirokkó szél időnként Rómában is érezhető, ami forró, száraz levegőt hoz Afrikábó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 Rómába utazni időjárás szempontjából?</strong></h2>



<p class="wp-block-paragraph">A legjobb időszak Róma meglátogatására május, június, július, augusztus, szeptember és október között van, amikor a hőmérséklet 21-28°C között alakul. Azonban a legideálisabb hónapok a <strong>késő tavaszi és kora őszi időszak</strong>, különösen <strong>április-május és szeptember-október</strong> között. Ilyenkor kellemes hőmérséklet (20-26°C), kevés csapadék és optimális napsütés jellemzi a várost, ami ideális a városnézésre és szabadtéri programokhoz.</p>



<p class="wp-block-paragraph">A <strong>júniusi és szeptemberi</strong> időszak szintén kiváló választás, amikor már/még meleg van, de nem túlzottan forró, és a turistaforgalom is kevésbé intenzív.</p>



<p class="wp-block-paragraph">A téli hónapok (december-február) megfelelőek azok számára, akik szeretik a hűvösebb időjárást és kevesebb turistát, valamint ideálisak a múzeumok, galériák látogatására. Bár az esős napok száma magasabb, a hőmérséklet általában kellemes marad a városnézéshez.</p>



<p class="wp-block-paragraph">Kerülendő időszakok: A nyári hónapok (július-augusztus) különösen melegek lehetnek (30-35°C), ami megerőltető lehet a hosszú városnézési programokhoz. Ezen időszakban a legnagyobb a turistaforgalom is, ami hosszabb sorokat és magasabb árakat jelent.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="average">

<td>Január</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Február</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Március</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Április</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</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="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Október</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>November</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>December</td>

<td>Átlagos</td>

</tr>

</tbody>

</table></div>

</body>

</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/41d9012d50/rome/" data-label_1="RÓMA" data-theme="original" >RÓMA</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<p>A <a href="https://mikorutazz.hu/roma-idojarasa/">Róma időjárása – mikor a legjobb az olasz fővárosba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
