<?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>Horvátország Archívum - Mikor utazz?</title>
	<atom:link href="https://mikorutazz.hu/category/europa/horvatorszag/feed/" rel="self" type="application/rss+xml" />
	<link>https://mikorutazz.hu/category/europa/horvatorszag/</link>
	<description>Népszerű helyek időjárása</description>
	<lastBuildDate>Fri, 31 Oct 2025 08:59:44 +0000</lastBuildDate>
	<language>hu</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://mikorutazz.hu/wp-content/uploads/2025/03/logo-512.jpg</url>
	<title>Horvátország Archívum - Mikor utazz?</title>
	<link>https://mikorutazz.hu/category/europa/horvatorszag/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Zágráb időjárása – mikor a legjobb a horvát fővárosba utazni?</title>
		<link>https://mikorutazz.hu/zagrab-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 29 Aug 2025 14:16:45 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Horvátország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1256</guid>

					<description><![CDATA[<p>Bár Zágráb nem a legnépszerűbb úti cél, ám nyáron az Adria, télen a karácsonyi vásár miatt látogatják meg. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Zágráb&#8230;</p>
<p>A <a href="https://mikorutazz.hu/zagrab-idojarasa/">Zágráb időjárása – mikor a legjobb a horvát fővárosba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Bár Zágráb nem a legnépszerűbb úti cél, ám nyáron az Adria, télen a karácsonyi vásár miatt látogatják meg. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Zágráb időjárását a kontinentális éghajlat határozza meg, ami meleg nyarakat és hideg, havas teleket eredményez. A város közel 800 méter tengerszint feletti magassága is befolyásolja az időjárást, enyhítve a nyári meleget és tovább hűtve a téli időszakokat.</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>Zágráb négy élesen elkülöníthető évszakkal rendelkezik, mindegyik saját jellegzetességeivel. A kontinentális éghajlatnak köszönhetően jelentős hőmérsékleti különbségek vannak a meleg nyár és a hideg tél között.</p>



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



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



<p>A tavasz fokozatos felmelegedést hoz Zágrábban, változó időjárással és növekvő napsütéssel. Az átlaghőmérséklet <strong>8-20°C</strong> között mozog. A tavasz elején még hideg reggelek és melegebb nappalok váltakoznak, míg májusra már kellemes, meleg időjárás alakul ki. A növényzet virágba borul, különösen a városi parkok és kertek gyönyörűek ebben az időszakban.</p>



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



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



<p>A nyár meleg és viszonylag száraz, bár időszakos záporok és zivatarok előfordulhatnak. Az átlaghőmérséklet <strong>18-26°C</strong> között alakul, a nappali maximum gyakran 28-30°C-ot ér el. A páratartalom mérsékelt, 65-75% között mozog. Július és augusztus a legmelegebb hónapok, amikor a hőség elviselhetőbb, mint a déli mediterrán városokban.</p>



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



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



<p>Az ősz Zágráb egyik legszebb évszaka, színes lombozattal és kellemes hőmérséklettel. Az átlaghőmérséklet <strong>6-18°C</strong> között változik. Szeptemberben még meleg, nyári napok váltakoznak hűvösebb időszakokkal, míg novemberre már hideg, téli jellegű időjárás alakul ki. Az esős napok száma növekszik, különösen októberben és novemberben.</p>



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



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



<p>A tél hideg és gyakran havas, az átlaghőmérséklet <strong>-2-4°C</strong> között mozog. Az éjszakai minimum gyakran fagypont alá süllyed, -5 és -8°C közé. Havazás rendszeres, különösen januárban és februárban. A téli hónapok borúsak, kevés napsütéssel, de a behavazott város különleges hangulatot teremt.</p>



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



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



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



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



<p>Január Zágráb egyik leghidegebb hónapja. A nappali hőmérséklet általában <strong>2-4°C</strong> körül mozog, míg éjszaka gyakran <strong>-5 és -7°C</strong> közé süllyedhet. A legmelegebb hónap júliusban átlagosan 26,7°C-os csúcshőmérséklettel, míg a leghidegebb januárban -3°C-os átlagos minimumhőmérséklettel.</p>



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



<p>A csapadék mennyisége mérsékelt, átlagosan 53 mm körül, ami a legszárazabb hónap. A havi csapadékos napok száma 9-10, gyakran hó formájában.</p>



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



<p>Ha januárban utazol Zágrábba, vigyél magaddal meleg téli kabátot, sapkát, kesztyűt és meleg cipőt. A hideg és a hó miatt megfelelő téli felszerelés elengedhetetlen.</p>



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



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



<p>A február hasonló az januárhoz, de már enyhe felmelegedés érezhető a hónap végén. A nappali hőmérséklet <strong>3-6°C</strong> körülire emelkedhet, míg éjszaka <strong>-4 és -6°C</strong> körül alakul. A hó még gyakori, de már rövidebb ideig marad meg.</p>



<p>A napsütéses órák száma kismértékben növekszik, átlagosan napi 3-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>A legkevesebb csapadék februárban hullik, amikor 9,4 napon keresztül esik az eső, és általában 39 mm csapadék gyűlik össze.</p>



<p>A levegő továbbra is párás, 78% körüli páratartalommal. A februári látogatáshoz még mindig teljes téli felszerelés szükséges.</p>



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



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



<p>A március a tavasz kezdetét jelenti, jelentős felmelegedéssel. A hőmérséklet <strong>7-12°C</strong> körülire emelkedik nappal, míg az éjszakák <strong>0-3°C</strong> körül alakulnak. A hó már ritkább, de még előfordulhat, különösen a hónap elején.</p>



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



<p>A csapadék mennyisége növekszik, 65 mm körüli értékkel. A csapadékos napok száma 10-11, vegyes halmazállapotú csapadék formájában.</p>



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



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



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



<p>Az április már egyértelműen tavaszi hónap, kellemes felmelegedéssel. A nappali hőmérséklet <strong>13-17°C</strong> körülire emelkedik, míg éjszaka <strong>5-8°C</strong> körül alakul. A fagyos reggelek már ritkák, és a hónap végére már meleg, nyárias napok is előfordulhatnak.</p>



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



<p>A csapadék mennyisége mérsékelt, 70 mm körüli értékkel. A legkevésbé párás hónap április, ami különösen kellemes légköri viszonyokat teremt.</p>



<p>Az áprilisi időjárás ideális a városnézéshez és szabadtéri programokhoz. Könnyű tavaszi ruházat ajánlott, egy vékony kabáttal az esti órákra.</p>



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



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



<p>Május 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 <strong>18-22°C</strong> körülire emelkednek, míg éjszaka <strong>10-13°C</strong> körül alakulnak. Május rendelkezik a legtöbb esős nappal, összesen 11,97 nappal.</p>



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



<p>A csapadék mennyisége a legnagyobb tavasszal, 85-90 mm körüli értékkel. A csapadékos napok száma magas, 12 nap, gyakran délutáni záporok formájában.</p>



<p>A páratartalom 68% körüli értékre emelkedik. A májusi látogatáshoz könnyű ruházat és esernyő ajánlott.</p>



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



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



<p>Június már igazi nyári hónap, kellemes hőmérsékletekkel és több napsütéssel. A nappali maximum <strong>23-26°C</strong> körülire emelkedik, míg éjszaka <strong>14-16°C</strong> körül alakul. Június körülbelül 100 mm csapadékkal a legcsapadékosabb hónap.</p>



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



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



<p>A páratartalom 72% körüli, ami kellemes közérzetet biztosít. A júniusi utazáshoz nyári ruházat és alkalmi eső elleni védelem ajánlott.</p>



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



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



<p>Július Zágráb legmelegebb hónapja. A legmelegebb hónap júliusban átlagosan 26,7°C-os csúcshőmérséklettel, míg az éjszakák is melegek maradnak, <strong>16-18°C</strong> körüli értékekkel. A hőmérsékleti viszonyok kellemes nyári programozást tesznek lehetővé.</p>



<p>A napsütéses órák száma átlagosan napi 8-9 ó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>A csapadék mennyisége mérsékelt, 80 mm körüli értékkel. A nyári zivatarok gyakoriak, de általában rövidek és intenzívek. A csapadékos napok száma 10.</p>



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



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



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



<p>Az augusztus szintén meleg nyári hónap. A nappali hőmérséklet <strong>25-28°C</strong> körül alakul, míg éjszaka <strong>15-17°C</strong>-ra hűl le. Zágrábban augusztus éjszakáin az átlagos minimum hőmérséklet 14,4°C, az átlagos relatív páratartalom pedig 72,1%.</p>



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



<p>Augusztusban 10,4 esős napon keresztül általában 92 mm csapadék halmozódik fel.</p>



<p>A páratartalom kellemes, 72% körüli értékre. Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: könnyű nyári ruházat és alkalomszerű eső elleni védelem.</p>



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



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



<p>A szeptember a nyár végét és az ősz kezdetét jelzi. A nappali hőmérséklet <strong>20-24°C</strong> körül alakul, éjszaka pedig <strong>12-15°C</strong>-ra csökken. Szeptemberben a legmagasabb csapadékmennyiség, 102 mm.</p>



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



<p>A csapadék mennyisége magas, 102 mm körüli értékre. Az esős napok száma 10-11, gyakran hosszabb ideig tartó esőzések formájában.</p>



<p>A páratartalom 75% körüli, de a hőmérséklet 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>Az október Zágráb egyik legszebb hónapja, őszi színekkel és kellemes hőmérséklettel. A nappali hőmérséklet <strong>15-19°C</strong> körülire csökken, míg éjszaka <strong>8-11°C</strong> körül alakul. Az őszi lombok különleges hangulatot teremtenek a városban.</p>



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



<p>A csapadék mennyisége magas, 85-90 mm körüli értékkel. A csapadékos napok száma 10-12, gyakran szitáló eső formájában.</p>



<p>A páratartalom 78% körüli értékre emelkedik. 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>A november már a tél közeledtét jelenti, jelentős hőmérséklet-csökkenéssel. A nappali hőmérséklet <strong>8-12°C</strong> körülire süllyed, míg éjszaka már <strong>2-5°C</strong> körött alakul. A hónap végére már fagyos reggelek jellemzőek.</p>



<p>A napsütéses órák száma tovább 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:00 körül, a napnyugta pedig már 16:30 körül következik be.</p>



<p>A csapadék mennyisége közepes, 75 mm körüli értékkel. A csapadékos napok száma 11-12, gyakran vegyes halmazállapotú csapadék formájában.</p>



<p>November egyike azon hónapoknak, amikor a legalacsonyabb, 1-es UV-index jellemző. A novemberi látogatáshoz meleg kabát és téli kiegészítők ajánlottak.</p>



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



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



<p>A december Zágráb egyik leghidegebb hónapja. A nappali hőmérséklet <strong>3-6°C</strong> körül alakul, míg éjszaka <strong>-2 és -5°C</strong> közé is süllyedhet. Havazás gyakori, különösen a hónap második felében.</p>



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



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



<p>December egyike azon hónapoknak, amikor a legalacsonyabb, 1-es UV-index jellemző. A decemberi látogatáshoz teljes téli felszerelés, meleg kabát, sapka, kesztyű és meleg 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">Zágráb havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 4 },
{ honap5: "Február", homerseklet5: 7 },
{ honap5: "Március", homerseklet5: 13 },
{ honap5: "Április", homerseklet5: 18 },
{ honap5: "Május", homerseklet5: 23 },
{ honap5: "Június", homerseklet5: 26 },
{ honap5: "Július", homerseklet5: 27 },
{ honap5: "Augusztus", homerseklet5: 27 },
{ honap5: "Szeptember", homerseklet5: 23 },
{ honap5: "Október", homerseklet5: 17 },
{ honap5: "November", homerseklet5: 10 },
{ honap5: "December", homerseklet5: 5 }
    ];
    // Méretek és margók beállítása
    const margin5 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width5 = 800 - margin5.left - margin5.right;
    const height5 = 400 - margin5.top - margin5.bottom;
    // SVG elem létrehozása
    const svg5 = d3.select("#chart5")
      .append("svg")
      .attr("width", width5 + margin5.left + margin5.right)
      .attr("height", height5 + margin5.top + margin5.bottom)
      .append("g")
      .attr("transform", `translate(${margin5.left},${margin5.top})`);
    // Tooltip létrehozása
    const tooltip5 = d3.select("body").append("div")
      .attr("class", "tooltip5");
    // Skálák beállítása
    const x5 = d3.scaleBand()
      .domain(data5.map(d => d.honap5))
      .range([0, width5])
      .padding(0.2);
    const y5 = d3.scaleLinear()
      .domain([0, d3.max(data5, d => d.homerseklet5) + 0])
      .nice()
      .range([height5, 0]);
    // X tengely rajzolása
    svg5.append("g")
      .attr("class", "axis5")
      .attr("transform", `translate(0,${height5})`)
      .call(d3.axisBottom(x5))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis5 = svg5.append("g")
      .attr("class", "axis5")
      .call(d3.axisLeft(y5).tickSize(-width5).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis5.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis5.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg5.append("text")
      .attr("class", "axis-label5")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin5.left + 15)
      .attr("x", -height5 / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg5.selectAll(".bar5")
      .data(data5)
      .enter()
      .append("rect")
      .attr("class", "bar5")
      .attr("x", d => x5(d.honap5))
      .attr("width", x5.bandwidth())
      .attr("y", d => y5(d.homerseklet5))
      .attr("height", d => height5 - y5(d.homerseklet5))
      .on("mouseover", (event, d) => {
        tooltip5.style("opacity", 1)
          .html(`${d.honap5}: ${d.homerseklet5} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip5.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container5 = document.getElementById('chartContainer5');
      const slider5 = document.getElementById('chartSlider5');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling5() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider5.addEventListener('input', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            const scrollPosition5 = (slider5.value / 100) * maxScroll5;
            container5.scrollLeft = scrollPosition5;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container5.addEventListener('scroll', function() {
            const maxScroll5 = container5.scrollWidth - container5.clientWidth;
            if (maxScroll5 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage5 = (container5.scrollLeft / maxScroll5) * 100;
              slider5.value = scrollPercentage5;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling5();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling5);
    });
  </script>
</body>
</html>



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



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



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



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



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



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Zágráb á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: 30 },
{ honap: "Február", csapadek: 35 },
{ honap: "Március", csapadek: 45 },
{ honap: "Április", csapadek: 55 },
{ honap: "Május", csapadek: 75 },
{ honap: "Június", csapadek: 85 },
{ honap: "Július", csapadek: 80 },
{ honap: "Augusztus", csapadek: 85 },
{ honap: "Szeptember", csapadek: 95 },
{ honap: "Október", csapadek: 70 },
{ honap: "November", csapadek: 65 },
{ 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>



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



<p>Zágráb UV-sugárzási szintje mérsékelt a kontinentális elhelyezkedésnek köszönhetően, de még így is fontos a megfelelő védelem, különösen a nyári hónapokban.</p>



<p><strong>Tavasz (március-május)</strong>:</p>



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 2-3-as értéket ér el (alacsony), áprilisban 4-5-re (mérsékelt), májusban pedig 6-7-es szintre (magas) emelkedik.</p>



<p><strong>Nyár (június-augusztus)</strong>:</p>



<p>A nyári hónapokban Zágráb UV-indexe eléri a 7-8-as értéket (magas-nagyon magas), különösen a déli órákban (11:00-15:00 között). Ez már megköveteli a megfelelő védekezést.</p>



<p><strong>Ősz (szeptember-november)</strong>:</p>



<p>Az ősz elején, szeptemberben az UV-index még 5-6-os értékkel (mérsékelt-magas), majd fokozatosan csökken. November egyike azon hónapoknak, amikor a legalacsonyabb, 1-es UV-index jellemző.</p>



<p><strong>Tél (december-február)</strong>:</p>



<p>A téli hónapokban (január, november és december) a legalacsonyabb UV-index, átlagosan 1-es érték jellemző.</p>



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



<ul class="wp-block-list">
<li>Fényvédő krém: A nyári hónapokban SPF 30-as fényvédő használata ajánlott</li>



<li>Megfelelő ruházat: Könnyű, de takaró ruházat és napszemüveg</li>



<li>Megfelelő időzítés: A déli órák (11-15 óra között) elkerülése</li>



<li>Árnyékos helyek: Különösen a nyári hónapokban fontos</li>
</ul>



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



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



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



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



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



<p>Zágráb térsége időnként ki van téve szélsőséges időjárási jelenségeknek, bár ezek kevésbé gyakoriak, mint más európai régiókban.</p>



<p>A téli hónapokban erős hóviharok előfordulhatnak, amelyek jelentős havat és közlekedési problémákat okozhatnak. A 2013-as és 2017-es téli időszakban különösen súlyos helyzeteket okozott a hófúvás.</p>



<p>A nyári hónapokban hirtelen kialakuló zivatarok jellemzőek, amelyek erős széllel, jéggel és villámlással járnak. Ezek általában rövidek (1-2 óra), de intenzívek lehetnek.</p>



<p>Ritkán, de előfordulhatnak hőhullámok júliusban és augusztusban, amikor a hőmérséklet több napig 30°C felett marad.</p>



<p>A tavaszi és őszi hónapokban gyakori a köd, különösen a reggeli órákban, ami a Száva folyó közelsége miatt alakul ki.</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 Zágrábba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Zágráb meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különöesen <strong>május és szeptember között</strong>. Ilyenkor kellemes, meleg hőmérséklet (18-26°C), bőséges napsütés és mérsékelt csapadék jellemzi a várost, ami ideális a városnézéshez, múzeumlátogatáshoz és szabadtéri programokhoz.</p>



<p>A <strong>kora őszi időszak</strong>, különösen <strong>szeptember és október</strong> szintén kiváló választás, amikor a nyári hőség már enyhült, de még kellemes az időjárás. Az őszi színek különleges hangulatot teremtenek a városban.</p>



<p>A nyári hónapok (június-augusztus) szintén kedvezőek azok számára, akik szeretik a melegebb időjárást. Bár előfordulhatnak zivatarok, ezek általában rövidek és frissítő hatásúak.</p>



<p>Kerülendő időszakok: A téli hónapok (december-február) hidegek és borúsak, kevés napsütéssel. Bár a behavazott város gyönyörű lehet, a hideg időjárás és a rövid nappalok korlátozhatják a szabadtéri tevékenységeket.</p>



<p>A november és március átmeneti hónapok változékony időjárással, ezért alapos felkészülés szükséges, ha ezekben az időszakokban utazol.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<style>

body {

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

}

table {

width: 100%;

border-collapse: collapse;

margin: 20px 0;

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

border-radius: 8px;

overflow: hidden;

}

thead {

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

color: white;

}

th {

padding: 15px;

text-align: left;

font-size: 18px;

font-weight: bold;

letter-spacing: 1px;

}

td {

padding: 15px;

font-size: 18px;

}

.excellent {

background-color: #c8e6c9;

}

.excellent td {

background-color: #c8e6c9;

}

.average {

background-color: #fff9c4;

}

.average td {

background-color: #fff9c4;

}

.not-recommended {

background-color: #ffcdd2;

}

.not-recommended td {

background-color: #ffcdd2;

}

tr:hover {

opacity: 0.9;

}

tr {

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

}

tr:last-child {

border-bottom: none;

}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Április</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Július</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Augusztus</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>Október</td>

<td>Átlagos</td>

</tr>

<tr class="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/45d8215d98/zagreb/" data-label_1="ZÁGRÁB" data-theme="original" >ZÁGRÁB</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/zagrab-idojarasa/">Zágráb időjárása – mikor a legjobb a horvát fővárosba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Isztria időjárása – mikor a legjobb az Adriára utazni?</title>
		<link>https://mikorutazz.hu/isztria-idojarasa-mikor-a-legjobb-az-adriara-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Sat, 23 Aug 2025 15:04:32 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Horvátország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1245</guid>

					<description><![CDATA[<p>Isztria a magyarok egyik legnépszerűbb nyári ú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. Isztria időjárása mediterrán éghajlati jelleget mutat, amelyet az&#8230;</p>
<p>A <a href="https://mikorutazz.hu/isztria-idojarasa-mikor-a-legjobb-az-adriara-utazni/">Isztria időjárása – mikor a legjobb az 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><strong>Isztria a magyarok egyik legnépszerűbb nyári ú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>Isztria időjárása mediterrán éghajlati jelleget mutat, amelyet az Adriai-tenger közelsége és a félsziget földrajzi elhelyezkedése jelentősen befolyásol. A klíma meleg, száraz nyarakkal és enyhe, csapadékosabb telekkel jellemzett.</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>Isztriában négy jól elkülöníthető évszak különíthető el: tavasz, nyár, ősz és tél, mindegyik saját karakterisztikus időjárási jellemzőkkel.</p>



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



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



<p>A tavasz Isztriában fokozatosan éledő természettel és kellemes hőmérsékletemelkedéssel kezdődik. Az átlaghőmérséklet <strong>12-22°C</strong> között mozog. A csapadék mennyisége mérsékelten magas, de a napok egyre hosszabbak és melegebbek. Az időjárás kiváló a városnézéshez, túrázáshoz és a természet felfedezéséhez. A tenger még hűvös, de a partvidék már kellemes sétákra csábít.</p>



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



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



<p>A nyár Isztria legmelegebb időszaka, magas hőmérséklettel és minimális csapadékkal. Az átlaghőmérséklet <strong>22-28°C</strong> között alakul. A páratartalom általában alacsony, ami kellemes közérzetet biztosít. A napsütéses órák száma maximális, ideális feltételeket teremtve a strandoláshoz, vízi sportokhoz és kültéri tevékenységekhez. A tenger meleg és nyugodt, tökéletes fürdőzé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>Az ősz kellemes utószezonnal kezdődik, majd fokozatosan hűvössé válik. Az átlaghőmérséklet <strong>15-25°C</strong> között mozog. A csapadék növekedni kezd, különösen október-november hónapokban. Ezt az időszakot gyakran &#8222;arany ősznek&#8221; nevezik a kellemes hőmérséklet és a gyönyörű színekben pompázó táj miatt. A tenger még meleg szeptemberben és október elején.</p>



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



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



<p>A tél Isztriában enyhe, de csapadékos. Az átlaghőmérséklet <strong>5-12°C</strong> között alakul. A hőmérséklet ritkán süllyed fagypont alá, különösen a tengerparton. A csapadék főként eső formájában jelentkezik, hó ritkán fordul elő és nem marad meg sokáig. Ez az időszak ideális a kulturális programokhoz és a beltéri látványosságok megtekintéséhez.</p>



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



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



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



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



<p>Január Isztria legzordabb hónapja, bár a mediterrán éghajlatnak köszönhetően még mindig viszonylag enyhe. A nappali hőmérséklet általában 8-10°C között mozog, míg éjszaka 2-4°C-ra hűl le.</p>



<p>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:30 körül, a napnyugta pedig 17:00 körül van.</p>



<p>A csapadék mennyisége közepes, átlagosan 60-80 mm körül mozog, főként eső formájában. A havi csapadékos napok száma 8-10 között alakul. Hó ritkán fordul elő, és ha igen, nem marad meg sokáig.</p>



<p>Az égbolt gyakran felhős, szürke napok jellemzők. A relatív páratartalom magas, 75-80% körüli. A tenger nyugtalan lehet, hőmérséklete 10-12°C körül alakul.</p>



<p>Ha januárban látogatod meg Isztriát, meleg ruházat szükséges: télikabát, pulóver, hosszú nadrág. Vízálló cipő és esernyő is ajánlott. Ez az időszak kiváló a múzeumok, galériák és történelmi városok felfedezéséhez.</p>



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



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



<p>A február hasonló januárhoz, de már érzékelhető a napok hosszabbodása. A nappali hőmérséklet 9-11°C közé emelkedhet, míg éjszaka 3-5°C között alakul.</p>



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



<p>A csapadék mennyisége hasonló januárhoz, 55-75 mm között mozog. A csapadékos napok száma 7-9 között alakul, főként eső formájában.</p>



<p>A páratartalom még mindig magas, 75-80% körüli. A tenger hőmérséklete minimálisan emelkedik, 11-13°C körül alakul. A szél gyakran erős lehet, különösen a partvidéken.</p>



<p>A februári látogatáshoz hasonló ruházat ajánlott, mint januárban. Ez a hónap szintén ideális a kulturális programokhoz és a helyi gasztronómia felfedezéséhez, amikor kevesebb a turista és kedvezőbbek az árak.</p>



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



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



<p>Március a tavasz kezdetét jelzi Isztriában, érzékelhetően melegedő időjárással. A nappali hőmérséklet 13-16°C közé emelkedik, míg éjszaka 6-8°C között alakul.</p>



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



<p>A csapadék mennyisége közepes, 50-70 mm körüli értékkel. Az esős napok száma 7-9 között alakul. Alkalmanként még előfordulhat hó, de ritkán.</p>



<p>A páratartalom csökkenni kezd, 70-75% körülire. A természet éledni kezd, megjelennek az első virágok. A tenger hőmérséklete még mindig hűvös, 12-14°C körül.</p>



<p>A márciusi látogatáshoz réteges öltözködés ajánlott: könnyebb kabát, pulóver, amely könnyen levehető a melegedő napokban. Ez kiváló időszak a túrázáshoz és a természet felfedezéséhez.</p>



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



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



<p>Április igazi tavaszi hónap kellemes melegedéssel és virágzó természettel. A nappali hőmérséklet 17-20°C közé emelkedik, míg éjszaka 9-12°C között alakul.</p>



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



<p>A csapadék mennyisége közepes, 60-80 mm körüli értékkel. Az esős napok száma 8-10 között alakul, általában rövid záporok formájában.</p>



<p>A páratartalom tovább csökken, 65-70% körülire. A táj gyönyörűen virágzik, különösen a levendula és egyéb mediterrán növények. A tenger hőmérséklete lassan emelkedni kezd, 14-16°C körül.</p>



<p>Az áprilisi látogatáshoz könnyebb tavaszi ruházat ajánlott, de érdemes egy vékony dzsekire is gondolni a hűvösebb estékre. Kiváló időszak a kerékpározáshoz és 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>Május az egyik legkellemesebb hónap Isztriában, igazi tavaszi melegséggel. A nappali hőmérséklet 21-24°C közé emelkedik, míg éjszaka 13-16°C között alakul.</p>



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



<p>A csapadék mennyisége mérsékelten csökken, 55-75 mm körüli értékkel. Az esős napok száma 7-9 között alakul, de általában rövid, gyors záporok formájában.</p>



<p>A páratartalom kellemes, 60-65% körüli szinten. A természet teljes pompájában virágzik, ideális időszak a természetjáráshoz. A tenger hőmérséklete kellemes, 17-19°C körül, bátrabb fürdőzők már használhatják.</p>



<p>A májusi látogatáshoz könnyű, nyári ruházat ajánlott, de egy vékony kardigán még hasznos lehet az estékre. Ez kiváló időszak minden szabadtéri tevékenységhez.</p>



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



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



<p>Június a nyár kezdetét jelzi, kellemes meleggel és egyre kevesebb csapadékkal. A nappali hőmérséklet 25-28°C közé emelkedik, míg éjszaka 17-20°C között alakul.</p>



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



<p>A csapadék mennyisége jelentősen csökken, 40-60 mm körüli értékre. Az esős napok száma 5-7 közé csökken, általában rövid, délutáni záporok formájában.</p>



<p>A páratartalom kellemes, 55-60% körüli. A tenger már kellemes fürdésre alkalmas, 20-22°C körüli hőmérséklettel. A strandok kezdenek megtelni.</p>



<p>A júniusi látogatáshoz nyári ruházat ajánlott, napvédő krém, napszemüveg és kalap. Ez az időszak már ideális a strandoláshoz és vízi sportokhoz.</p>



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



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



<p>Július Isztria egyik legmelegebb hónapja, igazi nyári időjárással. A nappali hőmérséklet 27-30°C közé emelkedik, míg éjszaka 20-23°C között alakul.</p>



<p>A napsütéses órák száma maximális, átlagosan napi 10-11 óra. A nappali világosság időtartama még mindig hosszú, 14,5 óra körüli. A napkelte 5:30 körül, a napnyugta pedig 20:00 körül történik.</p>



<p>A csapadék mennyisége minimális, 30-50 mm körüli értékkel. Az esős napok száma mindössze 3-5 között alakul, többnyire rövid, késő délutáni záporok formájában.</p>



<p>A páratartalom alacsony, 50-55% körüli, ami kellemes közérzetet biztosít a magas hőmérséklet ellenére is. A tenger ideális hőmérsékletű, 23-25°C körül.</p>



<p>A júliusi látogatáshoz könnyű, szellős nyári ruházat szükséges, fokozott napvédelem. Ez a csúcsidőszak, amikor a strandok és turistalátványosságok a legforgalmasabbak.</p>



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



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



<p>Augusztus a legmelegebb hónap Isztriában, minimális csapadékkal. A nappali hőmérséklet 28-31°C közé emelkedhet, míg éjszaka 21-24°C között alakul.</p>



<p>A napsütéses órák száma még mindig magas, átlagosan napi 10 óra. A nappali világosság időtartama fokozatosan csökkenni kezd, 13,5 óra körüli. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül van.</p>



<p>A csapadék mennyisége az év legalacsonyabb, 25-40 mm körüli értékkel. Az esős napok száma mindössze 2-4 között alakul.</p>



<p>A páratartalom alacsony marad, 50-55% körüli. A tenger a legmelegebb, 24-26°C körül, tökéletes minden vízi tevékenységhez.</p>



<p>Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: könnyű ruházat, fokozott napvédelem és bőséges folyadékbevitel.</p>



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



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



<p>Szeptember kellemes utószezont kínál, még mindig meleg, de már kevésbé forró időjárással. A nappali hőmérséklet 24-27°C között mozog, míg éjszaka 17-20°C körül alakul.</p>



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



<p>A csapadék mennyisége enyhén növekszik, 50-70 mm körüli értékre. Az esős napok száma 5-7 közé emelkedik, általában rövidebb záporok formájában.</p>



<p>A páratartalom még mindig kellemes, 55-60% körüli. A tenger még mindig meleg, 22-24°C körül, kiváló fürdőzési feltételekkel.</p>



<p>A szeptemberi látogatáshoz könnyű nyári ruházat még megfelelő, de érdemes egy vékony pulóverre is gondolni az estékre. Ez az időszak ideális azoknak, akik elkerülnék a nyári tömeget.</p>



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



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



<p>Október igazi őszi hónap, kellemes hőmérséklettel és növekvő csapadékkal. A nappali hőmérséklet 19-22°C között alakul, míg éjszaka 12-15°C körül mozog.</p>



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



<p>A csapadék mennyisége növekszik, 70-90 mm körüli értékkel. Az esős napok száma 8-10 közé emelkedik, gyakrabban előfordulnak hosszabb esőzések.</p>



<p>A páratartalom emelkedik, 65-70% körülire. A tenger még kellemes, 18-20°C körül, bár már hűvösödni kezd.</p>



<p>Az októberi látogatáshoz őszi ruházat ajánlott: könnyebb kabát, pulóver, hosszú nadrág. Vízálló cipő és esernyő is 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>November már az igazi ősz hónapja, hűvösebb időjárással és gyakori esőzéssel. A nappali hőmérséklet 14-17°C között alakul, míg éjszaka 8-11°C körül mozog.</p>



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



<p>A csapadék mennyisége magas, 80-100 mm körüli értékkel. Az esős napok száma 10-12 közé emelkedik, gyakran hosszabb időszakokra.</p>



<p>A páratartalom magas, 75-80% körüli. A tenger jelentősen lehűl, 15-17°C körül alakul.</p>



<p>A novemberi látogatáshoz meleg őszi ruházat szükséges: kabát, pulóver, meleg cipő. Vízálló öltözék ajánlott az esős napokra.</p>



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



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



<p>December a tél kezdete, hűvös és csapadékos időjárással. A nappali hőmérséklet 10-12°C között mozog, míg éjszaka 4-6°C körül alakul.</p>



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



<p>A csapadék mennyisége magas, 75-95 mm körüli értékkel. Az esős napok száma 9-11 között alakul.</p>



<p>A páratartalom magas, 75-80% körüli. A tenger hideg, 12-14°C körül alakul.</p>



<p>A decemberi látogatáshoz téli ruházat szükséges: télikabát, meleg pulóver, sapka, kesztyű. Ez az időszak ideális a karácsonyi vásárok és kulturális események látogatásához.</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">Isztria havi nappali átlaghőmérséklete</div>
    <div id="chart5"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container5">
    <input type="range" min="0" max="100" value="0" class="slider5" id="chartSlider5">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data5 = [
      { honap5: "Január", homerseklet5: 9 },
{ honap5: "Február", homerseklet5: 10 },
{ honap5: "Március", homerseklet5: 15 },
{ honap5: "Április", homerseklet5: 19 },
{ honap5: "Május", homerseklet5: 23 },
{ honap5: "Június", homerseklet5: 27 },
{ honap5: "Július", homerseklet5: 29 },
{ honap5: "Augusztus", homerseklet5: 30 },
{ honap5: "Szeptember", homerseklet5: 26 },
{ honap5: "Október", homerseklet5: 21 },
{ honap5: "November", homerseklet5: 16 },
{ 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><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">Isztria 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: 6 },
{ honap: "Február", homerseklet: 7 },
{ honap: "Március", homerseklet: 11 },
{ honap: "Április", homerseklet: 15 },
{ honap: "Május", homerseklet: 19 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 22 },
{ honap: "Október", homerseklet: 17 },
{ honap: "November", homerseklet: 13 },
{ honap: "December", homerseklet: 8 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([0, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




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



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



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




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



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



<p>Az isztriai partok változatos jellegűek: kavicsos strandok, sziklás öblök és homokos lagúnák egyaránt megtalálhatók. Az árapály-ingadozás nem jelentős, általában 30-50 cm között mozog.</p>



<p><strong>Január-február</strong>: A víz hőmérséklete 10-13°C között alakul. Ez túl hideg a fürdőzéshez, de a partvidék szép sétákra alkalmas.</p>



<p><strong>Március-május</strong>: A víz hőmérséklete fokozatosan emelkedik, 12-19°C közötti értékeket érve el. Május végén már a bátrabb fürdőzők kipróbálhatják.</p>



<p><strong>Június-augusztus</strong>: A víz hőmérséklete ideális, 20-26°C közötti értékekkel. Ebben az időszakban a tenger tökéletes minden vízi tevékenységhez.</p>



<p><strong>Szeptember-október</strong>: A tenger még meleg marad, 18-24°C körül alakul. Szeptember még kiváló fürdőzési feltételeket biztosít.</p>



<p><strong>November-december</strong>: A víz hőmérséklete gyorsan csökken, 12-17°C közé esik vissza.</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: 11 },
{ honap: "Február", homerseklet: 12 },
{ honap: "Március", homerseklet: 13 },
{ honap: "Április", homerseklet: 15 },
{ honap: "Május", homerseklet: 18 },
{ honap: "Június", homerseklet: 21 },
{ honap: "Július", homerseklet: 24 },
{ honap: "Augusztus", homerseklet: 25 },
{ honap: "Szeptember", homerseklet: 22 },
{ honap: "Október", homerseklet: 19 },
{ honap: "November", homerseklet: 16 },
{ honap: "December", homerseklet: 13 }
    ];
    // 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 Isztrián</strong></h2>



<p>Isztria földrajzi elhelyezkedése miatt az UV sugárzás a nyári hónapokban jelentős lehet, bár nem éri el a trópusi területek szintjét.</p>



<p><strong>Január-március</strong>: Az UV index alacsony, 2-4 között mozog. Minimális napvédelem szükséges.</p>



<p><strong>Április-május</strong>: Az UV index emelkedik, 5-7 körüli értékekkel. Javasolt a napvédő krém használata.</p>



<p><strong>Június-augusztus</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 8-9 körül. Fokozott napvédelem szükséges: magas faktorszámú napvédő, napszemüveg, kalap.</p>



<p><strong>Szeptember-október</strong>: Az UV index csökken, 4-6 körüli értékekre, de még mindig ajánlott a napvédelem.</p>



<p><strong>November-december</strong>: Az UV index alacsony, 2-3 körül alakul.</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: 6 },
{ honap: "Június", uv: 8 },
{ honap: "Július", uv: 9 },
{ honap: "Augusztus", uv: 8 },
{ honap: "Szeptember", uv: 5 },
{ honap: "Október", uv: 5 },
{ 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><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



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



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



<p>A bóra egy hideg, száraz északi szél, amely télen és kora tavasszal fújhat, akár 100 km/h feletti sebességgel. Ez jelentősen lehűtheti a hőmérsékletet.</p>



<p>Nyáron ritkán előfordulhatnak heves zivatarok, amelyek rövid ideig tartanak, de intenzív esőzéssel járnak.</p>



<p>A téli hónapokban esetenként előfordulhat hó, de általában nem marad meg sokáig, 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 Isztriára utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Isztria meglátogatására <strong>május végétől szeptember közepéig</strong> tart. Ebben az időszakban a hőmérséklet kellemes (20-30°C), minimális a csapadék, hosszúak a napok és a tenger is ideális hőmérsékletű fürdőzéshez. Ez természetesen a fő turistaszezon, így magasabb árakra és több turistára kell számítani.</p>



<p><strong>Június és szeptember</strong> különösen ajánlott időszakok, amikor az időjárás már/még kiváló, de a turisták száma kevesebb, mint július-augusztusban.</p>



<p>A <strong>késő tavasz (április-május)</strong> és a <strong>kora ősz (szeptember-október)</strong> szintén jó választás lehet azoknak, akik elkerülnék a nyári tömeget, és inkább a kulturális látványosságokra, túrázásra vagy kerékpározásra koncentrálnának.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">
<title>Isztria &#8211; Utazási Idő Táblázat</title>

<style>

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

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

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

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

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

.excellent {
background-color: #c8e6c9;
}

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

.average {
background-color: #fff9c4;
}

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

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

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

tr:hover {
opacity: 0.9;
}

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

tr:last-child {
border-bottom: none;
}

</style>

</head>

<body>

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

<thead>

<tr>

<th>Hónap</th>

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

</tr>

</thead>

<tbody>

<tr class="not-recommended">

<td>Január</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>Február</td>

<td>Nem ajánlott</td>

</tr>

<tr class="average">

<td>Március</td>

<td>Átlagos</td>

</tr>

<tr class="average">

<td>Április</td>

<td>Átlagos</td>

</tr>

<tr class="excellent">

<td>Május</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Június</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Július</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Augusztus</td>

<td>Kiváló</td>

</tr>

<tr class="excellent">

<td>Szeptember</td>

<td>Kiváló</td>

</tr>

<tr class="average">

<td>Október</td>

<td>Átlagos</td>

</tr>

<tr class="not-recommended">

<td>November</td>

<td>Nem ajánlott</td>

</tr>

<tr class="not-recommended">

<td>December</td>

<td>Nem ajánlott</td>

</tr>

</tbody>

</table></div>

</body>

</html>
<p>A <a href="https://mikorutazz.hu/isztria-idojarasa-mikor-a-legjobb-az-adriara-utazni/">Isztria időjárása – mikor a legjobb az 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>Krk időjárása – mikor a legjobb a szigetre utazni?</title>
		<link>https://mikorutazz.hu/krk-idojarasa-mikor-a-legjobb-a-szigetre-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 22 Aug 2025 12:48:55 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Horvátország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1247</guid>

					<description><![CDATA[<p>Krk Horvátország egyik legnépszerűbb 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. Krk éghajlata mediterrán, amely kellemes, meleg nyarakat és enyhe, csapadékosabb teleket&#8230;</p>
<p>A <a href="https://mikorutazz.hu/krk-idojarasa-mikor-a-legjobb-a-szigetre-utazni/">Krk időjárása – mikor a legjobb a szigetre utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Krk Horvátország egyik legnépszerűbb 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>Krk éghajlata mediterrán, amely kellemes, meleg nyarakat és enyhe, csapadékosabb teleket eredményez. Az Adria-tenger közelsége jelentősen befolyásolja a sziget klimatikus viszonyait, mérsékli a hőmérséklet-ingadozásokat és kellemes fürdési körülményeket teremt.</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>Krk szigeten négy jól elkülönülő évszak figyelhető meg: tavasz, nyár, ősz és tél.</p>



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



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



<p>A tavaszi időszak kellemes melegedéssel kezdődik, amikor a természet újra éled. Az átlaghőmérséklet <strong>15-24°C</strong> között mozog. A csapadék mennyisége fokozatosan csökken, és a napsütéses órák száma növekszik. Az időjárás változékony lehet, de általában kellemes feltételeket biztosít a túrázáshoz és városnézéshez. A tenger még hűvös, de a sziget kevésbé zsúfolt, és az árak kedvezőbbek.</p>



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



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



<p>A nyári időszak Krk legmelegebb és legnépszerűbb évszaka, tiszta égbolttal és minimális csapadékkal. Az átlaghőmérséklet <strong>24-30°C</strong> között alakul. A csapadék mennyisége rendkívül alacsony, és a napsütéses órák száma maximális. Az időjárás ideális a strandoláshoz, tengeri fürdőzéshez és vízi sportokhoz. A tenger kellemes meleg, kiváló feltételeket biztosítva minden vízparti tevékenységhez. Ez a fő turistaszezon időszaka.</p>



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



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



<p>Az őszi időszak kellemes hőmérséklettel kezdődik, fokozatosan hűlő tendenciával. Az átlaghőmérséklet <strong>12-25°C</strong> között mozog. A csapadék mennyisége fokozatosan növekszik, különösen október-novemberben. A szeptember még gyakran nyári körülményeket kínál, míg később az időjárás változékonyabbá válik. A tenger még sokáig meleg marad, és kevesebb a turista.</p>



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



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



<p>A téli évszak enyhe, de csapadékos időjárást hoz. Az átlaghőmérséklet <strong>5-15°C</strong> között alakul. A csapadék mennyisége ebben az időszakban a legmagasabb, gyakran esős napokkal. A napsütéses órák száma minimális, de a hőmérséklet ritkán süllyed fagypont alá. Ez a legcsendesebb időszak turisztikai szempontból, alacsony árakkal és kevés látogatóval.</p>



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



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



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



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



<p>Január Krk leghidegebb és legcsapadékosabb hónapja. A nappali hőmérséklet általában 8-12°C között mozog, míg éjszaka 2-6°C-ra hűl le. Fagypont alatti hőmérséklet ritkán fordul elő, de előfordulhat.</p>



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



<p>A csapadék mennyisége magas, átlagosan 80-100 mm körül mozog, és a havi csapadékos napok száma 8-10 között alakul. Az esőzések gyakran hosszabb ideig tartó, egyenletes intenzitású csapadékok formájában jelentkeznek.</p>



<p>Az égbolt gyakran felhős, a relatív páratartalom magas, 75-80% körüli. A tenger hűvös, nem alkalmas fürdésre. A tél általában szeles időszak, különösen a bóra szél gyakori.</p>



<p>Ha januárban utazol Krkra, meleg ruházat szükséges: kabát, pulóver, vízálló cipő és esernyő. Az időjárás ideális a múzeumlátogatáshoz, wellness programokhoz és a sziget kulturális értékeinek megismeréséhez.</p>



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



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



<p>Február hasonlóan hűvös és csapadékos, mint január, de már érezhető a tavasz közeledése. A nappali hőmérséklet 9-13°C között alakul, míg éjszaka 3-7°C körül mozog.</p>



<p>A napsütéses órák száma kis mértékben növekszik, átlagosan napi 5-6 óra. A nappali világosság időtartama 10,5 órára növekszik. A napkelte és napnyugta időpontjai fokozatosan későbbé, illetve korábbiakká válnak.</p>



<p>A csapadék mennyisége még mindig jelentős, 70-90 mm között, de már csökkenő tendenciát mutat. A csapadékos napok száma 7-9 között alakul.</p>



<p>A páratartalom magas marad, 70-75% körül. Az égbolt gyakran borús, de időnként már megjelennek a napsütéses időszakok. A tenger továbbra is hideg.</p>



<p>A februári látogatáshoz hasonló felszerelés szükséges, mint januárban. Ez még mindig a téli turizmus időszaka, alacsony árakkal és csendes környezettel.</p>



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



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



<p>Március a tavasz kezdetét jelzi, kellemes melegedéssel. A nappali hőmérséklet 13-17°C közé emelkedik, míg az éjszakák 6-10°C között alakulnak.</p>



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



<p>A csapadék mennyisége csökken, 60-80 mm közé, de még mindig gyakori az esőzés. A csapadékos napok száma 7-9 között mozog, általában rövidebb, záporszerű esők formájában.</p>



<p>A páratartalom csökken, 65-70% körülire. Az égbolt változékony, napos és felhős időszakok váltakoznak. A tenger még mindig hűvös, de a levegő hőmérséklete már kellemes a szabadtéri tevékenységekhez.</p>



<p>A márciusi látogatáshoz rétegelt öltözékre van szükség: könnyebb kabát, pulóver és átmeneti ruházat. Ideális időszak a természetjáráshoz és a sziget felfedezéséhez.</p>



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



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



<p>Április kellemes tavaszi időjárást hoz, jelentős melegedéssel. A nappali hőmérséklet 17-21°C közé emelkedik, míg éjszaka 10-14°C körül alakul.</p>



<p>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,5 órára nyúlik. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül van.</p>



<p>A csapadék mennyisége tovább csökken, 50-70 mm közé. Az esős napok száma 6-8 között alakul, főként rövid záporok formájában.</p>



<p>A páratartalom tovább csökken, 60-65% körülire. Az égbolt gyakran tiszta és napos. A tenger még mindig friss, de a levegő már kellemes a legtöbb szabadtéri tevékenységhez.</p>



<p>Az áprilisi látogatáshoz könnyebb ruházat ajánlott: átmeneti kabát, könnyű pulóver és kényelmes cipő. Ez egy kiváló időszak a túrázáshoz és a városnézéshez.</p>



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



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



<p>Május már a nyár előhírnöke, kellemes meleg időjárással. A nappali hőmérséklet 21-25°C közé emelkedik, míg éjszaka 15-18°C körül alakul.</p>



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



<p>A csapadék mennyisége jelentősen csökken, 40-60 mm közé. Az esős napok száma 5-7 között mozog, általában rövid, délutáni záporok formájában.</p>



<p>A páratartalom alacsony, 55-60% körüli. Az égbolt többnyire tiszta és napos. A tenger még hűvös, de néhányan már megkockáztatják a fürdést.</p>



<p>A májusi látogatáshoz könnyű ruházat ajánlott: póló, könnyű nadrág, de érdemes egy vékony dzsekivel is készülni a hűvösebb estékre. Ez kiváló időszak minden szabadtéri tevékenységhez.</p>



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



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



<p>Június a nyári szezon kezdete, kellemes meleg időjárással. A nappali hőmérséklet 25-29°C közé emelkedik, míg éjszaka 18-22°C körül alakul.</p>



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



<p>A csapadék mennyisége alacsony, 30-50 mm közé csökken. Az esős napok száma 4-6 között alakul, többnyire rövid délutáni záporok formájában.</p>



<p>A páratartalom alacsony, 50-55% körüli. Az égbolt többnyire tiszta és felhőtlen. A tenger kezd melegedni, már sokan fürdeni járnak.</p>



<p>A júniusi látogatáshoz nyári ruházat ajánlott: könnyű pólók, rövidnadrág, napszemüveg és napvédő krém. Ez kiváló időszak a strandoláshoz és vízi sportokhoz.</p>



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



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



<p>Július a nyár csúcspontja, forró és napos időjárással. A nappali hőmérséklet 28-32°C közé emelkedik, míg éjszaka 22-25°C körül alakul.</p>



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



<p>A csapadék mennyisége minimális, 20-40 mm között mozog. Az esős napok száma 2-4 között alakul, rendkívül ritkán, rövid záporok formájában.</p>



<p>A páratartalom alacsony, 45-50% körüli. Az égbolt szinte mindig tiszta és felhőtlen. A tenger kellemes meleg, ideális a fürdéshez.</p>



<p>A júliusi látogatáshoz minimális ruházat szükséges: könnyű nyári ruhák, fürdőruha, napszemüveg, sapka és magas faktorszámú napvédő. Ez a legmelegebb időszak, ideális a tengerparti nyaraláshoz.</p>



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



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



<p>Augusztus hasonlóan forró, mint július, a nyár utolsó hónapja. A nappali hőmérséklet 28-32°C között mozog, míg éjszaka 22-25°C körül alakul.</p>



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



<p>A csapadék mennyisége továbbra is alacsony, 30-50 mm között. Az esős napok száma 3-5 közé emelkedik, de még mindig ritkák az esőzések.</p>



<p>A páratartalom alacsony marad, 50-55% körül. Az égbolt többnyire tiszta. A tenger a legmelegebb ebben az időszakban.</p>



<p>Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban. Ez a fő turistaszezon csúcspontja, maximális árakkal és tömegekkel.</p>



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



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



<p>Szeptember kellemes őszi időjárást hoz, még mindig meleg, de hűvösödő hőmérséklettel. A nappali értékek 24-28°C között mozognak, míg éjszaka 18-22°C körül alakulnak.</p>



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



<p>A csapadék mennyisége enyhén növekszik, 50-70 mm közé emelkedik. Az esős napok száma 5-7 között alakul, többnyire rövid záporok formájában.</p>



<p>A páratartalom emelkedik, 55-60% körülire. Az égbolt változékonyabb, de még mindig sok a napos órák száma. A tenger még kellemes meleg.</p>



<p>A szeptemberi látogatáshoz átmeneti ruházat ajánlott: könnyű pólók napközben, de egy vékony pulóver az estékre. Ez kiváló időszak a nyaraláshoz kevesebb turistával.</p>



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



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



<p>Október az ősz mélyebb szakasza, hűvösödő hőmérséklettel. A nappali hőmérséklet 19-23°C között alakul, míg éjszaka 13-17°C körül mozog.</p>



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



<p>A csapadék mennyisége növekszik, 70-90 mm közé emelkedik. Az esős napok száma 7-9 között alakul, gyakran hosszabb esőzések formájában.</p>



<p>A páratartalom emelkedik, 65-70% körülire. Az égbolt gyakran felhős, változékony időjárással. A tenger fokozatosan hűl, de még sokan fürdeni járnak.</p>



<p>Az októberi látogatáshoz átmeneti ruházat szükséges: melegebb kabát, pulóver és vízálló cipő. Jó időszak a természetjáráshoz és kulturális programokhoz.</p>



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



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



<p>November a késő ősz időszaka, hűvös és csapadékos időjárással. A nappali hőmérséklet 14-18°C között mozog, míg éjszaka 8-12°C körül alakul.</p>



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



<p>A csapadék mennyisége magas, 80-100 mm közé emelkedik. Az esős napok száma 8-10 között alakul, gyakran hosszan tartó esőzések formájában.</p>



<p>A páratartalom magas, 70-75% körüli. Az égbolt gyakran borús és felhős. A tenger már hűvös, fürdésre nem alkalmas.</p>



<p>A novemberi látogatáshoz meleg ruházat szükséges: kabát, pulóver, vízálló cipő és esernyő. Ez a csendes időszak, alacsony árakkal.</p>



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



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



<p>December a tél kezdete, hűvös és csapadékos időjárással. A nappali hőmérséklet 10-14°C között alakul, míg éjszaka 4-8°C körül mozog.</p>



<p>A napsütéses órák száma a legalacsonyabb, átlagosan napi 3-4 óra. A nappali világosság időtartama a legrövidebb, 9 óra körüli. A napkelte 7:20 körül, a napnyugta pedig 16:20 körül van.</p>



<p>A csapadék mennyisége magas, 90-110 mm között. Az esős napok száma 9-11 között alakul, gyakran hosszú, egyenletes esőzések formájában.</p>



<p>A páratartalom magas, 75-80% körüli. Az égbolt többnyire borús és felhős. A tenger hideg, nem alkalmas fürdésre.</p>



<p>A decemberi látogatáshoz téli ruházat szükséges: meleg kabát, pulóver, sál, kesztyű és jó vízálló cipő. Ez az év legcsendesebb időszaka turisztikai szempontból.</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">Krk 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: 11 },
{ honap5: "Március", homerseklet5: 15 },
{ 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: 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><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">Krk 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: 10 },
{ honap: "Február", homerseklet: 11 },
{ honap: "Március", homerseklet: 15 },
{ honap: "Április", homerseklet: 19 },
{ honap: "Május", homerseklet: 23 },
{ honap: "Június", homerseklet: 27 },
{ honap: "Július", homerseklet: 30 },
{ honap: "Augusztus", homerseklet: 30 },
{ honap: "Szeptember", homerseklet: 26 },
{ honap: "Október", homerseklet: 21 },
{ honap: "November", homerseklet: 16 },
{ honap: "December", homerseklet: 12 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([0, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




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



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



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-container2 {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      overflow-x: auto; /* Vízszintes görgetés engedélyezése */
      -webkit-overflow-scrolling: touch; /* Simább görgetés iOS eszközökön */
    }
    .chart-title2 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .bar2 {
      fill: #3385ff;
      transition: fill 0.3s;
    }
    .bar2:hover {
      fill: #0066ff;
    }
    .axis2 text {
      font-size: 17px;
    }
    .axis-label2 {
      font-size: 17px;
    }
    .tooltip2 {
      position: absolute;
      text-align: center;
      padding: 8px;
      font: 17px sans-serif;
      background: white;
      border: 1px solid #ddd;
      pointer-events: none;
      opacity: 0;
    }
    
    /* Csúszka stílusa mobilnézethez */
    .slider-container2 {
      width: 100%;
      max-width: 800px;
      margin: 10px auto;
      padding: 0 10px;
      display: none; /* Alapértelmezetten rejtve */
      box-sizing: border-box;
    }
    
    .slider2 {
      width: 100%;
    }
    
    /* Csak mobilnézetben jelenik meg a csúszka */
    @media (max-width: 768px) {
      .slider-container2 {
        display: block;
      }
      
      /* Biztosítjuk, hogy az SVG ne zsugorodjon, hogy minden oszlop látható legyen */
      #chart2 svg {
        min-width: 800px;
      }
    }
  </style>
</head>
<body>
  <div class="chart-container2" id="chartContainer2">
    <div class="chart-title2">Krk á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: 60 },
{ honap: "Május", csapadek: 50 },
{ honap: "Június", csapadek: 40 },
{ honap: "Július", csapadek: 30 },
{ honap: "Augusztus", csapadek: 40 },
{ honap: "Szeptember", csapadek: 60 },
{ honap: "Október", csapadek: 80 },
{ 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">Krk 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: 73 },
{ honap11: "Március", paratartalom11: 68 },
{ honap11: "Április", paratartalom11: 63 },
{ honap11: "Május", paratartalom11: 58 },
{ honap11: "Június", paratartalom11: 53 },
{ honap11: "Július", paratartalom11: 48 },
{ honap11: "Augusztus", paratartalom11: 53 },
{ honap11: "Szeptember", paratartalom11: 58 },
{ 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>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>Krk körüli Adriai-tenger vízhőmérséklete évszakonként jelentős változást mutat, ami befolyásolja a fürdési szezon hosszát.</p>



<p>Krk Európa egyik legnaposabb területe, évente 2500 órás napsütéssel, ami kiemelkedően magas értéket jelent a mediterrán régióban.</p>



<p><strong>Január-február</strong>: A víz hőmérséklete 10-13°C között alakul. Ez túl hideg a fürdéshez, csak a legmerészebbek kockáztatják meg.</p>



<p><strong>Március-április</strong>: A víz hőmérséklete lassan emelkedik, 13-16°C közötti értékeket érve el. Még mindig friss, de néhány bátor fürdöző már megkockáztathatja.</p>



<p><strong>Május</strong>: A víz hőmérséklete 18-20°C közé emelkedik. Kezd kellemes lenni a fürdéshez, különösen a melegebb napokon.</p>



<p><strong>Június</strong>: A víz hőmérséklete 22-24°C közé emelkedik. Ez már kellemes a legtöbb ember számára, megkezdődik a fürdési szezon.</p>



<p><strong>Július-augusztus</strong>: A víz hőmérséklete a legmagasabb, 24-26°C között alakul. Ideális hőmérséklet a fürdéshez és vízi sportokhoz.</p>



<p><strong>Szeptember</strong>: A víz hőmérséklete még mindig kellemes, 22-24°C körül. Gyakran melegebb, mint a levegő, így sokan előnyben részesítik ezt az időszakot.</p>



<p><strong>Október</strong>: A víz hőmérséklete fokozatosan csökken, 18-20°C körülire. Még sokan fürdeni járnak, különösen napos napokon.</p>



<p><strong>November-december</strong>: A víz hőmérséklete 13-16°C közé süllyed. Már túl hideg a rendszeres fürdé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: 12 },
{ honap: "Február", homerseklet: 12 },
{ honap: "Március", homerseklet: 15 },
{ 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: 23 },
{ honap: "Október", homerseklet: 19 },
{ honap: "November", homerseklet: 15 },
{ 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 Krk szigetén</strong></h2>



<p>Krk földrajzi elhelyezkedése miatt az UV sugárzás különösen a nyári hónapokban magas lehet, ezért fontos a megfelelő napvédelem.</p>



<p>A nyári hónapokban különösen fontos a 11:00-16:00 óra közötti időszakban árnyékban tartózkodni, és gyakran használni a legalább SPF 30-as napvédő krémet.</p>



<p><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><strong>Március-május</strong>: Az UV index fokozatosan emelkedik, 4-7 közötti értékekre. Ajánlott a napvédő krém használata.</p>



<p><strong>Június-augusztus</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 8-10 körül, ami &#8222;nagyon magas&#8221; és &#8222;extrém&#8221; kategóriába tartozik. Kötelező a magas faktorszámú napvédő krém, napszemüveg és kalap használata.</p>



<p><strong>Szeptember-november</strong>: Az UV index csökken, 3-6 körüli értékekre, de még mindig ajánlott a napvédelem.</p>



<p><strong>December</strong>: Az UV index ismét alacsony, 2-3 körüli értékekkel.</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: 7 },
{ honap: "Június", uv: 9 },
{ honap: "Július", uv: 9 },
{ honap: "Augusztus", uv: 9 },
{ honap: "Szeptember", uv: 5 },
{ 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><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>Krk szigetén a legjellemzőbb szélsőséges időjárási jelenség a bóra. Ez egy erős, hideg, száraz északi szél, amely különösen ősszel és télen gyakori. A bóra széllökései elérik akár a 150-200 km/h sebességet is, ami jelentős hatással van a hajóforgalomra és a szigetre jutásra.</p>



<p>A nyári hónapokban ritkán, de előfordulhatnak hirtelen zivatarok, amelyek rövid, de intenzív esőzéssel járnak. Ezek általában gyorsan elvonulnak, és frissítő hatásúak.</p>



<p>Télen az alacsony hőmérséklet ritkán süllyed fagypont alá, de előfordulhat, különösen a belső területeken. Hó nagyon ritkán hullik, és ha igen, akkor is gyorsan elolvad.</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 Krk szigetére utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Krk meglátogatására <strong>június elejétől szeptember végéig</strong> tart. Ebben az időszakban a hőmérséklet kellemes (24-30°C), minimális a csapadék, maximális a napsütéses órák száma, és a tenger vízhőmérséklete ideális a fürdőzéshez. A Krk sziget turista főszezonja júniustól szeptemberig tart, ilyenkor a klíma kifejezetten meleg és napos, ideális időjárás a nyaraláshoz.</p>



<p><strong>Július-augusztus</strong> a legmelegebb időszak, maximális napsütéssel és tökéletes tengeri körülményekkel. Ez azonban egyben a legdrágább és legnépszerűbb időszak is.</p>



<p><strong>Június és szeptember</strong> kiváló kompromisszumot kínálnak: kellemes időjárás, kevesebb turista és kedvezőbb árak. Augusztusban a tengervíz hőfoka eléri a kellemes 29°C fokot is.</p>



<p><strong>Május és október</strong> alkalmasak lehetnek azok számára, akik elsősorban természetjárás, városnézés és kulturális programok miatt látogatnák a szigetet, és nem feltétlenül számítanak a tengeri fürdésre.</p>



<p>A téli hónapok (november-március) kevésbé ajánlottak a hagyományos turisztikai tevékenységekhez, de kiválóak lehetnek a csendes pihenéshez, wellness programokhoz és a sziget autentikus életének megismeréséhez alacsony árak mellett.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Krk sziget &#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="average">
<td>Május</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Július</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Augusztus</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Október</td>
<td>Átlagos</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="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/45d0314d58/krk/" data-label_1="KRK" data-theme="original" >KRK</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/krk-idojarasa-mikor-a-legjobb-a-szigetre-utazni/">Krk időjárása – mikor a legjobb a szigetre utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Zadar időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/zadar-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 22 Aug 2025 11:11:33 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Horvátország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1241</guid>

					<description><![CDATA[<p>Zadar Horvátország egyik legszebb városa az Adriai-tenger partján. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Zadar időjárása mérsékelt mediterrán, amit meleg, száraz nyár&#8230;</p>
<p>A <a href="https://mikorutazz.hu/zadar-idojarasa/">Zadar időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Zadar Horvátország egyik legszebb városa az Adriai-tenger partján. 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>Zadar időjárása mérsékelt mediterrán, amit meleg, száraz nyár és enyhe, csapadékos tél jellemez. A város az Adriai-tenger partján fekszik, Dalmáciában, és az éghajlatát jelentősen befolyásolják a tengeri áramlatok és a Balkán-félsziget belsejéből érkező szárazföldi légtömegek.</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>Zadarban négy különböző évszak figyelhető meg: enyhe tél, kellemes tavasz, forró nyár és meleg ősz.</p>



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



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



<p>A téli évszak Zadarban enyhe és változékony, napos időszakok váltakoznak rossz időjárással. Az átlaghőmérséklet <strong>8-11°C</strong> között mozog nappal, éjszaka <strong>4-6°C</strong>-ra hűl le. A Balkán-félsziget belsejéből érkező hideg légtömegek hatására, különösen a bóra szél idején, a hőmérséklet akár <strong>-6/-7°C</strong>-ra is süllyedhet éjszaka. Ilyenkor ritkán előfordulhat hóesés is, bár ez általában nem jelentős mennyiségű. A csapadék mennyisége mérsékelt, főként eső formájában.</p>



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



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



<p>A tavasz kellemes átmeneti időszak, fokozatosan emelkedő hőmérsékletekkel. Március <strong>10-14°C</strong>, április <strong>14-18°C</strong>, május pedig <strong>18-22°C</strong> közötti nappali hőmérsékletekkel. A csapadék mennyisége mérsékelt, és egyre több napsütéses óra jellemzi ezt az időszakot. A tenger még hideg, de a természet újjáéled, és ideális időszak a városnézéshez.</p>



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



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



<p>A nyár forró és napos, alkalmi délutáni zivatarokkal. A nappali hőmérséklet <strong>26-30°C</strong> között mozog, de rendkívül forró időszakokban akár <strong>34-35°C</strong> fölé is emelkedhet. A nyári hónapok a legszárazabbak, minimális csapadékkal. A tengeri szellő általában enyhíti a hőség érzetét, de szélcsendes, párás napokon a hőérzet meghaladhatja a <strong>35°C</strong>-ot is.</p>



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



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



<p>Az ősz kellemes, fokozatosan hűlő időszak. Szeptember még meleg (<strong>21-25°C</strong>), október mérsékelt (<strong>17-21°C</strong>), november pedig hűvös (<strong>13-16°C</strong>) hőmérsékletekkel. Ez az időszak hozza a legtöbb csapadékot, különösen szeptember és november között. Az őszi hónapok ideálisak a városnézéshez, amikor már nem forró, de még kellemes az idő.</p>



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



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



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



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



<p>Január Zadar leghidegebb hónapja, de még így is viszonylag enyhe. A nappali hőmérséklet általában 9-11°C között mozog, míg éjszaka 3-5°C-ra hűl le. A legfagyosabb éjszakákon a hőmérséklet akár -2°C alá is süllyedhet, különösen a bóra szél hatására.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 3,5 óra. A nappal hossza rövid, mindössze 9 óra 20 perc. A napkelte 7:20 körül, a napnyugta pedig 16:40 körül történik.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 80 mm körül mozog, és körülbelül 8 esős napra kell számítani. A csapadék általában eső formájában jelentkezik, de hideg időszakokban ritkán hó is eshet.</p>



<p>A relatív páratartalom magas, 73% körüli, ami páradús levegőt eredményez. A szél átlagos sebessége 10 km/h körül alakul, gyakori a bóra szél, ami hirtelen lehűlést hozhat.</p>



<p>A januári utazáshoz meleg ruhák szükségesek: téli kabát, pulóver, hosszú nadrág és vízálló cipő. Az időjárás változékony lehet, így é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>Február</strong></h3>



<p>A február hasonlóan enyhe, mint a január, de már érezhető a tavasz közeledése. A nappali hőmérséklet 9-11°C között alakul, éjszaka 4-5°C-ra hűl le. A legfagyosabb éjszakákon még előfordulhat -1/-2°C körüli hőmérséklet.</p>



<p>A napsütéses órák száma emelkedik, átlagosan napi 5 óra. A nappal hossza 10 óra 30 perc körül alakul. A napkelte és napnyugta időpontjai fokozatosan változnak a hosszabb napok irányába.</p>



<p>A csapadék mennyisége csökken, átlagosan 65 mm, körülbelül 7 esős nappal. Az időjárás még változékony, de már kevesebb a rossz idő.</p>



<p>A páratartalom 69% körül alakul, ami még mindig magasnak számít. A szél sebessége átlagosan 11,5 km/h, gyakori a bóra szél hatása.</p>



<p>A februári látogatáshoz hasonló öltözék ajánlott, mint januárban, de már lehet számítani melegebb napokra is, így könnyebb rétegek is hasznosak lehetnek.</p>



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



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



<p>Március a tavasz kezdete, kellemes időjárással. A nappali hőmérséklet 12-14°C közé emelkedik, éjszaka 6-7°C körül alakul. A hónap végére már akár 19-20°C is lehet a nappali maximum.</p>



<p>A napsütéses órák száma tovább növekszik, átlagosan napi 6 óra. A nappal hossza 12 óra körül alakul, egyenlő az éjszaka hosszával. A napkelte és napnyugta időpontjai jelentősen változnak.</p>



<p>A csapadék mennyisége 60 mm körül mozog, körülbelül 7 esős nappal. Az időjárás stabilabbá válik, kevesebb a hirtelen változás.</p>



<p>A páratartalom csökken, 65% körülire, ami kellemesebbé teszi a levegőt. A szél átlagos sebessége 12 km/h körül alakul.</p>



<p>A márciusi látogatáshoz átmeneti ruházat ajánlott: könnyebb dzseki, pulóver, hosszú nadrág, és érdemes egy melegebb felsőt is vinni a változékony időjárás miatt.</p>



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



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



<p>Április kellemes tavaszi hónap, egyre melegebb időjárással. A nappali hőmérséklet 15-18°C között mozog, éjszaka 9-10°C körül alakul. A melegebb napokon akár 22-23°C is lehet.</p>



<p>A napsütéses órák száma jelentősen növekszik, átlagosan napi 7,5 óra. A nappal hossza 13 óra 30 perc körül alakul, már érezhetően hosszabbak a napok.</p>



<p>A csapadék mennyisége 65 mm körül mozog, körülbelül 8 esős nappal. Az esőzések gyakran rövidek és nem tartósak.</p>



<p>A páratartalom 65% körüli, kellemes szintű. A szél átlagos sebessége 11 km/h körül alakul, ritkább a bóra szél.</p>



<p>Az áprilisi látogatáshoz tavaszi ruházat ajánlott: könnyű dzseki, ing, hosszú nadrág, és jó, ha van egy melegebb réteget is, az esti órákra.</p>



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



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



<p>Május már kimondottan kellemes, meleg hónap. A nappali hőmérséklet 20-22°C között mozog, éjszaka 14-15°C körül alakul. A legmelegebb napokon akár 27-28°C is lehet.</p>



<p>A napsütéses órák száma magas, átlagosan napi 9,5 óra. A nappal hossza 14 óra 50 perc körül alakul, már jelentősen hosszúak a napok.</p>



<p>A csapadék mennyisége 65 mm körül mozog, körülbelül 7 esős nappal. Az esőzések általában rövid, délutáni záporok formájában jelentkeznek.</p>



<p>A páratartalom csökken, 63% körülire, ami kellemes közérzetet biztosít. A szél átlagos sebessége 10 km/h körül alakul.</p>



<p>A májusi látogatáshoz már nyári ruházat ajánlott: könnyű ing, rövidnadrág vagy szoknya, de érdemes egy könnyű pulóvert is vinni az esti órákra. A tenger még hideg, így strandoláshoz esetleg neopren ruha szükséges.</p>



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



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



<p>Június a nyár kezdete, meleg és napos időjárással. A nappali hőmérséklet 24-27°C között mozog, éjszaka 18-19°C körül alakul. A legmelegebb napokon akár 31-32°C is lehet.</p>



<p>A napsütéses órák száma igen magas, átlagosan napi 11 óra. A nappal hossza 15 óra 25 perc körül alakul, ez a leghosszabb napok időszaka.</p>



<p>A csapadék mennyisége csökken, 45 mm körül mozog, mindössze 5 esős nappal. Az időjárás stabil és kiszámítható.</p>



<p>A páratartalom tovább csökken, 59% körülire, ami már kellemes, száraz levegőt jelent. A szél átlagos sebessége 9,5 km/h körül alakul.</p>



<p>A júniusi látogatáshoz könnyű nyári ruházat ajánlott: póló, rövidnadrág, szandál, napvédő kalap és napszemüveg. A tenger még hűvös, de már alkalmas fürdésre.</p>



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



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



<p>Július Zadar legmelegebb hónapja, forró és napos időjárással. A nappali hőmérséklet 27-30°C között mozog, éjszaka 20-21°C körül alakul. A legforróbb napokon akár 34-35°C is lehet.</p>



<p>A napsütéses órák száma a legmagasabb, átlagosan napi 12 óra. A nappal hossza 15 óra 5 perc körül alakul, még mindig hosszúak a napok.</p>



<p>A csapadék mennyisége minimális, mindössze 35 mm körül mozog, 3 esős nappal. Ez az egyik legszárazabb hónap.</p>



<p>A páratartalom a legalacsonyabb, 54% körüli, ami száraz, kellemes levegőt biztosít. A szél átlagos sebessége 10 km/h körül alakul.</p>



<p>A júliusi látogatáshoz a lehető legkönnyebb ruházat ajánlott: könnyű póló, rövidnadrág, szandál, és feltétlenül napvédő krém, kalap, napszemüveg. A forró időjárás miatt fontos a megfelelő hidratálás.</p>



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



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



<p>Augusztus szintén forró hónap, hasonló a júliusi időjáráshoz. A nappali hőmérséklet 27-29°C között mozog, éjszaka 20-21°C körül alakul. A legmelegebb napokon akár 33-34°C is lehet.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan napi 11 óra. A nappal hossza 13 óra 55 perc körül alakul, már rövidülnek a napok.</p>



<p>A csapadék mennyisége 45 mm körül mozog, 4 esős nappal. Alkalmanként előfordulhatnak délutáni zivatarok.</p>



<p>A páratartalom alacsony, 56% körüli, kellemes száraz levegő jellemzi. A szél átlagos sebessége 9,5 km/h körül alakul.</p>



<p>Az augusztusi látogatáshoz hasonló öltözék ajánlott, mint júliusban. Ez a fő nyaralási szezon, így számítani kell nagyobb tömegekre és magasabb árakra.</p>



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



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



<p>Szeptember még mindig meleg, de már érezhető az ősz közeledése. A nappali hőmérséklet 22-25°C között mozog, éjszaka 16-17°C körül alakul. A melegebb napokon akár 29°C is lehet.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 8 óra. A nappal hossza 12 óra 30 perc körül alakul, már rövidülnek a napok.</p>



<p>A csapadék mennyisége jelentősen növekszik, 125 mm körül mozog, 7 esős nappal. Ez az egyik csapadékosabb hónap.</p>



<p>A páratartalom emelkedik, 65% körülire, de még mindig elviselhető. A szél átlagos sebessége 9,5 km/h körül alakul.</p>



<p>A szeptemberi látogatáshoz átmeneti ruházat ajánlott: könnyű ing, hosszú nadrág, könnyű dzseki az esti órákra. A tenger még meleg, ideális a fürdéshez.</p>



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



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



<p>Október kellemes őszi hónap, hűlő időjárással. A nappali hőmérséklet 18-21°C között mozog, éjszaka 13-14°C körül alakul. A melegebb napokon még akár 24-25°C is lehet.</p>



<p>A napsütéses órák száma tovább csökken, átlagosan napi 6 óra. A nappal hossza 10 óra 55 perc körül alakul.</p>



<p>A csapadék mennyisége magas, 105 mm körül mozog, 8 esős nappal. Gyakoribbak az esőzések.</p>



<p>A páratartalom magas, 74% körüli, már páradús a levegő. A szél átlagos sebessége 9,5 km/h körül alakul.</p>



<p>Az októberi látogatáshoz őszi ruházat ajánlott: pulóver, hosszú nadrág, könnyű kabát, vízálló cipő. A tenger még kellemes, de már hűlő.</p>



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



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



<p>November hűvös őszi hónap, gyakori esőzésekkel. A nappali hőmérséklet 14-16°C között mozog, éjszaka 9-10°C körül alakul. A hidegebb napokon akár 3-4°C is lehet.</p>



<p>A napsütéses órák száma alacsony, átlagosan napi 4 óra. A nappal hossza 9 óra 35 perc körül alakul, már rövidek a napok.</p>



<p>A csapadék mennyisége a legmagasabb, 120 mm körül mozog, 10 esős nappal. Ez az egyik legcsapadékosabb hónap.</p>



<p>A páratartalom magas, 77% körüli, páradús levegő jellemzi. A szél átlagos sebessége 11 km/h körül alakul.</p>



<p>A novemberi látogatáshoz téli ruházat szükséges: meleg kabát, pulóver, hosszú nadrág, vízálló cipő és esernyő. A tenger már hideg a fürdéshez.</p>



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



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



<p>December téli hónap, de még mindig enyhe. A nappali hőmérséklet 10-12°C között mozog, éjszaka 5-6°C körül alakul. A leghidegebb éjszakákon akár 0°C alá is süllyedhet a hőmérséklet.</p>



<p>A napsütéses órák száma a legalacsonyabb, átlagosan napi 3,5 óra. A nappal hossza 8 óra 55 perc körül alakul, ez a legrövidebb napok időszaka.</p>



<p>A csapadék mennyisége 95 mm körül mozog, 9 esős nappal. Gyakori az eső, ritkán hó is eshet.</p>



<p>A páratartalom magas, 75% körüli, páradús levegő jellemzi. A szél átlagos sebessége 10 km/h körül alakul.</p>



<p>A decemberi látogatáshoz téli ruházat szükséges: téli kabát, pulóver, hosszú nadrág, meleg cipő. A tenger hideg, nem alkalmas fürdésre.</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">Zadar 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: 11 },
{ honap5: "Március", homerseklet5: 14 },
{ honap5: "Április", homerseklet5: 18 },
{ honap5: "Május", homerseklet5: 22 },
{ honap5: "Június", homerseklet5: 27 },
{ honap5: "Július", homerseklet5: 30 },
{ honap5: "Augusztus", homerseklet5: 29 },
{ honap5: "Szeptember", homerseklet5: 25 },
{ honap5: "Október", homerseklet5: 21 },
{ 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><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">Zadar 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: 8 },
{ honap: "Március", homerseklet: 11 },
{ 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: 21 },
{ honap: "Október", homerseklet: 17 },
{ 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><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">Zadar á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: 65 },
{ honap: "Március", csapadek: 60 },
{ honap: "Április", csapadek: 65 },
{ honap: "Május", csapadek: 65 },
{ honap: "Június", csapadek: 45 },
{ honap: "Július", csapadek: 35 },
{ honap: "Augusztus", csapadek: 45 },
{ honap: "Szeptember", csapadek: 125 },
{ honap: "Október", csapadek: 105 },
{ honap: "November", csapadek: 120 },
{ honap: "December", csapadek: 95 }
    ];
    // 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">Zadar jellemző páratartalma</div>
    <div id="chart11"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container11">
    <input type="range" min="0" max="100" value="0" class="slider11" id="chartSlider11">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása
    const data11 = [
      { honap11: "Január", paratartalom11: 73 },
{ honap11: "Február", paratartalom11: 69 },
{ honap11: "Március", paratartalom11: 65 },
{ honap11: "Április", paratartalom11: 65 },
{ honap11: "Május", paratartalom11: 63 },
{ honap11: "Június", paratartalom11: 59 },
{ honap11: "Július", paratartalom11: 54 },
{ honap11: "Augusztus", paratartalom11: 56 },
{ honap11: "Szeptember", paratartalom11: 65 },
{ honap11: "Október", paratartalom11: 74 },
{ honap11: "November", paratartalom11: 77 },
{ honap11: "December", paratartalom11: 75 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



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



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



<h2 class="wp-block-heading has-text-align-center"><strong>Tenger vízhőmérséklete</strong></h2>



<p>Zadar tengere az Adriai-tenger része, vízhőmérséklete szezonálisan változik.</p>



<p><strong>Január-február</strong>: A víz hőmérséklete 12-13°C körül alakul. Ez rendkívül hideg, fürdésre egyáltalán nem alkalmas.</p>



<p><strong>Március-április</strong>: A víz hőmérséklete 13-15°C közötti értékeket ér el. Még mindig nagyon hideg a fürdéshez.</p>



<p><strong>Május</strong>: A víz hőmérséklete 18°C körül alakul. Még hideg, de már türhető rövid fürdésre.</p>



<p><strong>Június</strong>: A víz hőmérséklete 22°C körül alakul. Még hűvös, de már alkalmas fürdésre, bár sokak számára frissítő.</p>



<p><strong>Július-augusztus</strong>: A víz hőmérséklete 24-25°C közötti értékeket ér el. Ez ideális hőmérséklet a fürdőzéshez és vízi sportokhoz.</p>



<p><strong>Szeptember</strong>: A víz hőmérséklete 23°C körül alakul. Még mindig kellemes fürdésre.</p>



<p><strong>Október</strong>: A víz hőmérséklete 20°C körül alakul. Hűlő, de még elviselhető rövid fürdésre.</p>



<p><strong>November-december</strong>: A víz hőmérséklete 15-17°C közötti értékeket ér el. Hideg, nem alkalmas fürdésre.</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: 13 },
{ honap: "Február", homerseklet: 12 },
{ honap: "Március", homerseklet: 13 },
{ honap: "Április", homerseklet: 15 },
{ honap: "Május", homerseklet: 18 },
{ honap: "Június", homerseklet: 22 },
{ honap: "Július", homerseklet: 24 },
{ honap: "Augusztus", homerseklet: 25 },
{ honap: "Szeptember", homerseklet: 23 },
{ 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 Zadarban</strong></h2>



<p>Zadar mediterrán elhelyezkedése miatt az UV sugárzás jelentős, különösen a nyári hónapokban.</p>



<p>A nyári hónapokban feltétlenül szükséges a magas faktorszámú napvédő krém, kalap, napszemüveg használata, és érdemes kerülni a közvetlen napfényt a legintenzívebb 11:00-15:00 közötti időszakban.</p>



<p><strong>Téli hónapok (december-február)</strong>: Az UV index alacsony, 2-3 körüli értékekkel. Minimális napvédelem szükséges.</p>



<p><strong>Tavaszi hónapok (március-május)</strong>: Az UV index fokozatosan emelkedik, 4-7 közötti értékekre. Már szükséges a napvédelem.</p>



<p><strong>Nyári hónapok (június-augusztus)</strong>: Az UV index magas, 8-10 közötti értékekkel. Erős napvédelem szükséges, különösen a déli órákban.</p>



<p><strong>Őszi hónapok (szeptember-november)</strong>: Az UV index csökken, 6-3 közötti értékekre. Mérsékelt napvédelem ajánlott.</p>



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



<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .chart-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: 7 },
{ 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><em>(Az UV index a Napból érkezõ ultraibolya sugárzás veszélyességi szintjét jelenti: 5-6,9 között erős, 7-7,9 között nagyon erős, 8 felett extrém az értéke.)</em> Részletesen <a href="https://mikorutazz.hu/mit-jelent-az-uv-index-es-hogyan-vedd-magad-a-napsugarzastol/" target="_blank" rel="noreferrer noopener">ebben a cikkben</a> olvashatsz az utazás közbeni UV-sugárzás megelőzéséről!</p>



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



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



<p>A téli hónapokban a bóra szél hirtelen és jelentős lehűlést hozhat, amikor a hőmérséklet akár 10-15°C-ot is csökkenhet néhány óra alatt. Ilyenkor a szél sebessége is jelentős lehet, akár 50-80 km/h-ra is felgyorsulhat.</p>



<p>A nyári hónapokban hőhullámok fordulhatnak elő, amikor a hőmérséklet több napig is 35°C feletti lehet. Ezeket gyakran szélcsend kíséri, ami fokozza a hőérzetet.</p>



<p>Az őszi hónapokban, különösen szeptemberben és októberben, intenzív esőzések fordulhatnak elő, amelyek rövid idő alatt nagy mennyiségű csapadékot hozhatnak. Ezek általában mediterrán ciklonokhoz kötődnek.</p>



<p>Ritkán, de előfordulhatnak téli havazások, amelyek általában nem jelentősek, de megszakíthatják a közlekedést, különösen a hegyvidéki 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>Mikor a legjobb Zadarba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Zadar meglátogatására a <strong>késő tavasz és a kora ősz</strong>, különösen <strong>május és szeptember hónapok</strong>. Ebben az időszakban a hőmérséklet kellemes (20-25°C), kevés a csapadék, és hosszúak a napok, de még nem olyan forró, mint nyáron. A tenger hőmérséklete szeptemberben még ideális fürdésre, májusban pedig már elviselhető.</p>



<p>Június szintén kiváló választás, különösen a hónap első felében, amikor még nem olyan forró, mint július-augusztusban, de már kellemes a tengervíz és stabil az időjárás.</p>



<p>A nyári hónapok (július-augusztus) a fő strandolási szezonban ideálisak a napozáshoz és vízi sportokhoz, de számítani kell nagy melegre, tömegekre és magasabb árakra.</p>



<p>Április és október jó választás lehet azoknak, akik inkább a városnézést és kulturális programokat preferálják, amikor kellemes az idő, de a tenger még/már hideg a fürdéshez.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Zadar &#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="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/44d1215d23/zadar/" data-label_1="ZADAR" data-theme="original" >ZADAR</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/zadar-idojarasa/">Zadar 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>Split időjárása – mikor a legjobb a dalmát központba utazni?</title>
		<link>https://mikorutazz.hu/split-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Sun, 17 Aug 2025 10:48:11 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Horvátország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1230</guid>

					<description><![CDATA[<p>Split időjárása mediterrán éghajlat, ami népszerű hellyé teszi. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Az Adriai-tenger közelsége és Horvátország dalmáciai partvidéke jelentősen&#8230;</p>
<p>A <a href="https://mikorutazz.hu/split-idojarasa/">Split időjárása – mikor a legjobb a dalmát központba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Split időjárása mediterrán éghajlat, ami népszerű hellyé teszi. 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>Az Adriai-tenger közelsége és Horvátország dalmáciai partvidéke jelentősen befolyásolják a város éghajlatát.</p>



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



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



<p>Splitben négy évszak különíthető el: enyhe 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>A tél Split legkevésbé kedvező időszaka, bár az éghajlat még mindig enyhébb, mint Közép-Európa nagy részében. Az átlaghőmérséklet <strong>6-13°C</strong> között mozog. A csapadék mennyisége mérsékelt, gyakran esőzések formájában. Hó ritkán fordul elő, de ha igen, általában nem marad meg hosszabb ideig. Az időjárás változékony lehet, a napsütéses napokat borús, esős időszakok válthatják fel.</p>



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



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



<p>A tavasz kellemes időszak Spliten, fokozatosan emelkedő hőmérséklettel és növekvő napsütéses órákkal. Az átlaghőmérséklet <strong>14-24°C</strong> között alakul. A csapadék mennyisége mérsékelt, és egyre ritkábbá válnak az esők. Ez az időszak ideális a városnézéshez és a természetben való túrázáshoz. A tenger még hideg az úszáshoz, de a parti sétákhoz tökéletes körülmények.</p>



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



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



<p>A nyár Split legkedveltebb időszaka, hosszú, meleg és száraz napokkal. Az átlaghőmérséklet <strong>30-33°C</strong> között mozog, a csúcsértékek gyakran elérik a 35°C-ot. A csapadék minimális, többnyire rövid délutáni záporok formájában. A napsütéses órák száma magas, ideális feltételeket biztosítva a strandoláshoz, úszáshoz és vízi sportokhoz. Ez egyben a fő turistaszezon is, amikor a legnagyobb a forgalom.</p>



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



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



<p>Az ősz változékony időszak, fokozatosan csökkenő hőmérséklettel és növekvő csapadékkal. Az átlaghőmérséklet <strong>14-27°C</strong> között alakul. Szeptember még kellemes és meleg, gyakran &#8222;nyár utáni&#8221; időjárással. Október közepétől novemberben megnövekszik a csapadék valószínűsége. Ez az időszak kedvelt a turisták között, akik kerülik a nyári tömegeket.</p>



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



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



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



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



<p>Január Split leghidegebb hónapja, enyhe téli időjárással. A nappali hőmérséklet általában 11°C körül mozog, míg éjszaka 6°C-ra csökkenhet. A hőmérséklet-ingadozás mérsékelt, ritkán megy fagypont alá.</p>



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



<p>A csapadék mennyisége mérsékelt, átlagosan 70-80 mm körül mozog. A csapadék főként eső formájában érkezik, a havazás ritka. A csapadékos napok száma 8-10 között alakul.</p>



<p>Az égbolt gyakran felhős, a relatív páratartalom 65-70% körüli. A tenger hideg, körülbelül 13-14°C-os vízhőmérséklettel, nem alkalmas fürdőzésre.</p>



<p>Januári látogatáshoz meleg ruházat szükséges: hosszú nadrág, pulóver, dzseki és vízálló cipő az esős napokra. Bár nem a legjobb időszak a strandoláshoz, a városnézéshez és kulturális programokhoz kedvező lehet a kevesebb turista miatt.</p>



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



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



<p>A február hasonló januárhoz, enyhe téli időjárással, de már érezhető a fokozatos melegedés. A nappali hőmérséklet 13°C körül, éjszaka 9°C körüli értékeket mutat.</p>



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



<p>A csapadék mennyisége hasonló a januárihoz, 60-70 mm körüli értékkel. A csapadék főként eső formájában jelentkezik. A csapadékos napok száma 7-9 között mozog.</p>



<p>A páratartalom mérsékelt, 65-70% körüli. A tenger vízhőmérséklete továbbra is hideg, 13-14°C körül alakul, nem alkalmas úszásra.</p>



<p>Februári öltözködéshez hasonló meleg ruhákat ajánlunk, mint januárban. Ez az időszak kevés turistával, de még mindig hideg tengerrel jellemezhető.</p>



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



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



<p>Március a tavasz kezdete, érzékelhető melegedéssel és növekvő napsütéssel. A nappali hőmérséklet 17°C körül alakul, míg éjszaka 14°C körül hűl le.</p>



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



<p>A csapadék mennyisége enyhén csökken, 60-70 mm körüli értékre. Az esős napok száma 7-9 között alakul, de az esőzések általában rövidebbek.</p>



<p>A páratartalom mérsékelt, 65% körüli. A tenger vízhőmérséklete lassan emelkedni kezd, 15°C körülire, de még mindig hideg az úszáshoz.</p>



<p>Márciusi látogatáshoz átmeneti ruházat ajánlott: könnyű dzseki, pulóver és hosszú nadrág. Ideális időszak városnézéshez és természetjáráshoz, miközben még kevés a turista.</p>



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



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



<p>Április kellemes tavaszi időjárást hoz, emelkedő hőmérsékletekkel. A nappali hőmérséklet 21°C körül, éjszaka 20°C körüli értékeket mutat.</p>



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



<p>A csapadék mennyisége változó, 50-80 mm között mozoghat. Az áprilisi esők gyakran rövidek és intenzívek. A csapadékos napok száma 6-8 közötti.</p>



<p>A páratartalom mérsékelt, 60-65% körüli. A tenger vízhőmérséklete emelkedik, 17-18°C körülire, de még mindig hűvös az úszáshoz.</p>



<p>Áprilisi ruházathoz könnyű rétegzést ajánlunk: póló, kardigán vagy könnyű dzseki. Kiváló időszak a városnézéshez és a természetben való túrázáshoz.</p>



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



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



<p>Május a tavasz csúcspontja, kellemes meleg időjárással. A nappali hőmérséklet 25°C körül, éjszaka 24°C körüli értékeket ér el.</p>



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



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



<p>A páratartalom kellemes, 60% körüli. A tenger vízhőmérséklete emelkedik, 20-21°C körülire, ami már alkalmas lehet a bátrabb fürdőzők számára.</p>



<p>Májusi öltözködéshez könnyű nyári ruházat ajánlott: póló, rövidnadrág, de érdemes egy kardigánt is vinni az estékre. Kiváló időszak minden szabadtéri tevékenységhez.</p>



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



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



<p>Júniusban kezdődik a nyár, meleg és száraz időjárással. A nappali hőmérséklet 29°C körül alakul, éjszaka 30°C körüli értékeket mutat.</p>



<p>A napsütéses órák száma magas, átlagosan napi 10 óra. A nappali világosság időtartama a leghosszabb, 15 óra körül. A napkelte 5:15 körül, a napnyugta 20:15 körül van.</p>



<p>A csapadék mennyisége alacsony, 40-50 mm körüli értékkel. Az esős napok száma csökken, 4-6 közötti, általában rövid délutáni záporok formájában.</p>



<p>A páratartalom mérsékelt, 55-60% körüli. A tenger vízhőmérséklete kellemes, 23-24°C, ideális fürdőzéshez és vízi sportokhoz.</p>



<p>Júniusi ruházathoz könnyű nyári öltözék szükséges: póló, rövidnadrág, fürdőruha és napszemüveg. Fontos a megfelelő napvédelem. Ez a turistaszezon kezdete.</p>



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



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



<p>Július Split egyik legmelegebb hónapja, intenzív nyári időjárással. A nappali hőmérséklet 31°C körül, éjszaka 33°C körüli csúcsértékeket ér el.</p>



<p>A napsütéses órák száma maximális, átlagosan napi 11 óra. A nappali világosság időtartama még mindig hosszú, 14,5 óra körül. A napkelte 5:30 körül, a napnyugta 20:00 körül történik.</p>



<p>A csapadék mennyisége minimális, 30-40 mm körüli értékkel. Az esős napok száma a legalacsonyabb, 3-4 között, jellemzően rövid délutáni záporok.</p>



<p>A páratartalom alacsony, 50-55% körüli, ami elviselhető hőérzetet biztosít. A tenger vízhőmérséklete a legmelegebb, 25-26°C, tökéletes minden vízi tevékenységhez.</p>



<p>Júliusi öltözködéshez a legkönnyebb ruházat ajánlott: trikók, rövidnadrágok, szandálok. Elengedhetetlen a napvédő krém, kalap és bőséges folyadékfogyasztás. Ez a fő turistaszezon csúcsa.</p>



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



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



<p>Az augusztus hasonlóan meleg júliushoz, folytatva a nyári csúcssezont. A nappali hőmérséklet 30°C körül, éjszaka 32°C körüli értékeket mutat.</p>



<p>A napsütéses órák száma továbbra is magas, átlagosan napi 10 óra. A nappali világosság időtartama csökkenni kezd, 13,5 óra körül. A napkelte és napnyugta időpontjai fokozatosan tolódnak.</p>



<p>A csapadék mennyisége továbbra is alacsony, 40-50 mm körüli értékkel. Az esős napok száma 4-5 között alakul, többnyire rövid záporok formájában.</p>



<p>A páratartalom mérsékelt, 55% körüli. A tenger vízhőmérséklete a legmagasabb, 26-27°C, ideális minden vízi programhoz.</p>



<p>Augusztusi ruházat megegyezik a júliusival: könnyű, szellős öltözék és erős napvédelem. Ez még mindig a fő turistaszezon része, nagy tömegekkel.</p>



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



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



<p>Szeptember kellemes átmeneti időszak, még meleg, de kevésbé zsúfolt. A nappali hőmérséklet 26°C körül, éjszaka 27°C körüli értékeket mutat.</p>



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



<p>A csapadék mennyisége enyhén emelkedik, 60-80 mm körüli értékre. Az esős napok száma 5-7 között alakul, gyakran intenzívebb záporok formájában.</p>



<p>A páratartalom növekszik, 60% körülire. A tenger vízhőmérséklete még mindig kellemes, 24-25°C, kiváló fürdőzési körülményekkel.</p>



<p>Szeptemberi ruházathoz könnyű nyári öltözék mellett érdemes egy vékony kardigánt is vinni. Kiváló időszak azoknak, akik elkerülnék a nyári tömeget.</p>



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



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



<p>Október változékony őszi időjárást hoz, csökkenő hőmérsékletekkel. A nappali hőmérséklet 20°C körül, éjszaka szintén 20°C körül alakul.</p>



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



<p>A csapadék mennyisége növekszik, 80-100 mm körüli értékkel. Az esős napok száma 8-10 között alakul, gyakran hosszabb esőzések formájában.</p>



<p>A páratartalom emelkedik, 65% körülire. A tenger vízhőmérséklete csökken, 21-22°C körülire, de még mindig alkalmas fürdőzésre.</p>



<p>Októberi öltözködéshez átmeneti ruházat szükséges: hosszú nadrág, pulóver, dzseki és vízálló cipő. Még mindig jó időszak a városnézéshez.</p>



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



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



<p>November hűvösebb őszi időjárást hoz, változékony körülményekkel. A nappali hőmérséklet 16°C körül, éjszaka 14°C körül alakul.</p>



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



<p>A csapadék mennyisége a legmagasabb az évben, 100-120 mm körüli értékkel. Az esős napok száma magas, 10-12 között, gyakran hosszan tartó esőzések.</p>



<p>A páratartalom magas, 70% körüli. A tenger vízhőmérséklete csökken, 18-19°C körülire, már hideg az úszáshoz.</p>



<p>Novemberi ruházathoz meleg ruhák szükségesek: hosszú nadrág, pulóver, dzseki és vízálló felszerelés. Kevésbé ideális időszak a szabadtéri tevékenységekhez.</p>



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



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



<p>December a tél kezdete, hűvös és változékony időjárással. A nappali hőmérséklet 12°C körül, éjszaka 7°C körül alakul.</p>



<p>A napsütéses órák száma a legalacsonyabb, átlagosan napi 3-4 óra. A nappali világosság időtartama a legrövidebb, 9 óra körül. A napkelte 7:30 körül, a napnyugta 16:50 körül történik.</p>



<p>A csapadék mennyisége magas, 90-100 mm körüli értékkel. Az esős napok száma 9-11 között alakul, jellemzően hosszabb esőzések formájában.</p>



<p>A páratartalom magas, 70-75% körüli. A tenger vízhőmérséklete hideg, 15-16°C körül, nem alkalmas fürdőzésre.</p>



<p>Decemberi öltözködéshez téli ruházat szükséges: meleg dzseki, pulóver, hosszú nadrág és vízálló cipő. Ez a legkevésbé kedvező időszak a szabadtéri programokhoz.</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">Split 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: 17 },
{ honap5: "Április", homerseklet5: 21 },
{ honap5: "Május", homerseklet5: 25 },
{ honap5: "Június", homerseklet5: 29 },
{ honap5: "Július", homerseklet5: 31 },
{ honap5: "Augusztus", homerseklet5: 30 },
{ honap5: "Szeptember", homerseklet5: 26 },
{ honap5: "Október", homerseklet5: 20 },
{ 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><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">Split 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: 6 },
{ honap: "Február", homerseklet: 9 },
{ honap: "Március", homerseklet: 14 },
{ honap: "Április", homerseklet: 20 },
{ honap: "Május", homerseklet: 24 },
{ honap: "Június", homerseklet: 30 },
{ honap: "Július", homerseklet: 33 },
{ honap: "Augusztus", homerseklet: 32 },
{ honap: "Szeptember", homerseklet: 27 },
{ honap: "Október", homerseklet: 20 },
{ honap: "November", homerseklet: 14 },
{ 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><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">Split á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: 65 },
{ honap: "Április", csapadek: 65 },
{ honap: "Május", csapadek: 65 },
{ honap: "Június", csapadek: 45 },
{ honap: "Július", csapadek: 35 },
{ honap: "Augusztus", csapadek: 45 },
{ honap: "Szeptember", csapadek: 70 },
{ honap: "Október", csapadek: 90 },
{ honap: "November", csapadek: 110 },
{ honap: "December", csapadek: 95 }
    ];
    // 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">Split 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: 65 },
{ honap11: "Február", paratartalom11: 63 },
{ honap11: "Március", paratartalom11: 62 },
{ honap11: "Április", paratartalom11: 60 },
{ honap11: "Május", paratartalom11: 58 },
{ honap11: "Június", paratartalom11: 55 },
{ honap11: "Július", paratartalom11: 50 },
{ honap11: "Augusztus", paratartalom11: 50 },
{ honap11: "Szeptember", paratartalom11: 55 },
{ honap11: "Október", paratartalom11: 60 },
{ honap11: "November", paratartalom11: 67 },
{ honap11: "December", paratartalom11: 67 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



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



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



<h2 class="wp-block-heading has-text-align-center"><strong>Tenger vízhőmérséklete</strong></h2>



<p>Split tengerének vízhőmérséklete évszakosan változik, de soha nem éri el a trópusi értékeket.</p>



<p>Az Adriai-tenger Split környékén viszonylag nyugodt, ritkán fordulnak elő nagyobb hullámok. A part fokozatosan mélyül, biztonságos fürdőzési feltételeket teremtve.</p>



<p><strong>Január-február</strong>: A víz hőmérséklete 13-14°C között alakul, hideg és nem alkalmas fürdőzésre.</p>



<p><strong>Március-április</strong>: A víz hőmérséklete fokozatosan emelkedik, 15-18°C közötti értékeket érve el.</p>



<p><strong>Május-június</strong>: A víz melegedni kezd, 20-24°C közötti hőmérsékletet elérve, már alkalmas fürdőzésre.</p>



<p><strong>Július-augusztus</strong>: A tenger hőmérséklete a legmagasabb, 25-27°C között, ideális minden vízi tevékenységhez.</p>



<p><strong>Szeptember-október</strong>: A víz hőmérséklete fokozatosan csökken, 21-25°C között alakul, még kellemes fürdőzéshez.</p>



<p><strong>November-december</strong>: A tenger lehűl, 15-19°C közötti értékeket mutatva, hideg az úszáshoz.</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: 13 },
{ honap: "Február", homerseklet: 13 },
{ honap: "Március", homerseklet: 15 },
{ honap: "Április", homerseklet: 17 },
{ honap: "Május", homerseklet: 20 },
{ honap: "Június", homerseklet: 23 },
{ honap: "Július", homerseklet: 25 },
{ honap: "Augusztus", homerseklet: 26 },
{ honap: "Szeptember", homerseklet: 24 },
{ honap: "Október", homerseklet: 21 },
{ honap: "November", homerseklet: 18 },
{ 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 Spliten</strong></h2>



<p>Split földrajzi elhelyezkedése miatt az UV sugárzás különösen a nyári hónapokban magas.</p>



<p>A nyári hónapokban elengedhetetlen a magas faktorszámú napvédő krém, napszemüveg és kalap használata, különösen 10:00 és 16:00 óra között.</p>



<p><strong>Január-február</strong>: Az UV index alacsony, 2-3 körüli érték.</p>



<p><strong>Március-április</strong>: Az UV index emelkedik, 4-6 közötti értékeket mutatva.</p>



<p><strong>Május-június</strong>: Az UV index magas, 7-9 között, védelem szükséges.</p>



<p><strong>Július-augusztus</strong>: Az UV index a legmagasabb, 9-10 körüli, &#8222;nagyon magas&#8221; kategória.</p>



<p><strong>Szeptember-október</strong>: Az UV index csökken, 5-7 közötti értékekre.</p>



<p><strong>November-december</strong>: Az UV index alacsony, 2-3 körüli érték.</p>



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



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




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



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



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



<p>Az őszi és téli hónapokban erős délies szelek (Jugo) jelentkezhetnek, amelyek viharos időjárást hozhatnak. A nyári hónapokban ritkán fordulhatnak elő heves záporok és zivatarok.</p>



<p>A téli hónapokban ritkán előfordul hóesés, de általában nem marad meg hosszú ideig. Fagypont alatti hőmérsékletek ritkák, de esetenként előfordulhatnak.</p>



<p>A nyári kánikulai napokban a hőmérséklet meghaladhatja a 35°C-ot, ami hőstresszt okozhat az arra érzékeny személyekné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 Split</strong><strong>be</strong><strong> utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Split meglátogatására a <strong>késő tavasz és kora nyár (május-június)</strong>, valamint a <strong>kora ősz (szeptember)</strong>. <strong>Május-júniusban k</strong>ellemes meleg időjárás van, kevesebb turistával. Szeptemberben még mindig meleg az időjárás, kellemes vízhőmérséklet és kevesebb tömeg van.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Split &#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/43d5116d44/split/" data-label_1="SPLIT" data-theme="original" >SPLIT</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/split-idojarasa/">Split időjárása – mikor a legjobb a dalmát központba utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Makarska időjárása – mikor a legjobb a riviérára utazni?</title>
		<link>https://mikorutazz.hu/makarska-idojarasa-mikor-a-legjobb-a-rivierara-utazni/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 15 Aug 2025 17:33:51 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Horvátország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1228</guid>

					<description><![CDATA[<p>Makarska a horvát Adria egyik legszebb része. Részletesen megtudhatjátok az időjárást havi bontásban, a tenger hőmérsékletét és mikor érdemes ide utazni. Makarska időjárása mediterrán klíma meleg, száraz nyárral és enyhe,&#8230;</p>
<p>A <a href="https://mikorutazz.hu/makarska-idojarasa-mikor-a-legjobb-a-rivierara-utazni/">Makarska időjárása – mikor a legjobb a riviérá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><strong>Makarska a horvát Adria egyik legszebb része. 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>Makarska időjárása mediterrán klíma meleg, száraz nyárral és enyhe, csapadékosabb téllel. Az Adriai-tenger közelsége és a Biokovo-hegység védelme jelentősen befolyásolják a város éghajlatát, amely ideális feltételeket teremt a nyári üdüléshez.</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>Makarskán négy jól elkülöníthető évszak különíthető el: tavasz, nyár, ősz és tél, mindegyik sajátos időjárási jellemzőkkel.</p>



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



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



<p>A nyár Makarska legkellemesebb és legpopulárisabb időszaka, tiszta égbolttal, minimális csapadékkal és kellemes hőmérséklettel. Az átlaghőmérséklet <strong>25-29°C</strong> között mozog. A csapadék mennyisége rendkívül alacsony és a levegő száraz. Az időjárás ideális a strandoláshoz, úszáshoz és minden szabadtéri tevékenységhez. A tenger kristálytiszta és meleg, kiváló feltételeket biztosítva a vízi sportokhoz és hajókirándulásokhoz.</p>



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



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



<p>A tavasz kellemes átmeneti időszak, fokozatosan melegedő hőmérséklettel és mérsékelten növekvő csapadékkal. Az átlaghőmérséklet <strong>15-23°C</strong> között alakul. A páratartalom mérsékelt, és a napfény órák száma fokozatosan növekszik. Ez az időszak ideális azok számára, akik a tömegek elkerülésével szeretnének utazni, miközben még kellemes időjárásban részesülnek.</p>



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



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



<p>Az ősz kezdetben még meleg és kellemes, majd fokozatosan lehűl és nő a csapadék mennyisége. Az átlaghőmérséklet <strong>12-24°C</strong> között mozog. Szeptember még kiváló nyaralási időszak, míg november már jelentősen csapadékosabb. A tenger még sokáig meleg marad, különösen szeptember és október elején.</p>



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



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



<p>A tél Makarskán enyhe, de csapadékos időszak. Az átlaghőmérséklet <strong>6-13°C</strong> között alakul. Bár ritkán fagy, ez az időszak a legcsapadékosabb az évben. A téli hónapok alkalmasak a kulturális programokra és a természetjárásra, de nem ideálisak a strandjáráshoz.</p>



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



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



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



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



<p>Január Makarska leghidegebb hónapja, a téli időszak közepén. A nappali hőmérséklet általában 10-13°C között mozog, míg éjszaka 3-6°C-ra hűl le, ami friss, de elviselhető feltételeket teremt.</p>



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



<p>A csapadék mennyisége magas, átlagosan 80-100 mm körül mozog, és a havi csapadékos napok száma 8-10. Az esőzések általában hosszabb, állandó esőzések formájában jelentkeznek.</p>



<p>Az égbolt gyakran borult, felhős, ami korlátozza a napozási lehetőségeket. A relatív páratartalom magas, 75-80% körüli. A tenger hideg, 13-14°C körüli hőmérséklettel, ami nem alkalmas fürdőzésre.</p>



<p>Ha januárban utazol Makarskarára, meleg ruházat szükséges, vízálló kabát és ernyő az esős napokra. Az időszak alkalmas múzeumlátogatásra, helyi kulturális programokra és rövid kirándulásokra a környező hegyekben.</p>



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



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



<p>A február hasonlóan hideg, mint a január, de már érezhető a közelgő tavasz. A nappali hőmérséklet 11-14°C közé emelkedhet, míg éjszaka 4-7°C között alakul. A hőmérséklet-ingadozás még mindig jelentős.</p>



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



<p>A csapadék mennyisége továbbra is magas, átlagosan 70-90 mm, de már csökkenő tendenciát mutat. A csapadékos napok száma 7-9 között mozog.</p>



<p>A levegő még mindig párás, a páratartalom 75-80% körüli. A tenger vízhőmérséklete a legalacsonyabb, 13°C körül, ami egyáltalán nem alkalmas fürdőzésre.</p>



<p>A februári látogatáshoz hasonló öltözék ajánlott, mint januárban: meleg ruhák és vízálló felszerelés. Ez az időszak alkalmas a helyi gasztronómia felfedezésére és beltéri programokra.</p>



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



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



<p>A március a tavasz kezdete, érezhető melegedéssel és növekvő napfényórákkal. A nappali hőmérséklet 15-18°C közé emelkedik, míg az éjszakák 7-10°C között alakulnak. Az időjárás kezd stabilizálódni.</p>



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



<p>A csapadék mennyisége csökken, 60-80 mm körüli értékre. Az esős napok száma 6-8 közötti, általában rövidebb záporok formájában.</p>



<p>A páratartalom lassan csökken, 70-75% körülire, ami kellemesebb közérzetet biztosít. A tenger vízhőmérséklete még mindig hideg, 14-15°C körül.</p>



<p>A márciusi látogatáshoz átmeneti öltözék ajánlott: könnyebb kabát, de még meleg rétegek is. Ez az időszak alkalmas a város felfedezésére és könnyebb túrázásra.</p>



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



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



<p>Április kellemes tavaszi hónap, jelentős melegedéssel és csökkenő csapadékkal. A nappali hőmérséklet 18-22°C közé emelkedik, míg éjszaka 10-13°C körül alakul. Az időjárás egyre stabilabb és kellemesebb.</p>



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



<p>A csapadék mennyisége csökken, 50-70 mm körüli értékrel. Az esős napok száma 5-7 közötti, általában rövidebb, délutáni záporok formájában.</p>



<p>A páratartalom tovább csökken, 65-70% körülire, ami kellemes közérzetet biztosít. A tenger vízhőmérséklete lassan emelkedik, 16-17°C körülire.</p>



<p>Az áprilisi látogatáshoz könnyebb tavaszi ruházat ajánlott, de érdemes egy vékony dzsekivel is felkészülni. Az időszak kiváló a természetjáráshoz és a város kulturális nevezetességeinek megtekintéséhez.</p>



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



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



<p>Május már egyértelműen kellemes tavaszi hónap, melegedő hőmérsékletekkel és növekvő napfényórákkal. A nappali maximum 22-25°C közé emelkedhet, míg éjszaka 14-17°C körül alakul.</p>



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



<p>A csapadék mennyisége tovább csökken, 40-60 mm körüli értékkel. Az esős napok száma 4-6 közé csökken, általában rövid záporok formájában.</p>



<p>A páratartalom kellemes, 60-65% körüli, ami már nem okoz diszkomfortot. A tenger vízhőmérséklete 18-19°C körülire emelkedik, ami már alkalmas lehet a merészebb fürdőzőknek.</p>



<p>A májusi látogatáshoz könnyű nyári ruházat ajánlott, esetleg egy vékony pulóverrel az esti órákra. Ez az időszak kiváló a szabadtéri tevékenységekhez és már alkalmas lehet a strand-programokhoz is.</p>



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



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



<p>Június a nyári szezon kezdete, kellemes meleg hőmérsékletekkel és minimális csapadékkal. A nappali hőmérséklet 25-28°C között alakul, míg éjszaka 18-21°C körül mozog.</p>



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



<p>A csapadék mennyisége alacsony, 30-50 mm körüli értékkel. Az esőzések ritkák és rövidek. A csapadékos napok száma 3-5 közé csökken.</p>



<p>A páratartalom kellemes, 60-65% körüli. A tenger vízhőmérséklete 20-22°C körülire emelkedik, ami már kellemes fürdőzési feltételeket teremt.</p>



<p>A júniusi látogatáshoz nyári ruházat ajánlott, naptej, napszemüveg és kalap. Ez az időszak kiváló a strandoláshoz és minden szabadtéri tevékenységhez, miközben még nem olyan zsúfolt, mint a fő nyári szezonban.</p>



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



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



<p>Július Makarska egyik legmelegebb hónapja, a nyári szezon csúcspontja. A nappali hőmérséklet 27-30°C közé emelkedhet, míg éjszaka 21-24°C körül alakul.</p>



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



<p>A csapadék mennyisége minimális, 20-30 mm körüli értékkel. Ez az egyik legszárazabb hónap. A csapadékos napok száma 2-4 közötti.</p>



<p>A páratartalom alacsony, 55-60% körüli, ami kellemes, száraz hőérzetet biztosít. A tenger vízhőmérséklete 23-24°C körülire emelkedik, ami ideális fürdőzési feltételeket teremt.</p>



<p>A júliusi látogatáshoz könnyű nyári ruházat, erős napvédelem ajánlott. Ez a fő turistaszezon, így magasabb árakra és több tömegre kell számítani, de az időjárási feltételek tökéletesek.</p>



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



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



<p>Augusztus a legmelegebb hónap Makarskan, a nyári szezon abszolút csúcspontja. A nappali hőmérséklet elérheti a 29-32°C-ot is, míg az éjszakák 22-25°C között alakulnak.</p>



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



<p>A csapadék mennyisége rendkívül alacsony, 20-30 mm körüli értékkel. Az esőzések nagyon ritkák. A csapadékos napok száma 2-3 közötti.</p>



<p>A páratartalom alacsony, 55-60% körüli, ami a magas hőmérséklet ellenére is elviselhető hőérzetet biztosít. A tenger vízhőmérséklete eléri a maximum értéket, 24-25°C körül.</p>



<p>Az augusztusi látogatáshoz a lehető legkönnyebb ruházat, erős napvédelem és bőséges folyadékbevitel ajánlott. Ez a legforgalmasabb és legdrágább időszak, de tökéletes időjárási feltételekkel.</p>



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



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



<p>Szeptember még mindig kiváló nyári hónap, kellemes meleggel és minimális csapadékkal. A nappali hőmérséklet 24-27°C között alakul, míg éjszaka 18-21°C körül mozog.</p>



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



<p>A csapadék mennyisége még mindig alacsony, 40-60 mm körüli értékkel. Az esőzések ritkák és általában rövidek. A csapadékos napok száma 4-6 közötti.</p>



<p>A páratartalom kellemes, 60-65% körüli. A tenger vízhőmérséklete még mindig meleg, 22-24°C körüli, ami kiváló fürdőzési feltételeket biztosít.</p>



<p>A szeptemberi látogatás ideális választás: kellemes időjárás, kevesebb tömeg, alacsonyabb árak. Nyári ruházat ajánlott, esetleg egy könnyű kardigánnal az esti órákra.</p>



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



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



<p>Október az ősz kellemes kezdete, még mindig meleg nappalokkal, de hűvösebb estékkel. A nappali hőmérséklet 19-23°C között alakul, míg éjszaka 13-16°C körül mozog.</p>



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



<p>A csapadék mennyisége növekszik, 80-120 mm körüli értékkel. Az esőzések gyakoribbá válnak. A csapadékos napok száma 7-9 közé emelkedik.</p>



<p>A páratartalom emelkedik, 70-75% körülire. A tenger vízhőmérséklete még kellemes, 19-21°C körüli, ami alkalmas lehet a fürdőzésre a melegebb napokon.</p>



<p>Az októberi látogatáshoz átmeneti öltözék ajánlott: könnyebb napközi ruházat, de melegebb ruhák az esti órákra. Ez az időszak alkalmas a természetjárásra és a kulturális programokra.</p>



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



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



<p>November már egyértelműen őszi hónap, lehűléssel és jelentősen növekvő csapadékkal. A nappali hőmérséklet 14-18°C között alakul, míg éjszaka 8-12°C körül mozog.</p>



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



<p>A csapadék mennyisége magas, 120-150 mm körüli értékkel. Ez az egyik legcsapadékosabb hónap. A csapadékos napok száma 10-12 közé emelkedik.</p>



<p>A páratartalom magas, 75-80% körüli. A tenger vízhőmérséklete jelentősen csökken, 16-18°C körülire, ami már nem alkalmas fürdőzésre.</p>



<p>A novemberi látogatáshoz meleg, vízálló ruházat szükséges. Ez az időszak alkalmas beltéri programokra, múzeumlátogatásra és a helyi gasztronómia felfedezésére.</p>



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



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



<p>December a tél kezdete, hidegebb hőmérsékletekkel és gyakori esőzésekkel. A nappali hőmérséklet 11-14°C között alakul, míg éjszaka 5-8°C körül mozog.</p>



<p>A napsütéses órák száma a legalacsonyabb, átlagosan napi 4 óra. A nappali világosság időtartama a legrövidebb, 9 óra körüli. A napkelte 7:15 körül, a napnyugta pedig 16:15 körül van.</p>



<p>A csapadék mennyisége magas, 100-130 mm körüli értékkel. Az esőzések gyakoriak és hosszan tartóak. A csapadékos napok száma 9-11 közötti.</p>



<p>A páratartalom magas, 75-80% körüli. A tenger vízhőmérséklete hideg, 14-15°C körüli, ami nem alkalmas fürdőzésre.</p>



<p>A decemberi látogatáshoz meleg téli ruházat, vízálló kabát és ernyő szükséges. Ez az időszak alkalmas a karácsonyi hangulat élvezésére, beltéri programokra és helyi kulturális eseményekre.</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">Makarska 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: 17 },
{ honap5: "Április", homerseklet5: 20 },
{ honap5: "Május", homerseklet5: 24 },
{ honap5: "Június", homerseklet5: 27 },
{ honap5: "Július", homerseklet5: 29 },
{ honap5: "Augusztus", homerseklet5: 31 },
{ honap5: "Szeptember", homerseklet5: 26 },
{ honap5: "Október", homerseklet5: 21 },
{ honap5: "November", homerseklet5: 16 },
{ 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><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">Makarska 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: 9 },
{ honap: "Március", homerseklet: 12 },
{ honap: "Április", homerseklet: 16 },
{ 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: 17 },
{ honap: "November", homerseklet: 12 },
{ 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><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">Makarska á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: 60 },
{ honap: "Május", csapadek: 50 },
{ honap: "Június", csapadek: 40 },
{ honap: "Július", csapadek: 25 },
{ honap: "Augusztus", csapadek: 25 },
{ honap: "Szeptember", csapadek: 50 },
{ honap: "Október", csapadek: 100 },
{ honap: "November", csapadek: 135 },
{ honap: "December", csapadek: 115 }
    ];
    // 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">Makarska 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: 73 },
{ honap11: "November", paratartalom11: 78 },
{ 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>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>Makarska tenger vízhőmérséklete az év során jelentős ingadozást mutat, az Adriai-tenger mérsékelt égövi jellege miatt. A víz hőmérséklete szezonálisan változik.</p>



<p>A legjobb hónapok az úszáshoz június-szeptember között vannak, amikor a víz kellemes meleg. Május és október szintén alkalmas lehet azok számára, akik kedvelik a frissebb vizet.</p>



<p><strong>Január-február</strong>: A víz hőmérséklete 13-14°C között alakul, ami hideg és nem alkalmas fürdőzésre.</p>



<p><strong>Március-május</strong>: A víz hőmérséklete fokozatosan emelkedik, 14-19°C közötti értékeket érve el. Május végére már alkalmas lehet a merészebb fürdőzőknek.</p>



<p><strong>Június-augusztus</strong>: A legmelegebb vízhőmérséklet augusztusban van, átlagosan 24-25°C körül. Ez ideális hőmérséklet a fürdőzéshez és vízi sportokhoz.</p>



<p><strong>Szeptember-október</strong>: A tenger hőmérséklete még kellemes, 19-23°C körül alakul. Szeptember különösen kedvező, amikor a víz még meleg, de a levegő hőmérséklete már kellemes.</p>



<p><strong>November-december</strong>: A víz hőmérséklete jelentősen csökken, 14-17°C közötti értékekre, ami már nem alkalmas fürdőzésre.</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: 13 },
{ honap: "Március", homerseklet: 15 },
{ honap: "Április", homerseklet: 17 },
{ honap: "Május", homerseklet: 19 },
{ honap: "Június", homerseklet: 21 },
{ honap: "Július", homerseklet: 24 },
{ honap: "Augusztus", homerseklet: 25 },
{ honap: "Szeptember", homerseklet: 23 },
{ 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 Makarskán</strong></h2>



<p>Makarska földrajzi elhelyezkedése miatt az UV sugárzás különösen a nyári hónapokban magas. A mediterrán éghajlat és a tiszta égbolt miatt fokozott napvédelemre van szükség.</p>



<p>A nyári hónapokban rendkívül fontos a megfelelő napvédelem: magas faktorszámú napvédő krém, kalap, napszemüveg viselése, és a közvetlen napfény kerülése a déli órákban (11:00-15:00 között).</p>



<p><strong>Január-február</strong>: Az UV index alacsony, 2-3 körül, ami minimális kockázatot jelent.</p>



<p><strong>Március-május</strong>: Az UV index fokozatosan emelkedik, 4-7 közötti értékekre, ami már mérsékelt kockázatot jelenthet.</p>



<p><strong>Június-augusztus</strong>: Ez az időszak mutatja a legmagasabb UV értékeket, 8-10 körül, ami magas kockázatú kategóriába tartozik. A déli órákban különösen veszélyes a közvetlen napsugárzás.</p>



<p><strong>Szeptember-október</strong>: Az UV index csökken, 5-7 körüli értékekre, de még mindig szükséges a napvédelem.</p>



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



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



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



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



<p>Makarskan ritkán fordulnak elő szélsőséges időjárási jelenségek, de időnként előfordulhatnak:</p>



<p>A téli hónapokban (november-február) erős délnyugati szelek, úgynevezett &#8222;jugo&#8221; fújhat, amely viharos időjárást és magas hullámokat hozhat.</p>



<p>Nyáron ritkán, de előfordulhatnak hirtelen zivatarok, amelyek rövid, de intenzív esőzéssel járnak.</p>



<p>A Biokovo-hegység hatására időnként erős, hideg északi szél, a &#8222;bura&#8221; fújhat, amely különösen télen okozhat kellemetlen időjárást.</p>



<p>Hőhullámok előfordulhatnak júliusban és augusztusban, amikor a hőmérséklet meghaladhatja a 35°C-ot.</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 Makarsk</strong><strong>á</strong><strong>ra utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Makarska meglátogatására <strong>június elejétől szeptember végéig</strong> tart. Ebben az időszakban a hőmérséklet kellemes (24-30°C), minimális a csapadék, alacsony a páratartalom és maximális a napsütéses órák száma. A tenger meleg és nyugodt, ideális feltételeket biztosítva a fürdőzéshez, búvárkodáshoz és vízi sportokhoz.</p>



<p>Augusztus a legmelegebb hónap 29°C átlagos maximum hőmérséklettel, de egyben a legforgalmasabb és legdrágább időszak is.</p>



<p>Május vége és június, valamint szeptember kiváló választás lehet azok számára, akik a kellemes időjárást szeretnék élvezni, de kerülni akarják a fő szezon tömegeit és magas árait.</p>



<p>Az őszi és tavaszi átmeneti időszakok (március-május, október-november) alkalmasak lehetnek azok számára, akik a természetjárást, túrázást és kulturális programokat részesítik előnyben a strandolással szemben.</p>



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



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Makarska &#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/43d2917d02/makarska/" data-label_1="MAKARSKA" data-theme="original" >MAKARSKA</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/makarska-idojarasa-mikor-a-legjobb-a-rivierara-utazni/">Makarska időjárása – mikor a legjobb a riviérá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>Dubrovnik időjárása – mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/dubrovnik-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 15 Aug 2025 11:51:37 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Horvátország]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1221</guid>

					<description><![CDATA[<p>Dubrovnik időjárása mediterrán, ami forró, száraz nyarat és enyhe, csapadékosabb telet eredményez. Az Adriai-tenger közelsége és a horvát dalmáciai part jelentősen befolyásolják a város éghajlatát. Dubrovnik védett földrajzi helyzete a&#8230;</p>
<p>A <a href="https://mikorutazz.hu/dubrovnik-idojarasa/">Dubrovnik időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Dubrovnik időjárása mediterrán, ami forró, száraz nyarat és enyhe, csapadékosabb telet eredményez.</strong></p>



<p>Az Adriai-tenger közelsége és a horvát dalmáciai part jelentősen befolyásolják a város éghajlatát. Dubrovnik védett földrajzi helyzete a Dinári-hegység déli lábánál különlegesen kedvező mikroklímát teremt.</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>Dubrovnikban négy jól elkülöníthető évszak található: enyhe tél, kellemes tavasz, forró nyár és meleg ő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>A téli időszak Dubrovnikban enyhe és csapadékos. Az átlaghőmérséklet <strong>8-14°C</strong> között mozog. Ez az év legcsapadékosabb időszaka, gyakori esőzésekkel és alkalmanként zivatarral. A nappalok rövidek, de a hőmérséklet ritkán esik fagypont alá. A tenger még viszonylag meleg, 13-16°C körül. Az időjárás változékony, de a mediterrán klíma miatt sosem igazán hideg.</p>



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



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



<p>A tavasz fokozatosan melegedő időszak, kellemes hőmérséklettel. Az átlaghőmérséklet <strong>15-22°C</strong> között alakul. A csapadék mennyisége csökken, és egyre több a napsütéses nap. A természet újraéled, a város környéki növényzet virágba borul. A tenger lassan melegszik, májusra már 18-20°C körüli értékeket érve el. Kiváló időszak a városnézéshez és túrázáshoz.</p>



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



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



<p>A nyár forró és száraz, tipikus mediterrán jelleggel. Az átlaghőmérséklet <strong>24-30°C</strong> között mozog, de gyakran meghaladja a 32°C-ot is. A csapadék minimális, hosszú száraz periódusokkal. A napsütéses órák száma maximális, naponta 10-12 óra. A tenger kellemes meleg, 22-25°C között. Ez a fő turistaszezon, ideális a tengerparti programokhoz és fürdőzé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>Az ősz meleg és kellemes, sokszor a legjobb időszaknak tartják. Az átlaghőmérséklet <strong>18-25°C</strong> között alakul. Szeptemberben még nyári jellegű az időjárás, csak októbertől kezd fokozatosan nőni a csapadék mennyisége. A tenger októberig még meleg marad. Az őszi színek és a kellemes időjárás ideálissá teszik ezt az időszakot a látogatásra.</p>



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



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



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



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



<p>Január Dubrovnik legelhúlyabban hideg hónapja, de még mindig enyhe a mediterrán klíma miatt. A nappali hőmérséklet általában 12-14°C között mozog, míg éjszaka 6-8°C körül alakul.</p>



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



<p>A csapadék mennyisége jelentős, átlagosan 90-120 mm körül mozog. A havi csapadékos napok száma 12-15 között alakul, gyakran hosszabb esős időszakokkal.</p>



<p>A páratartalom magas, 70-75% körüli értékekkel. Az égbolt gyakran felhős, de a tenger még viszonylag meleg, 13-15°C körül. Erős szél és viharok előfordulhatnak, különösen a bóra (északi szél) hatására.</p>



<p>Januári látogatáshoz meleg ruházat szükséges: kabát, hosszú nadrág, meleg pulóver és vízálló cipő. Esernyő és esőkabát elengedhetetlen. A programokat beltérre érdemes tervezni, múzeumlátogatás, városnézés fedett területeken.</p>



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



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



<p>Február még mindig a téli időszak része, de már érzékelhető a tavasz közeledése. A nappali hőmérséklet 13-15°C között, az éjszakai pedig 7-9°C körül alakul.</p>



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



<p>A csapadék mennyisége még mindig magas, 80-100 mm körüli értékekkel. A csapadékos napok száma 10-13 között alakul, de már rövidebb esős periódusokkal.</p>



<p>A páratartalom magas marad, 70-75% körül. A tenger vízhőmérséklete 13-15°C között mozog. A szeles időjárás még gyakori, de kevésbé intenzív, mint januárban.</p>



<p>A februári látogatáshoz hasonló öltözék ajánlott, mint januárban. Érdemes kihasználni a növekvő számú napos órákat a szabadtéri programokra, különösen a városfalak mentén való sétálá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>Március a tavasz kezdete, fokozatosan melegedő időjárással. A nappali hőmérséklet 16-18°C közé emelkedik, míg éjszaka 10-12°C körül alakul.</p>



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



<p>A csapadék mennyisége csökken, 60-80 mm körüli értékekre. A csapadékos napok száma 8-10 közé esik, általában rövidebb záporok formájában.</p>



<p>A páratartalom lassan csökken, 65-70% körülire. A tenger vízhőmérséklete még hideg, 14-16°C között. A szeles időjárás ritkább, de a bóra még előfordulhat.</p>



<p>A márciusi látogatáshoz rétegzett öltözék ajánlott: könnyebb kabát, pulóver és hosszú nadrág. A növekvő napsütéses órák miatt napszemüveg hasznos lehet.</p>



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



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



<p>Április kellemes tavaszi időjárást hoz, jelentős melegedéssel. A nappali hőmérséklet 19-21°C közé emelkedik, míg éjszaka 13-15°C körül alakul.</p>



<p>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ül van. A napkelte 6:00 körül, a napnyugta pedig 19:30 körül történik.</p>



<p>A csapadék mennyisége tovább csökken, 50-70 mm körüli értékekkel. A csapadékos napok száma 7-9 között alakul, többnyire rövid záporok formájában.</p>



<p>A páratartalom mérsékelt, 60-65% körüli. A tenger vízhőmérséklete lassan emelkedik, 16-18°C körülire. A szél enyhébb, kellemesebb időjárási viszonyok alakulnak ki.</p>



<p>Az áprilisi látogatáshoz könnyebb ruházat válható: vékony dzseki, hosszú ujjú ing és hosszú nadrág. A szabadtéri programok ideális időszaka kezdődik.</p>



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



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



<p>Május már igazi tavaszi, kellemes időjárást hoz. A nappali hőmérséklet 23-25°C közé emelkedik, míg éjszaka 16-18°C körül alakul.</p>



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



<p>A csapadék mennyisége alacsony, 40-60 mm körüli értékekkel. A csapadékos napok száma 6-8 között alakul, általában rövid, délutáni záporok formájában.</p>



<p>A páratartalom mérsékelt, 60-65% körüli. A tenger vízhőmérséklete kellemes, 18-20°C körül, már alkalmas rövidebb fürdőzésre. Az időjárás stabil és napos.</p>



<p>A májusi látogatáshoz könnyű, szellős ruházat ajánlott: rövidebb ujjú felsők, könnyű nadrág és vékony dzseki a hűvösebb estékre. Naptej és napszemüveg ajánlott.</p>



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



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



<p>Júniusban kezdődik a nyári időszak, növekvő meleggel. A nappali hőmérséklet 26-28°C közé emelkedik, míg éjszaka 19-21°C körül alakul.</p>



<p>A napsütéses órák száma maximális, átlagosan napi 10-11 ó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 történik.</p>



<p>A csapadék mennyisége minimális, 30-50 mm körüli értékekkel. A csapadékos napok száma 4-6 között alakul, ritkán előforduló rövid záporokkal.</p>



<p>A páratartalom mérsékelt, 55-60% körüli. A tenger vízhőmérséklete kellemes, 20-22°C körül, ideális a fürdőzéshez. Az időjárás stabil és napos.</p>



<p>A júniusi látogatáshoz nyári ruházat szükséges: rövidebb ujjú felsők, rövidebb nadrág, fürdőruha. Naptej, napszemüveg és kalap elengedhetetlen a napsugárzás elleni védelemhez.</p>



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



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



<p>Július a nyár csúcspontja, forró időjárással. A nappali hőmérséklet 28-32°C közé emelkedik, gyakran meghaladja a 35°C-ot is. Éjszaka 22-24°C körül alakul.</p>



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



<p>A csapadék mennyisége rendkívül alacsony, 20-30 mm körüli értékekkel. A csapadékos napok száma 2-4 között alakul, szórványos rövid záporokkal.</p>



<p>A páratartalom alacsony, 50-55% körüli, de a magas hőmérséklet miatt így is fülledt lehet. A tenger vízhőmérséklete ideális, 23-25°C körül. Az időjárás napos és száraz.</p>



<p>A júliusi látogatáshoz könnyű, szellős nyári ruházat szükséges. Fokozott napvédelem elengedhetetlen: magas faktorszámú naptej, kalap, napszemüveg. A déli órákban árnyékban való tartózkodás 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>Augusztus a legforróbb hónap, intenzív hőséggel. A nappali hőmérséklet 29-33°C között mozog, de gyakran meghaladja a 36°C-ot is. Éjszaka 23-25°C körül alakul.</p>



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



<p>A csapadék mennyisége rendkívül alacsony, 20-40 mm körüli értékekkel. A csapadékos napok száma 3-5 között alakul, esetenként rövid zivatarokkal a hőség után.</p>



<p>A páratartalom alacsony, 50-55% körüli. A tenger vízhőmérséklete a legmagasabb, 24-26°C körül, tökéletes a fürdőzéshez. Az időjárás forró és száraz.</p>



<p>Az augusztusi látogatáshoz hasonló előkészületekre van szükség, mint júliusban. Fokozott folyadékpótlás, gyakori árnyékban tartózkodás és a déli órákban való aktivitás kerülése 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>Szeptember kellemes őszi időjárást hoz, csökkenő hőséggel. A nappali hőmérséklet 25-28°C között mozog, míg éjszaka 19-22°C körül alakul.</p>



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



<p>A csapadék mennyisége enyhén növekszik, 60-80 mm körüli értékekkel. A csapadékos napok száma 6-8 között alakul, általában rövid záporok formájában.</p>



<p>A páratartalom mérsékelt, 55-60% körüli. A tenger vízhőmérséklete még mindig kellemes, 22-24°C körül, ideális a fürdőzéshez. Az időjárás stabil és napos.</p>



<p>A szeptemberi látogatáshoz könnyű nyári ruházat még elegendő, de érdemes egy vékony dzsekivel is felkészülni a hűvösebb estékre. Ez az egyik legjobb időszak a városnézéshez.</p>



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



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



<p>Október kellemes őszi időjárást hoz, mérsékelt hőmérséklettel. A nappali hőmérséklet 21-24°C között mozog, míg éjszaka 15-18°C körül alakul.</p>



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



<p>A csapadék mennyisége növekszik, 80-120 mm körüli értékekkel. A csapadékos napok száma 8-11 között alakul, gyakoribb esőzésekkel.</p>



<p>A páratartalom emelkedik, 60-70% körülire. A tenger vízhőmérséklete még kellemes, 19-21°C körül, alkalmas fürdőzésre. Az időjárás változékonyabb lesz.</p>



<p>Az októberi látogatáshoz rétegzett öltözék ajánlott: hosszú ujjú felsők, könnyű dzseki és hosszú nadrág. Esernyő hasznos lehet az esőzések miatt.</p>



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



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



<p>November az ősz későbbi szakasza, hűvösebb időjárással. A nappali hőmérséklet 17-19°C között mozog, míg éjszaka 11-13°C körül alakul.</p>



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



<p>A csapadék mennyisége magas, 120-150 mm körüli értékekkel. A csapadékos napok száma 11-14 között alakul, gyakori esőzésekkel.</p>



<p>A páratartalom magas, 70-75% körüli. A tenger vízhőmérséklete lehűl, 16-18°C körül. Az időjárás gyakran felhős és esős.</p>



<p>A novemberi látogatáshoz melegebb ruházat szükséges: kabát, pulóver és hosszú nadrág. Vízálló cipő és esernyő elengedhetetlen.</p>



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



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



<p>December a tél kezdete, hűvös és csapadékos időjárással. A nappali hőmérséklet 13-15°C között mozog, míg éjszaka 8-10°C körül alakul.</p>



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



<p>A csapadék mennyisége magas, 110-140 mm körüli értékekkel. A csapadékos napok száma 13-16 között alakul, gyakori hosszabb esős időszakokkal.</p>



<p>A páratartalom magas, 70-75% körüli. A tenger vízhőmérséklete hideg, 14-16°C körül. Az időjárás gyakran viharos, különösen a bóra hatására.</p>



<p>A decemberi látogatáshoz téli ruházat szükséges: meleg kabát, pulóver, hosszú nadrág és vízálló cipő. A programokat főként beltérre érdemes tervezni.</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">Dubrovnik 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: 14 },
{ honap5: "Március", homerseklet5: 17 },
{ honap5: "Április", homerseklet5: 20 },
{ honap5: "Május", homerseklet5: 24 },
{ honap5: "Június", homerseklet5: 27 },
{ 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><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">Dubrovnik 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: 10 },
{ honap: "Február", homerseklet: 11 },
{ honap: "Március", homerseklet: 14 },
{ honap: "Április", homerseklet: 17 },
{ honap: "Május", homerseklet: 21 },
{ honap: "Június", homerseklet: 24 },
{ honap: "Július", homerseklet: 27 },
{ honap: "Augusztus", homerseklet: 28 },
{ honap: "Szeptember", homerseklet: 23 },
{ honap: "Október", homerseklet: 19 },
{ honap: "November", homerseklet: 15 },
{ honap: "December", homerseklet: 12 }
    ];
    // Méretek és margók beállítása
    const margin = { top: 20, right: 30, bottom: 70, left: 60 };
    const width = 800 - margin.left - margin.right;
    const height = 400 - margin.top - margin.bottom;
    // SVG elem létrehozása
    const svg = d3.select("#chart")
      .append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
      .append("g")
      .attr("transform", `translate(${margin.left},${margin.top})`);
    // Tooltip létrehozása
    const tooltip = d3.select("body").append("div")
      .attr("class", "tooltip");
    // Skálák beállítása
    const x = d3.scaleBand()
      .domain(data.map(d => d.honap))
      .range([0, width])
      .padding(0.2);
    const y = d3.scaleLinear()
      .domain([0, d3.max(data, d => d.homerseklet) + 0])
      .nice()
      .range([height, 0]);
    // X tengely rajzolása
    svg.append("g")
      .attr("class", "axis")
      .attr("transform", `translate(0,${height})`)
      .call(d3.axisBottom(x))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis = svg.append("g")
      .attr("class", "axis")
      .call(d3.axisLeft(y).tickSize(-width).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin.left + 15)
      .attr("x", -height / 2)
      .attr("text-anchor", "middle")
      .text("°C");
    // Oszlopok rajzolása
    svg.selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "bar")
      .attr("x", d => x(d.honap))
      .attr("width", x.bandwidth())
      .attr("y", d => y(d.homerseklet))
      .attr("height", d => height - y(d.homerseklet))
      .on("mouseover", (event, d) => {
        tooltip.style("opacity", 1)
          .html(`${d.honap}: ${d.homerseklet} °C`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container = document.getElementById('chartContainer');
      const slider = document.getElementById('chartSlider');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider.addEventListener('input', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            const scrollPosition = (slider.value / 100) * maxScroll;
            container.scrollLeft = scrollPosition;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container.addEventListener('scroll', function() {
            const maxScroll = container.scrollWidth - container.clientWidth;
            if (maxScroll > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage = (container.scrollLeft / maxScroll) * 100;
              slider.value = scrollPercentage;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling);
    });
  </script>
</body>
</html>




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



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



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



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



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



<h2 class="wp-block-heading has-text-align-center"><strong>Tenger vízhőmérséklete</strong></h2>



<p>Dubrovnik mellett az Adriai-tenger vízhőmérséklete szezonálisan változik, de általában kellemesebb, mint az északi-európai tengerek.</p>



<p><strong>Január-február</strong>: A víz hőmérséklete 13-15°C között alakul. Ez túl hideg a fürdőzéshez a legtöbb ember számára.</p>



<p><strong>Március-április</strong>: A víz hőmérséklete lassan emelkedik, 15-18°C körüli értékeket érve el. Áprilisban már egyesek megkockáztatják a rövid fürdőzést.</p>



<p><strong>Május-június</strong>: A víz hőmérséklete kellemes, 18-22°C között alakul. Májusban már alkalmas a fürdőzésre, júniusban pedig ideális.</p>



<p><strong>Július-augusztus</strong>: A tenger a legmelegebb, 23-26°C körüli hőmérséklettel. Tökéletes a hosszú fürdőzéshez és vízi sportokhoz.</p>



<p><strong>Szeptember-október</strong>: A víz még kellemes, 19-24°C között. Szeptemberben még nyári érzés, októberben is alkalmas a fürdőzésre.</p>



<p><strong>November-december</strong>: A tenger hőmérséklete gyorsan csökken, 14-18°C körülire. Novemberben már hideg, decemberben csak a legedzettebbeknek 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: 14 },
{ honap: "Február", homerseklet: 14 },
{ honap: "Március", homerseklet: 15 },
{ honap: "Április", homerseklet: 17 },
{ honap: "Május", homerseklet: 19 },
{ honap: "Június", homerseklet: 21 },
{ honap: "Július", homerseklet: 24 },
{ honap: "Augusztus", homerseklet: 25 },
{ honap: "Szeptember", homerseklet: 23 },
{ 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 Dubrovnikban</strong></h2>



<p>Dubrovnik mediterrán klímája 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>A nyári hónapokban (különösen július-augusztusban) elengedhetetlen a magas faktorszámú napvédő krém (legalább SPF 30+), napszemüveg és kalap használata. A déli órákban (11:00-16:00 között) ajánlott az árnyékban tartózkodás.</p>



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



<p><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><strong>Március-április</strong>: Az UV index emelkedik, 4-6 körüli értékekre. Már ajánlott a napvédő krém használata.</p>



<p><strong>Május-június</strong>: Az UV index magas, 7-9 körüli értékekkel. Fokozott napvédelem szükséges.</p>



<p><strong>Július-augusztus</strong>: Az UV index a legmagasabb, 9-11 körüli értékekkel, ami &#8222;nagyon magas&#8221; kategóriába tartozik. Fokozott óvatosság és teljes körű napvédelem elengedhetetlen.</p>



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



<p><strong>November-december</strong>: Az UV index alacsony, 2-4 körüli értékekkel. Minimális napvédelem 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-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: 8 },
{ honap: "Július", uv: 10 },
{ honap: "Augusztus", uv: 10 },
{ honap: "Szeptember", uv: 7 },
{ honap: "Október", uv: 7 },
{ 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><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>Dubrovnikban és a dalmáciai parton több jellegzetes szélsőséges időjárási jelenség fordulhat elő:</p>



<p><strong>Bóra</strong>: Erős, hideg északi szél, ami hirtelen és nagy erővel támad. Télen és kora tavasszal gyakoribb, akár 100 km/h sebességet is elérhet. Jelentősen lehűti a levegőt és felkavarja a tengert.</p>



<p><strong>Jugo (Sirocco)</strong>: Meleg, nedves délkeleti szél, ami főként ősszel és télen jelentkezik. Hosszan tartó esőzéseket és viharokat hoz magával.</p>



<p><strong>Nyári hőhullámok</strong>: A nyári hónapokban előfordulhatnak extrém forró időszakok, amikor a hőmérséklet 38-40°C fölé emelkedik. Fokozott óvatosság szükséges a hőguta és a dehidratáció elkerülése érdekében.</p>



<p><strong>Zivatarok</strong>: Főként nyár végén és ősszel intenzív zivatarok alakulhatnak ki, amelyek heves esővel, jégesővel és erős széllel járhatnak.</p>



<p><strong>Téli viharok</strong>: A téli hónapokban az Adriai-tenger viharos lehet, különösen a bóra vagy jugo hatására. Ez befolyásolhatja a hajójáratokat és a kompközlekedést.</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 Dubrovnikba utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Dubrovnik meglátogatására a késő tavasz és a kora ősz, különösen <strong>május-június és szeptember-október</strong>. Ebben az időszakban a hőmérséklet kellemes (20-28°C), minimális a csapadék, és a tenger vízhőmérséklete alkalmas a fürdőzésre. A turisták száma is kevesebb, mint a főszezonban, és az árak kedvezőbbek.</p>



<p><strong>Április és november szintén jó választás</strong> lehet azok számára, akik elsősorban városnézésre és kulturális programokra összpontosítanak, és kevésbé fontos a tengeri fürdőzés.</p>



<p>A nyári hónapok (július-augusztus) ideálisak a tengerparti nyaraláshoz, de számítani kell a nagy melegre, a tömegekre és a magasabb árakra. Ez a fő turistaszezon, amikor Dubrovnik a legélénkebb.</p>



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



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

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

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

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

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

.excellent {
background-color: #c8e6c9;
}

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

.average {
background-color: #fff9c4;
}

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

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

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

tr:hover {
opacity: 0.9;
}

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

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

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

</body>
</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/42d6518d09/dubrovnik/" data-label_1="DUBROVNIK" data-theme="original" >DUBROVNIK</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/dubrovnik-idojarasa/">Dubrovnik időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
