Klimatracking

Klimatrack 🌡️ Temperaturen har steget med 1,00 °C siden førindustiell tid. 📆 Vi har 7 år igjen på å nå 1,5-gradersmålet fra Parisavtalen. 🌊 Havnivået stiger med 3,9 mm per år. 🧊 Det er 30 % mindre is i Arktis 🪫 Verdens resurser for 2024 ble brukt opp // Hent klimatall fra API fetch('https://mpulp.mobi/labs/klima/klimatall.php') .then(response = response.json()) .then(data = { // Iterer gjennom alle nøkler i datasettet Object.entries(data).forEach(([key, value]) = { // Finn elementet med matchende ID // Legg til enhet basert på nøkkelen switch(value.id) { case 'post-14998': document.getElementById("tempstigning").innerHTML=value.value document.getElementById("temp").href=value.link break; case 'post-16802': document.getElementById("arigjen").innerHTML=value.value document.getElementById("parisavt").href=value.link break; case 'post-16804': document.getElementById("havniva").innerHTML=value.value document.getElementById("hav").href=value.link break; case 'post-16792': document.getElementById("is").innerHTML=value.value.replace("-","") document.getElementById("islink").href=value.link break; case 'co2': return; } }); }) .catch(error = { console.error('Feil ved henting av klimadata:', error); }); fetch('https://mpulp.mobi/labs/overshoot/index.php') .then(response = response.json()) .then(data = { console.log(data) document.getElementById("resurser").innerHTML=data.message }) .catch(error = { console.error('Feil ved henting av klimadata:', error); }); Co2 i atmosfæren Målinger gjort på Mauna Loa, Hawaii siden 1958. Kilde Global Monitoring Laboratory const ctx = document.getElementById('myChart'); fetch('https://climatetracker.jonarne.workers.dev/') .then(response = response.json()) .then(jsonData = { const datas = jsonData.map(jsonData = { const date = new Date(Date.parse(jsonData.year+'-'+jsonData.month+'-01')); const timeStamp = date.getTime(); return { x: date.toLocaleDateString(), y: jsonData.average }; }); console.log(datas); const thec= new Chart(ctx, { type: 'line', data: { datasets: [{ label: 'co2 nivå (ppm)', data: datas, }] }, options: { scales: { y: { beginAtZero: false, type: 'logarithmic', }, }, responsive: true, pointRadius:0, tension:0, borderWidth:1, plugins:{ legend:{ position: "top" }, title:{ display:false, text:"Klima" } } } }); }) .catch(error = console.error('Error loading the CSV file:', error)); Temperaturutvikling Historisk og forventet temperaturutvikling i Europa. Kilde Open-Meteo // Hent data fra API fetch('https://climate-api.open-meteo.com/v1/climate?latitude=58.85244&longitude=5.73521&start_date=1950-01-01&end_date=2050-12-31&models=EC_Earth3P_HR&timezone=Europe%2FBerlin&daily=temperature_2m_mean') .then(response = response.json()) .then(data = { // Grupperer dataene etter år og beregner gjennomsnitt const yearlyData = data.daily.time.reduce((acc, date, index) = { const year = date.split('-')[0]; const temperatur = data.daily.temperature_2m_mean[index]; if (!isNaN(temperatur) && temperatur !== null) { if (!acc[year]) { acc[year] = { sum: 0, count: 0 }; } acc[year].sum += temperatur; acc[year].count++; } return acc; }, {}); // Beregner årlig gjennomsnitt const yearlyAverages = Object.entries(yearlyData).map(([year, data]) = ({ year: year, average: data.sum / data.count })); // Sorterer dataene etter år yearlyAverages.sort((a, b) = a.year.localeCompare(b.year)); // Forbereder dataene for Chart.js const chartData = { labels: yearlyAverages.map(item = item.year), datasets: [{ label: 'Årlig gjennomsnittstemperatur (°C)', data: yearlyAverages.map(item = ({ x: item.year, y: item.average })), borderColor: 'rgb(75, 192, 192)', tension: 0.1 }] }; // Opprett diagrammet her, inne i Promise-kjeden const ctx = document.getElementById('klimaChart').getContext('2d'); // Beregn trendlinje const trendlineData = calculateTrendline(yearlyAverages); // Legg til trendlinje i chartData chartData.datasets.push({ label: 'Trendlinje', data: trendlineData, borderColor: 'rgb(255, 99, 132)', borderDash: [5, 5], fill: false }); const currentYear = new Date().getFullYear().toString(); new Chart(ctx, { type: 'line', data: chartData, options: { responsive: true, scales: { x: { type: 'time', time: { unit: 'year' }, grid: { color: (context) = { if (context.tick && context.tick.label === currentYear) { return 'rgba(255, 0, 0, 0.5)'; // Rød farge for inneværende år } return 'rgba(0, 0, 0, 0.1)'; // Standard farge for andre år }, lineWidth: (context) = { if (context.tick && context.tick.label === currentYear) { return 2; // Tykkere linje for inneværende år } return 1; // Standard linjetykkelse for andre år } } }, y: { beginAtZero: false } }, plugins: { legend: { display: true }, tooltip: { callbacks: { title: (tooltipItems) = { const year = tooltipItems[0].label; return year === currentYear ? `${year} (Inneværende år)` : year; } } } } } }); // Funksjon for å beregne trendlinje function calculateTrendline(data) { const n = data.length; let sumX = 0, sumY = 0, sumXY = 0, sumX2 = 0; data.forEach((point, index) = { sumX += index; sumY += point.average; sumXY += index * point.average; sumX2 += index * index; }); const slope = (n * sumXY - sumX * sumY) / (n * sumX2 - sumX * sumX); const intercept = (sumY - slope * sumX) / n; return data.map((point, index) = ({ x: point.year, y: slope * index + intercept })); } }) .catch(error = console.error('Feil ved henting av data:', error)); async function getData() { const response = await fetch('https://mpulp.mobi/labs/readfile.php?u=https://miljostatus.miljodirektoratet.no/environmentFigures/api/chart/803/no'); const data = await response.json(); const chartData = data.tabData[0].data; // Hente årstallene fra 1990 til inneværende år const labels = getYears(1990); // Bygge dataserier for hver linje const datasets = chartData.map(entry = { entry.y[entry.y.indexOf("")]= null; return { label: entry.name, // Navn på serien data: entry.y, // y-verdiene (f.eks. utslipp i tonn) borderColor: getRandomColor(), // Generer tilfeldig farge for hver serie fill: false, tension: .6, pointRadius:1, borderWidth:2, }; }); console.log(datasets) // Tegn linjediagrammet const ctx = document.getElementById('myChart2').getContext('2d'); const myChart = new Chart(ctx, { type: 'line', data: { labels: labels, // 'x' verdiene som x-akse etiketter (årstall) datasets: datasets // Hver linje representerer en dataserie }, options: { scales: { x: { title: { display: true, text: 'År' } }, y: { title: { display: true, text: 'Millioner tonn CO2-ekvivalenter' } } } } }); // Vise metadataene under grafen displayMetadata(data.metadata); } function getYears(startYear) { const currentYear = new Date().getFullYear(); // Hente inneværende år const years = []; for (let year = startYear; year ${metadata.description} Kilden er ${metadata.source} og dataene oppdateres ${metadata.updateFrequency}. `; } // Kjør funksjonen for å hente og vise dataene getData();

Co2 i atmosfæren#

Temperaturutvikling#

#

Co2 i atmosfæren

Temperaturutvikling