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

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

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



<p>Bázel időjárását az óceáni éghajlat határozza meg, ami mérsékelt nyarakat és enyhe, de felhős teleket eredményez. A Rajna folyó partján elhelyezkedő város Svájc északnyugati részén található, ahol a svájci, francia és német határok találkoznak. A város az Atlanti-óceán és a Földközi-tenger éghajlati hatásainak köszönhetően viszonylag kiegyensúlyozott időjárással rendelkezik az év nagy részében.</p>



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



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



<p>Bázel négy jól elkülöníthető évszakkal rendelkezik, mindegyik saját jellegzetességekkel. A tavasz és az ősz hosszabb átmeneti időszakok, amelyek különösen kedvezőek a látogatók számára.</p>



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



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



<p>A tavasz kellemes és fokozatosan melegedő időszak Bázelben, virágzó természettel és növekvő napsütéses órákkal. Az átlaghőmérséklet <strong>8-16°C</strong> között mozog. A tavasz elején még előfordulhatnak hűvös napok, sőt akár havazás is, de április végére már kellemes meleg napok jellemzők. A Rajna-parti sétányok és a város parkjai különösen szépek márciusban és áprilisban, amikor a természet életre kel.</p>



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



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



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



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



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



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



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



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



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



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



<p>Január Bázel egyik leghidegebb hónapja. A nappali hőmérséklet általában 3-4°C körül mozog, míg éjszaka gyakran -2°C körülire vagy az alá süllyed. Fagypont alatti hőmérséklet gyakori, különösen éjszaka és hajnalban.</p>



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



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



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



<p>Ha januárban utazol Bázelbe, vigyél magaddal meleg télikabátot, sálat, kesztyűt és sapkát. Rétegesen öltözködj, és számíts hideg, nedves időre.</p>



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



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



<p>A február még mindig téli hónap, de már érezhető enyhe felmelegedés. A nappali hőmérséklet 5-6°C körülire emelkedhet, míg éjszaka még mindig 0°C körül vagy az alatt alakul. A fagy továbbra is gyakori, de a hónap második felében már enyhébb napok várhatóak.</p>



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



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



<p>A páratartalom továbbra is magas, 80-85% körüli. A februári látogatáshoz még mindig teljes téli ruházat szükséges, de a tavasz közeledtének jelei már érzékelhetőek.</p>



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



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



<p>A március egyértelmű átmenetet jelent a tavasz felé. A hőmérséklet jelentősen emelkedik, nappal már 11°C-ot is elérhet, míg az éjszakák 2-3°C körül alakulnak. Fagypont alatti hőmérséklet még gyakori éjszaka, de a nappali órákban már kellemes meleg lehet.</p>



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



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



<p>A páratartalom csökken, 75-80% körüli értékre. A márciusi időjárás változékony, de már egyre kellemesebbé válik a városlátogatáshoz.</p>



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



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



<p>Az április már egyértelműen tavaszi hónap, jelentős felmelegedéssel. A nappali hőmérséklet 15°C körülire emelkedik, míg éjszaka 5-6°C körül alakul. A fagy már ritka, és a hónap végére már kellemes tavaszi napok jellemzők.</p>



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



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



<p>A páratartalom csökken, 70-75% körüli. Április az egyik legszebb hónap Bázel látogatására – virágzó természet, kellemes hőmérséklet, bár változékony időjárással kell számolni.</p>



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



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



<p>Május a kora nyári időszak, amikor a hőmérséklet már kellemes meleg értékek felé kúszik. A nappali értékek 19°C körülire emelkednek, míg éjszaka 9-10°C körül alakulnak. A hónap végére már igazi nyári napok is előfordulhatnak.</p>



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



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



<p>A páratartalom 70% körüli értékre csökken. A májusi látogatáshoz könnyű, rétegezett ruházat ajánlott, valamint esernyő a gyakori záporok miatt.</p>



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



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



<p>Június már igazi nyári hónap, kellemes melegséggel. A nappali maximum 23°C körülire emelkedik, míg éjszaka 12-13°C körül alakul. A napok hosszúak és többnyire kellemesek.</p>



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



<p>A csapadék mennyisége magas marad, 90-95 mm körüli értékkel. Az esős napok száma 12-13, gyakran délutáni zivatarok formájában.</p>



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



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



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



<p>Július Bázel legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 25°C-ot, míg az éjszakák is melegek maradnak, 14°C körüli értékekkel. Hőhullámok esetén a hőmérséklet átmenetileg 30°C fölé is emelkedhet.</p>



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



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



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



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



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



<p>Az augusztus szintén meleg nyári hónap. A nappali hőmérséklet 24°C körül alakul, míg éjszaka 14°C-ra hűl le. Az időjárás hasonló júliushoz, bár a hónap vége felé már érezhető az ősz közeledése.</p>



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



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



<p>A páratartalom 72-75% körüli. Az augusztusi látogatáshoz hasonló felkészülés szükséges, mint júliusban: könnyű ruházat és esernyő.</p>



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



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



<p>A szeptember a nyár végét és az ősz kezdetét jelzi. A nappali hőmérséklet 19°C körül alakul, éjszaka pedig 10-11°C-ra csökken. A hónap eleje még nyárias lehet, de a vége felé már őszi hűvösség érezhető.</p>



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



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



<p>A páratartalom 75-80% körüli. A szeptemberi látogatáshoz réteges öltözködés ajánlott, mivel a hőmérséklet ingadozhat.</p>



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



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



<p>Az október már egyértelműen őszi hónap, hűvösödő hőmérséklettel. A nappali hőmérséklet 13°C körülire csökken, míg éjszaka 6-7°C körül alakul. A hónap végére már jelentős lehűlés tapasztalható.</p>



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



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



<p>A páratartalom magas, 85% körüli értékre emelkedik. Az októberi látogatáshoz átmeneti kabát, esernyő és melegebb ruházat ajánlott.</p>



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



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



<p>A november már a tél küszöbén áll, jelentős lehűléssel. A nappali hőmérséklet 7°C körülire süllyed, míg éjszaka már 2°C körül vagy az alatt alakul. A hónap végére már fagyos reggelek és akár hóesés is előfordulhat.</p>



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



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



<p>A páratartalom 85-90% körüli, ami nedves, nyirkos időjárást eredményez. A novemberi látogatáshoz meleg kabát, sál és esernyő ajánlott.</p>



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



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



<p>A december Bázel egyik legsötétebb és leghidegebb hónapja. A nappali hőmérséklet 4°C körül alakul, míg éjszaka 0°C körülire vagy az alá süllyedhet. Fagypont alatti hőmérséklet gyakori, és havazás is előfordulhat.</p>



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



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



<p>A páratartalom igen magas, 85-90% körüli. A decemberi látogatáshoz teljes téli ruházat szükséges: meleg kabát, sapka, sál, kesztyű.</p>



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



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



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



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



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




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



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



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




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



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



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



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



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



<p>Bázel mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami az északi földrajzi elhelyezkedésnek és a gyakran felhős égboltnak köszönhető. A UV-védelem azonban bizonyos időszakokban itt is fontos.</p>



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



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



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 2-3-as értéket ér el (alacsony-mérsékelt), áprilisban 4-5-re (mérsékelt), májusban pedig már 6-7-es szintre (magas) emelkedik. A tavasz második felében, különösen napos napokon, már 30-40 perc alatt le lehet égni védelem nélkül.</p>



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



<p>A nyári hónapokban Bázel UV-indexe eléri a 7-8-as értéket (magas-nagyon magas), különösen a déli órákban (11:00-15:00 között). Tiszta időben a sugárzás intenzitása miatt védelem nélkül 20-25 perc alatt napégést lehet szenvedni. A magashegyi kirándulások esetén az UV-sugárzás még erősebb.</p>



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



<p>Az ősz elején, szeptemberben az UV-index még 5-6-os értékkel (mérsékelt-magas) bír, majd októberre 3-4-es szintre (alacsony-mérsékelt), novemberre pedig 1-2-es szintre csökken (alacsony). Azonban napos őszi napokon még mindig érdemes fényvédelmet használni.</p>



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



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel (alacsony). A téli napok rövidek és gyakran felhősek, így a napégés veszélye minimális. Kivétel a hegyvidéki síelés, ahol a hóról visszaverődő fény jelentősen növelheti az UV-sugárzást.</p>



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



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



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: A nyári hónapokban és tavasszal minimum SPF 30-as fényvédő ajánlott, különösen hosszabb szabadtéri tartózkodás esetén.</li>



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



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



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



<li><strong>Téli síelés</strong>: Síelés és hóban való tartózkodás esetén is fényvédőt kell használni a visszaverődő fény miatt.</li>
</ul>



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



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




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



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



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



<p>Bázel mérsékelt éghajlati övezetben fekszik, így extrém időjárási események ritkábbak, mint más régiókban, de bizonyos jelenségek előfordulhatnak.</p>



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



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



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



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



<p>Hőhullámok ritka, de egyre gyakoribb jelenség nyáron, amikor a hőmérséklet több napig 30°C felett marad. Ilyenkor a városi hősziget-hatás felerősödik.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Mikor a legjobb Bázelbe utazni időjárás szempontjából?</strong></h2>



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



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



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



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



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



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bázel &#8211; Utazási Idő Táblázat</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
}
thead {
background: linear-gradient(to right, #2c3e50, #4ca1af);
color: white;
}
th {
padding: 15px;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
}
td {
padding: 15px;
font-size: 18px;
}
.excellent {
background-color: #c8e6c9;
}
.excellent td {
background-color: #c8e6c9;
}
.average {
background-color: #fff9c4;
}
.average td {
background-color: #fff9c4;
}
.not-recommended {
background-color: #ffcdd2;
}
.not-recommended td {
background-color: #ffcdd2;
}
tr:hover {
opacity: 0.9;
}
tr {
border-bottom: 1px solid rgba(0,0,0,0.05);
}
tr:last-child {
border-bottom: none;
}
</style>
</head>
<body>
<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="not-recommended">
<td>Január</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Február</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Március</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Április</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Július</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Augusztus</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Október</td>
<td>Átlagos</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>December</td>
<td>Nem ajánlott</td>
</tr>
</tbody>
</table></div>
</body>
</html>



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



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



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



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



<p></p>
<p>A <a href="https://mikorutazz.hu/bazel-idojarasa-havi-bontasban-mikor-erdemes-utazni/">Bázel időjárása – mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bern időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/bern-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Fri, 24 Oct 2025 08:16:10 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Svájc]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1499</guid>

					<description><![CDATA[<p>Bern, Svájc fővárosa, egy varázslatos város a svájci Alpok lábánál. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Bern időjárását az óceáni éghajlat határozza meg, mediterrán és&#8230;</p>
<p>A <a href="https://mikorutazz.hu/bern-idojarasa/">Bern időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Bern, Svájc fővárosa, egy varázslatos város a svájci Alpok lábánál. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Bern időjárását az óceáni éghajlat határozza meg, mediterrán és kontinentális hatásokkal, ami mérsékelt nyarakat és hideg, havas teleket eredményez. A svájci középső részén, az Aare folyó kanyarulatában elhelyezkedő várost a középkori óváros és a közeli alpesi csúcsok jellemzik, az UNESCO Világörökség része. Az Alpok közelsége jelentősen befolyásolja a város időjárását, hűvösebb hőmérsékleteket és bőséges csapadékot biztosítva az év nagy részében.</p>



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



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



<p>Bern négy jól elkülöníthető évszakkal rendelkezik, mindegyik egyedi jelleggel és változatos időjárással. A tavasz és az ősz átmeneti időszakok kellemes hőmérséklettel, míg a nyár és a tél markáns jelleggel bírnak.</p>



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



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



<p>A tavasz fokozatos felmelegedést hoz Bernben, változékony időjárással és növekvő napfénnyel. Az átlaghőmérséklet <strong>5-15°C</strong> között mozog. A tavasz elején még hűvös, gyakran havas napok jellemzőek, de április végére már kellemes meleg napok is előfordulnak. A természet életre kel, a városban és a környező dombokon virágba borulnak a fák, különösen áprilisban és májusban.</p>



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



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



<p>A nyár kellemes meleg, de nem túl forró, időszak Bernben. Az átlaghőmérséklet <strong>18-21°C</strong>, de a nappali maximum gyakran 24-26°C-ot ér el. A hűvös éjszakák jellemzőek, 12-14°C körüli értékekkel. Június és július a legmelegebb hónapok, bár gyakran előfordulnak esős napok. A nyári időszakban számítani lehet rövid záporokra és alkalmanként zivatarra is.</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 Bern egyik legszebb és legváltozékonyabb évszaka, fokozatosan csökkenő hőmérséklettel és gyönyörű őszi színekkel. Az átlaghőmérséklet <strong>8-16°C</strong> között alakul. A csapadék mennyisége változó, szeptember még kellemes napokat kínál, míg november már hideg és gyakran ködös. Az őszi hónapok különösen festői időszakot jelentenek a történelmi óvárosban sétálva.</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 és 3°C</strong> között mozog, de gyakran 0°C alatt marad egész nap. Az éjszakai hőmérséklet rendszeresen -5°C alá süllyed. A hóesés gyakori, különösen január és februárban, ami varázslatos téli hangulatot teremt a középkori városban. A nappalok rövidek és gyakran borultak.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Bern 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 Bern egyik leghidegebb hónapja, jellegzetes téli időjárással. A nappali hőmérséklet általában 2-3°C körül mozog, míg éjszaka -3 és -2°C közé süllyedhet. Fagypont alatti hőmérséklet rendszeres, különösen az éjszakai és hajnali órákban.</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, mindössze 8,5-9 óra. A napkelte 8:00 körül, a napnyugta pedig már 17:00 körül van.</p>



<p>A csapadék mennyisége mérsékelt, átlagosan 60-65 mm körül mozog. A havi csapadékos napok száma 10-11, gyakran hó formájában. A hótakaró akár hetekig is megmaradhat.</p>



<p>A relatív páratartalom 85-90% körüli, ami nedves, gyakran ködös időjárást eredményez. Az égbolt többnyire borult, kevés napsütéssel.</p>



<p>Ha januárban utazol Bernbe, vigyél magaddal meleg télikabátot, sapkát, kesztyűt és sálat. A rétegesen öltözködés ajánlott, és hótaposó vagy meleg, vízálló cipő 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 még mindig téli hónap, de már érezhető az enyhe felmelegedés. A nappali hőmérséklet 4-5°C körülire emelkedhet, míg éjszaka -2 és -1°C körül alakul. A hónap második felében már előfordulhatnak enyhébb napok, amikor a hőmérséklet meghaladja az 5°C-ot.</p>



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



<p>A csapadék mennyisége továbbra is mérsékelt, átlagosan 55-60 mm körül. A csapadékos napok száma 9-10 között mozog, még mindig gyakran hó formájában.</p>



<p>A levegő páratartalma 80-85% körüli. Az égbolt váltakozóan borult és napos. A februári látogatáshoz még mindig teljes téli felszerelés ajánlott.</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, de még mindig hűvös időjárással. A hőmérséklet jelentősen változó, nappal 8-9°C-ot is elérhet, míg az éjszakák 0 és 1°C körül alakulnak. Fagyos reggelek még gyakoriak, de a hónap végére már érezhető a tavasz érkezése.</p>



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



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



<p>A páratartalom 75-80% körüli értékre csökken. A márciusi időjárás változékony, átmeneti 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>Április</strong></h3>



<p>Az április már egyértelműen tavaszi hónap, jelentős felmelegedéssel és virágzó természettel. A nappali hőmérséklet 13-14°C körülire emelkedik, míg éjszaka 3-4°C körül alakul. A fagyos éjszakák ritkábbak, de még előfordulhatnak a hónap elején.</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:15 körül, a napnyugta pedig 20:00 körül történik.</p>



<p>A csapadék mennyisége emelkedik, 80-85 mm körüli értékkel. Az esős napok száma 11-12, már csak eső formájában. A tavaszi záporok jellemzőek.</p>



<p>A levegő páratartalma 70-75% körüli. Április az év egyik legszebb hónapja, de változékony időjárással. Réteges öltözködés és esernyő ajánlott.</p>



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



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



<p>Május a kora nyári időszak kezdete, kellemes meleggel és virágzó természettel. A nappali értékek 18-19°C körülire emelkednek, míg éjszaka 8-9°C körül alakulnak. A hónap végére már igazán meleg napok jellemzőek.</p>



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



<p>A csapadék mennyisége magas, 105-110 mm körüli értékkel. A csapadékos napok száma 13-14, mivel a tavaszi esős időszak csúcsát éri el. Zivatarok is előfordulhatnak.</p>



<p>A páratartalom 70-75% körüli értékre emelkedik. A májusi látogatáshoz könnyebb átmeneti ruházat, esernyő és egy vékonyabb kabát ajánlott az esti órákra.</p>



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



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



<p>Június már igazi nyári hónap, kellemes meleggel és hosszú nappalokkal. A nappali maximum 22-23°C körülire emelkedik, míg éjszaka 12-13°C körül alakul. A hőmérséklet ideális szabadtéri tevékenységekhez.</p>



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



<p>A csapadék mennyisége magas marad, 115-120 mm körüli értékkel. Az esős napok száma 13-14, gyakran délutáni záporok és zivatarok formájában.</p>



<p>A páratartalom mérsékelt, 70-75% körüli. A júniusi utazáshoz nyári ruházat, könnyű kabát az esti órákra és esernyő ajánlott.</p>



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



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



<p>Július Bern egyik legmelegebb és legnapfényesebb hónapja. A nappali hőmérséklet rendszeresen eléri a 24-25°C-ot, míg az éjszakák is kellemesen melegek maradnak, 14-15°C körüli értékekkel. A hőmérséklet ideális városlátogatáshoz és túrázáshoz.</p>



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



<p>A csapadék mennyisége mérsékelt, 105-110 mm körüli értékkel. Alkalmanként előfordulnak délutáni zivatarok. A csapadékos napok száma 12-13.</p>



<p>A páratartalom 70-75% körüli, kellemes közérzetet biztosítva. A júliusi látogatáshoz nyári ruházat, fényvédelem és egy könnyű kabát vagy pulóver ajánlott az esti órákra.</p>



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



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



<p>Az augusztus szintén kellemes nyári hónap, hasonló jellemzőkkel mint július. A nappali hőmérséklet 23-24°C körül alakul, míg éjszaka 13-14°C-ra hűl le. Ez az egyik legjobb hónap Bern meglátogatására.</p>



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



<p>A csapadék mennyisége magas, 110-115 mm körüli értékkel. Zivatarok viszonylag gyakoriak. A csapadékos napok száma 12-13.</p>



<p>A páratartalom 75% körüli értékre emelkedik. Az augusztusi látogatáshoz nyári ruházat, esernyő és egy könnyebb átmeneti kabát 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>A szeptember a nyár végét és az ősz kezdetét jelzi, kellemes hőmérséklettel és változó időjárással. A nappali hőmérséklet 19-20°C körül alakul, éjszaka pedig 10-11°C-ra csökken. A hónap vége felé már érezhetően hűvösebb az idő.</p>



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



<p>A csapadék mennyisége mérsékelt, 90-95 mm körüli értékre. Az őszi esők elkezdődnek, a csapadékos napok száma 10-11.</p>



<p>A páratartalom 80% körüli értékre emelkedik. A szeptemberi látogatás kellemes, de réteges öltözködés és esernyő ajánlott.</p>



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



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



<p>Az október az ősz közepét jelenti, hűvösebb hőmérséklettel és gyönyörű őszi színekkel. A nappali hőmérséklet 13-14°C körülire csökken, míg éjszaka 6-7°C körül alakul. A hónap végére már előfordulhatnak fagyos reggelek.</p>



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



<p>A csapadék mennyisége mérsékelt, 70-75 mm körüli értékkel. A csapadékos napok száma 10-11, az esők gyakran hosszabbak és kitartóbbak.</p>



<p>A páratartalom magas, 85% körüli értékre emelkedik, gyakori ködképződéssel. Az októberi látogatáshoz meleg átmeneti kabát, pulóver é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üszöbét jelenti, hideg és gyakran borongós időjárással. A nappali hőmérséklet 7-8°C körülire süllyed, míg éjszaka 1-2°C körött alakul. A hónap végére már fagypont alatti éjszakák és első hóesések jellemzőek.</p>



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



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



<p>A páratartalom nagyon magas, 90% körüli, ami ködös, nedves időjárást eredményez. A novemberi látogatáshoz meleg kabát, téli cipő és esernyő ajánlott.</p>



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



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



<p>A december már teljes téli hónap, hideg és gyakran havas időjárással. A nappali hőmérséklet 3-4°C körül alakul, míg éjszaka -2 és -1°C körülire is süllyedhet. Fagypont alatti hőmérséklet gyakori, különösen éjszaka és hajnalban.</p>



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



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



<p>A levegő páratartalma 85-90% körüli. A decemberi látogatáshoz teljes téli felszerelés ajánlott: meleg kabát, sapka, kesztyű, sál és hótaposó cipő.</p>



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



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



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



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



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



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



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



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



<p>Bern mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami a földrajzi elhelyezkedésnek és az alpesi éghajlatnak köszönhető. Az UV-index jelentősen alacsonyabb, mint a mediterrán vagy szubtrópusi területeken, de a hegyi környezet miatt különös óvatosság szükséges.</p>



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



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 2-3-as értéket ér el (alacsony-mérsékelt), áprilisban 4-5-re (mérsékelt), májusban pedig 5-6-os szintre (mérsékelt-magas) emelkedik. A késő tavaszi időszakban már 30-40 perc alatt le lehet égni védelem nélkül, különösen a hegyekben.</p>



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



<p>A nyári hónapokban Bern UV-indexe eléri az éves csúcsot, 6-7-es értékkel (magas), különösen a déli órákban (11:00-15:00 között). A sugárzás intenzitása miatt védelem nélkül akár 20-25 perc alatt is napégést lehet szenvedni. A közeli Alpokban a magasság miatt az UV-sugárzás jelentősen erősebb lehet.</p>



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



<p>Az ősz elején, szeptemberben az UV-index még mindig mérsékelt, 4-5-ös értékkel, októberben 3-4-re csökken, majd novemberre 1-2-es szintre (alacsony) süllyed. Azonban még az őszi időszakban is érdemes fényvédelmet használni napos napokon.</p>



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



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel, de a hóról visszaverődő sugárzás miatt a hegyi területeken jelentősen magasabb lehet. A téli síelés és túrázás során különösen fontos a fényvédelem.</p>



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



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



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: Minimum SPF 30-as fényvédő ajánlott nyáron, és SPF 50-es a hegyekben, amit 2-3 óránként érdemes újra felvinni.</li>



<li><strong>Megfelelő ruházat</strong>: Nyáron könnyű, de takaró ruházat, kalap és UV-szűrős napszemüveg használata, télen pedig különösen a hegyekben speciális símaszkkal és fényvédővel kell védeni az arcot.</li>



<li><strong>Megfelelő időzítés</strong>: A szabadtéri tevékenységeket érdemes a kora reggeli vagy késő délutáni időszakra időzíteni nyáron, amikor az UV-sugárzás gyengébb.</li>



<li><strong>Különös óvintézkedések a hegyekben</strong>: A magasság miatt minden 1000 méter emelkedéssel az UV-sugárzás intenzitása 10-12%-kal nő, és a hófelület 80%-ban visszaveri a sugarakat.</li>



<li><strong>Hidratálás</strong>: Az alpesi éghajlat és a magasság miatt fokozott folyadékbevitel szükséges.</li>
</ul>



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



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




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



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



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



<p>Bern térsége különböző szélsőséges időjárási jelenségeknek van kitéve az év során, bár ezek ritkábban és kevésbé intenzíven fordulnak elő, mint más európai régiókban.</p>



<p>A nyári hónapokban, különösen június és augusztust között, heves zivatarok alakulhatnak ki, amelyek erős széllel, jégesővel és intenzív csapadékkal járnak. Ezek a viharok általában 1-2 órásak, de jelentős károkat okozhatnak. A 2021-es nyári áradások példázzák a heves esőzések veszélyeit.</p>



<p>A téli hónapokban erős havazások jellemzőek, különösen január és február között. A hóesés mennyisége elérheti a 20-30 cm-t egyetlen nap alatt, ami közlekedési zavarokat okozhat. A várost gyakran vastag hótakaró borítja, amely hetekig megmaradhat.</p>



<p>Az őszi és téli hónapokban gyakori jelenség a köd, amely akár napokig is eltarthat, különösen novemberben és decemberben. Az Aare folyó völgyében a hideg levegő megül, ami tartós ködképződést eredményez. Ez nemcsak a látási viszonyokat rontja, hanem a közlekedést is megnehezíti.</p>



<p>A téli időszakban előfordulhatnak jégverések és ónos eső, amelyek veszélyessé teszik a járdákat és utakat. A hirtelen fagypont alatti hőmérséklet-csökkenések különösen veszélyesek lehetnek az ősz végén és a tavasz elején.</p>



<p>Az éghajlatváltozás hatására egyre gyakoribbá válnak a hőhullámok nyáron, amikor a hőmérséklet akár 30°C fölé is emelkedhet. Bár ez ritkább jelenség, mint Svájc déli régióiban, a városi hősziget-hatás miatt Bernben is érezhető.</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 Bernbe utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Bern meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen május és szeptember között. Ilyenkor kellemes meleg hőmérséklet (15-24°C), hosszú nappalok és virágzó természet jellemzi a várost, ami ideális a városlátogatáshoz, túrázáshoz és szabadtéri programokhoz. A középkori óváros különösen elbűvölő a nyári napfényben, és a közeli Alpok is könnyen elérhetők kirándulásokhoz.</p>



<p>A másik kedvező időszak a <strong>kora őszi szezon</strong>, különösen szeptember és október eleje, amikor még kellemes a hőmérséklet, és a városban és környékén gyönyörű őszi színek jellemzőek. Ez az időszak kevésbé zsúfolt, mint a nyár, és ideális a kulturális programokhoz és városi sétákhoz.</p>



<p>A nyári hónapok (június-augusztus) szintén kiválóak, különösen azok számára, akik a legjobb időjárást és leghosszabb nappalokat keresik. Bár gyakoribbak az esős napok és alkalmanként zivatarok, a hőmérséklet kellemes marad (22-25°C), és nem túl forró. Ez az időszak ideális az alpesi túrázásokhoz és szabadtéri fesztiválokhoz.</p>



<p>A téli hónapok (december-február) varázslatosak azok számára, akik szeretik a téli hangulatot és a havas várost. A karácsonyi vásárok, a hóval borított középkori óváros és a közeli síterületek különleges élményt nyújtanak, bár fel kell készülni a hideg időjárásra és a rövid nappalokra.</p>



<p>Kerülendő időszakok: Október vége és november különösen szürke, ködös és esős lehet, kevés napsütéssel és borongós időjárással. Ezt az időszakot érdemes elkerülni, ha kellemes városlátogatást tervezel. Március szintén változékony, gyakran hideg és nedves időjárással, amikor még nem érkezett el a tavasz, de a tél már véget ért.</p>



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



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

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

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

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

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

.excellent {
background-color: #c8e6c9;
}

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

.average {
background-color: #fff9c4;
}

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

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

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

tr:hover {
opacity: 0.9;
}

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

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

<div class="pcrstb-wrap"><table>
<thead>
<tr>
<th>Hónap</th>
<th>Idő az utazáshoz</th>
</tr>
</thead>
<tbody>
<tr class="not-recommended">
<td>Január</td>
<td>Nem ajánlott</td>
</tr>
<tr class="not-recommended">
<td>Február</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>Március</td>
<td>Átlagos</td>
</tr>
<tr class="excellent">
<td>Április</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Május</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Június</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Július</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Augusztus</td>
<td>Kiváló</td>
</tr>
<tr class="excellent">
<td>Szeptember</td>
<td>Kiváló</td>
</tr>
<tr class="average">
<td>Október</td>
<td>Átlagos</td>
</tr>
<tr class="not-recommended">
<td>November</td>
<td>Nem ajánlott</td>
</tr>
<tr class="average">
<td>December</td>
<td>Átlagos</td>
</tr>
</tbody>
</table></div>

</body>
</html>



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



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



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



<a class="weatherwidget-io" href="https://forecast7.com/hu/46d957d45/bern/" data-label_1="BERN" data-theme="original" >BERN</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/bern-idojarasa/">Bern időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Zürich időjárása &#8211; mikor a legjobb utazni?</title>
		<link>https://mikorutazz.hu/zurich-idojarasa/</link>
		
		<dc:creator><![CDATA[radopeter1983]]></dc:creator>
		<pubDate>Thu, 23 Oct 2025 08:57:41 +0000</pubDate>
				<category><![CDATA[Európa]]></category>
		<category><![CDATA[Svájc]]></category>
		<guid isPermaLink="false">https://mikorutazz.hu/?p=1493</guid>

					<description><![CDATA[<p>Zürich Svájc legnagyobb városa és pénzügyi központja. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni. Zürich időjárását az óceáni éghajlat határozza meg, ami mérsékelt nyarakat és hűvös,&#8230;</p>
<p>A <a href="https://mikorutazz.hu/zurich-idojarasa/">Zürich időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Zürich Svájc legnagyobb városa és pénzügyi központja. Részletesen megtudhatjátok az időjárást havi bontásban és mikor érdemes ide utazni.</strong></p>



<p>Zürich időjárását az óceáni éghajlat határozza meg, ami mérsékelt nyarakat és hűvös, gyakran havas teleket eredményez. Az Alpok lábánál, a Zürich-tó partján elhelyezkedő város a változékony időjárásáról híres. A 400 méteres tengerszint feletti magasság és az alpesi hatások jelentős hatással vannak a helyi klímára, ami élénk évszakváltásokat és gyakori csapadékot eredményez.</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ürich négy jól elkülöníthető évszakkal rendelkezik, mindegyik saját jellegzetességeivel. Az átmeneti évszakok, a tavasz és az ősz különösen változékonyak lehetnek.</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ürichben, gyakori csapadékkal és változékony időjárással. Az átlaghőmérséklet <strong>6-15°C</strong> között mozog. A tavasz elején még hideg, téli napok is előfordulhatnak, de májusra már kellemesen melegszik az idő. A növényzet gyorsan kizöldül, a fák és virágok kibontakoznak. A napsütéses órák száma fokozatosan növekszik, de gyakoriak a borús napok és záporesők.</p>



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



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



<p>A nyár kellemes meleg, de nem forró. Az átlaghőmérséklet <strong>18-20°C</strong>, de a nappali maximum gyakran 24-26°C-ot ér el. A legmelegebb napok akár 30°C fölé is kúszhatnak, de ez ritka. A páratartalom (65-70%) kellemes, nem nyomasztó. Június és július viszonylag csapadékos, gyakoriak a délutáni záporok és zivatarok. Augusztus általában szárazabb és stabilabb időjárást hoz.</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ürich egyik legszebb, de legváltozékonyabb évszaka. Az átlaghőmérséklet <strong>10-15°C</strong> között alakul szeptemberben, majd fokozatosan csökken. A csapadék mennyisége változó, októberben gyakran ködös, borús napok jellemzőek. A lombhullató fák gyönyörű színekben pompáznak. November már hideg, gyakran esős vagy havas lehet, az első fagyok is megjelennek.</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>0-2°C</strong> között mozog, de éjszaka gyakran fagypont alá süllyed. A nappali hőmérsékletek általában 2-4°C körül alakulnak, de előfordulhatnak -5°C alatti periódusok is. A havazás gyakori, különösen januárban és februárban. A főn szél (meleg alpesi szél) váratlan felmelegedést hozhat télen is.</p>



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



<h2 class="wp-block-heading has-text-align-center"><strong>Zürich 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ürich egyik leghidegebb hónapja. A nappali hőmérséklet általában 2-3°C körül mozog, míg éjszaka gyakran -2°C alá süllyed. Fagypont alatti hőmérséklet szinte minden nap előfordul éjszaka és kora reggel.</p>



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



<p>A csapadék mennyisége közepes, átlagosan 65 mm körül mozog. A havi csapadékos napok száma 10, gyakran hó vagy havas eső formájában. A hótakaró több hétig is megmaradhat.</p>



<p>A relatív páratartalom 85% körüli, ami nedves, ködös levegőt jelent. A Zürich-tó felett gyakran képződik köd, amely napokig is elhúzódhat.</p>



<p>Ha januárban utazol Zürichbe, vigyél magaddal vastag télikabátot, meleg ruházatot, sapkát, kesztyűt és jó minőségű téli csizmát. A hótaposó cipő 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 még mindig hideg, de már érezhető az enyhe változás. A nappali hőmérséklet 4-5°C körülire emelkedhet, míg éjszaka -1°C körül alakul. A hónap második felében már előfordulhatnak enyhébb, tavaszi napok, különösen Föhn hatására.</p>



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



<p>A csapadék mennyisége alacsonyabb, átlagosan 60 mm körül. A csapadékos napok száma 9, még mindig gyakori a havazás, de már vegyes csapadék is előfordul.</p>



<p>A levegő nedves marad, 82% körüli páratartalommal. A köd továbbra is gyakori, de kezd feloszlani. A februári látogatáshoz hasonló téli felszerelés szükséges, mint januárban.</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 az olvadás és a tavasz érkezésének hónapja. A hőmérséklet jelentősen emelkedik, nappal már 9-10°C-ot is elérhet, míg az éjszakák 1-2°C körül alakulnak. Az éjszakai fagy még gyakori, de a nappali órákban már érezhető a melegség.</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 mérsékelt, 75 mm körüli értékkel. A csapadékos napok száma 11, vegyes csapadék (eső, hó, havas eső) formájában.</p>



<p>A páratartalom csökken, 76% körüli értékre. A márciusi időjárás változékony, átmeneti ruházat, vízálló dzseki és ernyő 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, bár még hideg napok is előfordulhatnak. A nappali hőmérséklet 14-15°C körülire emelkedik, míg éjszaka 4-5°C körül alakul. A fagyos éjszakák ritkábbak, de nem kizártak.</p>



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



<p>A csapadék mennyisége növekszik, 90 mm körüli értékkel. Az esős napok száma 11, általában záporok és zivatarok formájában. A havazás már ritka, de előfordulhat.</p>



<p>A levegő páratartalma kellemes, 72% körüli. Április változékony időjárású, réteges öltözködés, esőkabát és ernyő ajánlott. A virágzó város gyönyörű látványt nyújt.</p>



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



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



<p>Május a kora nyári időszak kezdete, kellemes melegséggel. A nappali értékek 18-19°C körülire emelkednek, míg éjszaka 8-9°C körül alakulnak. A hónap végére már igazán meleg napok is előfordulhatnak.</p>



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



<p>A csapadék mennyisége magas, 110 mm körüli értékkel. A csapadékos napok száma 12, gyakori délutáni zivatarok jellemzők.</p>



<p>A páratartalom mérsékelt, 70% körüli értékre. A májusi látogatáshoz könnyű dzseki, rétegezett ruházat és ernyő ajánlott. A természet teljes pompájában van.</p>



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



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



<p>Június már igazi nyári hónap, kellemes melegséggel. A nappali maximum 22-23°C körülire emelkedik, míg éjszaka 11-12°C körül alakul. A legmelegebb napok akár 28-30°C-ot is elérhetnek.</p>



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



<p>A csapadék mennyisége a legmagasabb az évben, 125 mm körüli értékkel. Az esős napok száma 12, gyakori délutáni és esti zivatarok jellemzőek.</p>



<p>A páratartalom 68% körüli, ami kellemes közérzetet biztosít. A júniusi utazáshoz könnyű nyári ruházat, vízálló dzseki és ernyő 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ürich egyik legmelegebb hónapja. A nappali hőmérséklet rendszeresen eléri a 24-25°C-ot, míg az éjszakák is kellemesen melegek maradnak, 13-14°C körüli értékekkel. Előfordulhatnak 30°C feletti hőhullámok is.</p>



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



<p>A csapadék mennyisége magas, 115 mm körüli értékkel. A nyári zivatarok gyakoriak, a csapadékos napok száma 11.</p>



<p>A páratartalom kellemes, 66% körüli. A júliusi látogatáshoz könnyű nyári ruházat, napszemüveg, fényvédő és egy könnyű dzseki az esti órákra ajánlott.</p>



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



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



<p>Az augusztus szintén meleg, de általában szárazabb és stabilabb, mint július. A nappali hőmérséklet 24°C körül alakul, míg éjszaka 13°C-ra hűl le. Ez gyakran az év legkellemesebb hónapja.</p>



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



<p>A csapadék mennyisége csökken, 105 mm körüli értékkel. A csapadékos napok száma 10, de az esők gyakran rövidebbek és kevésbé intenzívek.</p>



<p>A páratartalom továbbra is kellemes, 68% körüli értékre. Az augusztusi látogatáshoz hasonló ruházat ajánlott, mint júliusban, de már egy vastagabb pulóver is hasznos lehet az esti órákra.</p>



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



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



<p>A szeptember a nyár végét és az ősz kezdetét jelzi. A nappali hőmérséklet 19-20°C körül alakul, éjszaka pedig 10°C-ra csökken. A hónap eleje még nyárias lehet, de a vége felé már érezhetően hűvösebb az idő.</p>



<p>A napsütéses órák száma csökken, átlagosan napi 5,5 óra. A nappali világosság időtartama tovább csökken, 12,5 órára. A napkelte 7: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, 85 mm körüli értékre. A csapadékos napok száma 9.</p>



<p>A páratartalom növekszik, 74% körüli. A szeptemberi látogatáshoz réteges öltözködés, átmeneti kabát és ernyő 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 már egyértelműen őszi hónap, hűvösebbé váló időjárással. A nappali hőmérséklet 13-14°C körülire csökken, míg éjszaka 6-7°C körül alakul. A hónap végére már fagyos reggelek is előfordulhatnak.</p>



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



<p>A csapadék mennyisége mérsékelt, 75 mm körüli értékkel. A csapadékos napok száma 9, általában esős napok jellemzőek. A köd gyakori, különösen reggelente.</p>



<p>A páratartalom magas, 82% körüli értékre. Az októberi látogatáshoz meleg kabát, pulóver és vízálló felszerelés ajánlott.</p>



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



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



<p>A november már a tél küszöbén áll, hideg és gyakran borongós időjárással. A nappali hőmérséklet 7-8°C körülire süllyed, míg éjszaka már gyakran 0°C körül vagy alatta van. A hónap végére már havazás is előfordulhat.</p>



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



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



<p>A páratartalom nagyon magas, 87% körüli, ami ködös, nedves időjárást eredményez. A novemberi látogatáshoz vastag télikabát, meleg ruházat és vízálló cipő ajánlott.</p>



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



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



<p>A december már teljes téli hónap. A nappali hőmérséklet 3-4°C körül alakul, míg éjszaka gyakran -2°C alá süllyedhet. Fagypont alatti hőmérséklet szinte minden éjszaka előfordul.</p>



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



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



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



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



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



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




<p><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ürich átlagos csapadékmennyisége</div>
    <div id="chart2"></div>
  </div>
  
  <!-- Csúszka mobilnézethez -->
  <div class="slider-container2">
    <input type="range" min="0" max="100" value="0" class="slider2" id="chartSlider2">
  </div>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
  <script>
    // Adatok definiálása - csapadék adatok
    const data2 = [
      { honap: "Január", csapadek: 65 },
{ honap: "Február", csapadek: 60 },
{ honap: "Március", csapadek: 75 },
{ honap: "Április", csapadek: 90 },
{ honap: "Május", csapadek: 110 },
{ honap: "Június", csapadek: 125 },
{ honap: "Július", csapadek: 115 },
{ honap: "Augusztus", csapadek: 105 },
{ honap: "Szeptember", csapadek: 85 },
{ honap: "Október", csapadek: 75 },
{ honap: "November", csapadek: 75 },
{ honap: "December", csapadek: 70 }
    ];
    // 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">Zürich 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: 85 },
{ honap11: "Február", paratartalom11: 82 },
{ honap11: "Március", paratartalom11: 76 },
{ honap11: "Április", paratartalom11: 72 },
{ honap11: "Május", paratartalom11: 70 },
{ honap11: "Június", paratartalom11: 68 },
{ honap11: "Július", paratartalom11: 66 },
{ honap11: "Augusztus", paratartalom11: 68 },
{ honap11: "Szeptember", paratartalom11: 74 },
{ honap11: "Október", paratartalom11: 82 },
{ honap11: "November", paratartalom11: 87 },
{ honap11: "December", paratartalom11: 86 }
    ];
    // Méretek és margók beállítása
    const margin11 = { top: 20, right: 30, bottom: 70, left: 60 };
    const width11 = 800 - margin11.left - margin11.right;
    const height11 = 400 - margin11.top - margin11.bottom;
    // SVG elem létrehozása
    const svg11 = d3.select("#chart11")
      .append("svg")
      .attr("width", width11 + margin11.left + margin11.right)
      .attr("height", height11 + margin11.top + margin11.bottom)
      .append("g")
      .attr("transform", `translate(${margin11.left},${margin11.top})`);
    // Tooltip létrehozása
    const tooltip11 = d3.select("body").append("div")
      .attr("class", "tooltip11");
    // Skálák beállítása
    const x11 = d3.scaleBand()
      .domain(data11.map(d => d.honap11))
      .range([0, width11])
      .padding(0.2);
    const y11 = d3.scaleLinear()
      .domain([0, d3.max(data11, d => d.paratartalom11) + 10])
      .nice()
      .range([height11, 0]);
    // X tengely rajzolása
    svg11.append("g")
      .attr("class", "axis11")
      .attr("transform", `translate(0,${height11})`)
      .call(d3.axisBottom(x11))
      .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-30)");
    // Y tengely rajzolása
    const yAxis11 = svg11.append("g")
      .attr("class", "axis11")
      .call(d3.axisLeft(y11).tickSize(-width11).tickFormat(d => d).ticks(8));
      
    // Az összes vonal halványítása, beleértve a domain vonalakat is
    yAxis11.selectAll(".tick line")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
      
    // A felső domain vonal beállítása
    yAxis11.select(".domain")
      .attr("stroke", "#e0e0e0")
      .attr("stroke-opacity", 0.7);
    
    // Y tengely felirata
    svg11.append("text")
      .attr("class", "axis-label11")
      .attr("transform", "rotate(-90)")
      .attr("y", -margin11.left + 15)
      .attr("x", -height11 / 2)
      .attr("text-anchor", "middle")
      .text("%");
    // Oszlopok rajzolása
    svg11.selectAll(".bar11")
      .data(data11)
      .enter()
      .append("rect")
      .attr("class", "bar11")
      .attr("x", d => x11(d.honap11))
      .attr("width", x11.bandwidth())
      .attr("y", d => y11(d.paratartalom11))
      .attr("height", d => height11 - y11(d.paratartalom11))
      .on("mouseover", (event, d) => {
        tooltip11.style("opacity", 1)
          .html(`${d.honap11}: ${d.paratartalom11}%`)
          .style("left", (event.pageX - 10) + "px")
          .style("top", (event.pageY - 28) + "px");
      })
      .on("mouseout", () => {
        tooltip11.style("opacity", 0);
      });
      
    // Csúszka funkcionalitás hozzáadása (csak mobilon)
    document.addEventListener('DOMContentLoaded', function() {
      const container11 = document.getElementById('chartContainer11');
      const slider11 = document.getElementById('chartSlider11');
      
      // Csak mobilon aktiváljuk
      function setupMobileScrolling11() {
        if (window.innerWidth <= 768) {
          // Csúszka eseménykezelő
          slider11.addEventListener('input', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            const scrollPosition11 = (slider11.value / 100) * maxScroll11;
            container11.scrollLeft = scrollPosition11;
          });
          
          // Ha a felhasználó görget, a csúszka is mozogjon
          container11.addEventListener('scroll', function() {
            const maxScroll11 = container11.scrollWidth - container11.clientWidth;
            if (maxScroll11 > 0) { // Elkerüljük a 0-val való osztást
              const scrollPercentage11 = (container11.scrollLeft / maxScroll11) * 100;
              slider11.value = scrollPercentage11;
            }
          });
        }
      }
      
      // Kezdeti beállítás
      setupMobileScrolling11();
      
      // Ablakméret változásának kezelése
      window.addEventListener('resize', setupMobileScrolling11);
    });
  </script>
</body>
</html>



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



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



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



<p>Zürich mérsékelt UV-sugárzási szintekkel rendelkezik az év nagy részében, ami az északi földrajzi elhelyezkedésnek és a gyakori felhőzetnek köszönhető. Az UV-sugárzás intenzitása jelentősen változik az évszakok függvényében.</p>



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



<p>A tavaszi hónapokban az UV-index fokozatosan emelkedik. Márciusban 2-3-as értéket ér el (alacsony-mérsékelt), áprilisban 4-5-re (mérsékelt-magas), májusban pedig 6-7-es szintre (magas) emelkedik. A tavasz végén már 30-40 perc alatt le lehet égni védelem nélkül, különösen a magasabban fekvő területeken.</p>



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



<p>A nyári hónapokban Zürich UV-indexe eléri a legmagasabb értékeket, 6-7-es (magas) szintet, napos napokon akár 8-as (nagyon magas) értéket is. A legintenzívebb sugárzás a déli órákban (11:00-15:00 között) jelentkezik. Védelem nélkül 20-30 perc alatt napégést lehet szenvedni. Az alpesi közeli fekvés miatt az UV-sugárzás intenzívebb, mint más, hasonló szélességi körön fekvő városokban.</p>



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



<p>Az ősz elején, szeptemberben az UV-index még közepes, 4-5-ös értékkel, októberre csökken 2-3-as szintre (alacsony-mérsékelt), novemberre pedig 1-2-es értékre (alacsony). Azonban még októberben is fennáll a leégés veszélye napos napokon.</p>



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



<p>A téli hónapokban az UV-index alacsony, átlagosan 1-2-es értékkel (alacsony). Azonban fontos megjegyezni, hogy a hó visszaveri az UV-sugarakat, így téli sportok során, különösen a közeli Alpokban, magasabb UV-expozíció várható. A téli napsütés intenzitása sokszor megtévesztő lehet.</p>



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



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



<ul class="wp-block-list">
<li><strong>Fényvédő használata</strong>: Nyáron minimum SPF 30-as, vízálló fényvédő használata ajánlott, amit 2-3 óránként érdemes újra felvinni.</li>



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



<li><strong>Megfelelő időzítés</strong>: A legerősebb UV-sugárzás a déli órákban (11:00-15:00) jelentkezik, érdemes ezt az időszakot árnyékban tölteni.</li>



<li><strong>Alpesi túrák</strong>: A magasabban fekvő területeken az UV-sugárzás jelentősen erősebb, minden 1000 méterrel 10-12%-kal növekszik az intenzitás.</li>



<li><strong>Téli sportok</strong>: Télen a hó visszaverő hatása miatt akár 80%-kal is növelheti az UV-expozíciót, ezért télen is fontos a fényvédő használata.</li>
</ul>



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



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




<p><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ürich mérsékelt éghajlatú város, ahol a szélsőséges időjárási jelenségek ritkábban fordulnak elő, mint más régiókban, de bizonyos természeti veszélyek így is jelen vannak.</p>



<p><strong>Föhn szél</strong>: A Föhn egy meleg, száraz alpesi szél, amely váratlan hőmérséklet-emelkedést okozhat télen és tavasszal. Órák alatt akár 10-15°C-ot is emelkedhet a hőmérséklet. A Föhn hatására gyorsan megolvad a hó, ami áradásokat okozhat. Egyes emberek fejfájást, ingerlékenységet tapasztalnak Föhn idején.</p>



<p><strong>Nyári zivatarok</strong>: Június és július során gyakoriak az intenzív délutáni és esti zivatarok, amelyek erős széllel, jégesővel és villámlásokal járnak. Ezek a viharok gyorsan kialakulnak és általában 1-2 óráig tartanak. A hegyi túrák során különösen veszélyesek lehetnek.</p>



<p><strong>Téli hóviharok</strong>: Januárban és februárban előfordulhatnak hóviharok, amelyek jelentős hóesést és közlekedési fennakadásokat okoznak. A város általában jól fel van készülve a hóeltakarításra, de extrém esetekben a közlekedés lelassulhat.</p>



<p><strong>Köd</strong>: A téli hónapokban (november-február) gyakori a tartós köd, különösen a Zürich-tó felett. A köd napokig, akár hetekig is elhúzódhat, csökkentve a látótávolságot és a napsütést. Ez a &#8222;Hochnebel&#8221; (magas köd) jelenség jellemző a svájci középső fennsíkra.</p>



<p><strong>Áradások</strong>: A heves nyári esőzések és a gyors hóolvadás tavasszal áradásokat okozhat a Limmat folyón és a Zürich-tavon. A város árvízvédelmi rendszerrel rendelkezik, de extrém esetekben problémák léphetnek fel.</p>



<p><strong>Hőhullámok</strong>: Bár ritka, nyáron előfordulhatnak 30°C feletti hőhullámok, amelyek egy-két hétig is eltarthatnak. Ilyenkor a városi területeken különösen meleg lehet az éjszakák során is.</p>



<p><strong>Fagyos esőzés</strong>: Télen ritkán, de előfordulhat fagyos esőzés, amikor az eső fagyott felületre esik és azonnal megfagy, extrém síkossá téve az utakat és járdákat.</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ürichbe utazni időjárás szempontjából?</strong></h2>



<p>A legjobb időszak Zürich meglátogatására a <strong>késő tavaszi és kora nyári hónapok</strong>, különösen <strong>május és szeptember között</strong>. Ilyenkor kellemes, mérsékelt hőmérséklet (18-24°C), hosszabb nappalok és viszonylag stabil időjárás jellemzi a várost, ami ideális a városnézéshez, túrázáshoz és szabadtéri programokhoz. A természet teljes pompájában van, a kertek és parkok virágzanak.</p>



<p>A <strong>augusztusi időszak</strong> különösen ajánlott, mivel ez általában a legszárazabb és legstabilabb időjárású hónap, kevesebb zivatar és több napsütés jellemzi.</p>



<p>A <strong>kora őszi szezon</strong>, különösen szeptember eleje, szintén kiváló választás. Az időjárás még kellemes, a tömeg már kisebb, és a lombhullató fák színpompája gyönyörű látványt nyújt. Az őszikabát-szezon árai is kedvezőbbek.</p>



<p>Kerülendő időszakok: A november különösen kellemetlen lehet a gyakori köd, eső és rövid nappalok miatt. A júniusi és júliusi időszak bár meleg, de a gyakori zivatarok megzavarhatják a szabadtéri programokat. A korai tavaszi hónapok (március-április) változékony időjárásúak, vegyes csapadék és hirtelen hőmérséklet-változások jellemzőek.</p>



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



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Zürich &#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/47d388d54/zurich/" data-label_1="ZÜRICH" data-theme="original" >ZÜRICH</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/zurich-idojarasa/">Zürich időjárása &#8211; mikor a legjobb utazni?</a> bejegyzés először <a href="https://mikorutazz.hu">Mikor utazz?</a>-én jelent meg.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
