What is global warming?
@@ -175,14 +177,14 @@ class Home extends Component {
{latestTempYear}, Earth
{`'`}s temperature is approximately
{` `}
- {latestTempValue}
+ {currentTemp}
°C above pre-industrial levels.
{` `}
If the planet
{`'`}s temperature continues to rise, we can expect many
environmental and societal impacts, the most significant of which
- we will explain in this paper.
+ we will explain here.
In late 2015, 184 nations were party to the Paris Climate Accord,
@@ -215,6 +217,7 @@ class Home extends Component {
{` `}
into the atmosphere. This
+ {` `}
{` `}
is produced by burning fossil fuels, mostly from electricity
@@ -227,7 +230,7 @@ class Home extends Component {
{latestCo2Year}, the atmosphere
{`'`}s carbon concentration is
{` `}
- {latestCo2Value}
+ {currentCo2}
ppm (see fig. 2).
@@ -405,11 +408,11 @@ class Home extends Component {
Home.propTypes = {
co2: PropTypes.arrayOf(PropTypes.object),
temp: PropTypes.arrayOf(PropTypes.object),
- latestCo2Value: PropTypes.number,
- latestTempValue: PropTypes.number,
- latestIceMeltValue: PropTypes.number,
+ currentCo2: PropTypes.number,
+ currentTemp: PropTypes.number,
+ seaIceMinimumTrend: PropTypes.number,
latestTempYear: PropTypes.number,
- slrTrend: PropTypes.number,
+ seaLevelTrend: PropTypes.number,
latestCo2Year: PropTypes.number,
tenYearWarming: PropTypes.number.isRequired,
};
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
new file mode 100644
index 0000000..b74984b
--- /dev/null
+++ b/src/utils/formatDate.js
@@ -0,0 +1,33 @@
+export const formatDate = (dateString) => {
+ const date = new Date(dateString);
+
+ const months = [
+ "Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec",
+ ];
+
+ const month = months[date.getMonth()];
+ const day = date.getDate();
+ const year = date.getFullYear();
+
+ let hours = date.getHours();
+ const minutes = date.getMinutes();
+ const ampm = hours >= 12 ? "pm" : "am";
+
+ hours = hours % 12;
+ hours = hours ? hours : 12; // the hour '0' should be '12'
+
+ const formattedMinutes = minutes < 10 ? `0${minutes}` : minutes;
+
+ return `${month} ${day}, ${year} at ${hours}:${formattedMinutes}${ampm}`;
+};
diff --git a/static.config.js b/static.config.js
index 9adf7e9..f8c5493 100644
--- a/static.config.js
+++ b/static.config.js
@@ -3,6 +3,7 @@ import csv from "csvtojson";
import https from "https";
import fs from "fs/promises";
import path from "path";
+import regression from "regression";
const dateFromYear = (year) => Math.trunc(Number(year));
@@ -159,15 +160,49 @@ const getSlr = async () => {
}
}
- const regexp = /#trend = ([0-9.]+) mm\/year/;
+ const lines = slrData.split("\n");
+ const dataPoints = [];
- const results = [...slrData.match(regexp)];
+ for (let i = 0; i < lines.length; i++) {
+ const line = lines[i].trim();
+ if (line.startsWith("#") || line === "") {
+ continue;
+ }
+ const values = line.split(",");
+ const year = parseFloat(values[0]);
+ let seaLevelAnomaly = null;
+ for (let j = 1; j < values.length; j++) {
+ if (values[j] && values[j] !== "") {
+ seaLevelAnomaly = parseFloat(values[j]);
+ break;
+ }
+ }
+ if (!isNaN(year) && seaLevelAnomaly !== null && !isNaN(seaLevelAnomaly)) {
+ dataPoints.push({ year, seaLevelAnomaly });
+ }
+ }
+
+ const latestYear = dataPoints[dataPoints.length - 1].year;
+ const cutoffYear = latestYear - 5;
+
+ const recentDataPoints = dataPoints.filter(
+ (point) => point.year >= cutoffYear
+ );
+
+ const regressionData = recentDataPoints.map((point) => [
+ point.year,
+ point.seaLevelAnomaly,
+ ]);
+
+ const result = regression.linear(regressionData);
+
+ const yearlyChange = result.equation[0];
- return Number(results[1]);
+ return yearlyChange;
};
-const getIceMelt = async () => {
- let iceMeltData;
+const getSeaIceMinimumTrend = async () => {
+ let seaIceMinumumsData;
try {
const response = await axios.get(
`https://climate.nasa.gov/system/internal_resources/details/original/2264_N_09_extent_v3.0.csv`,
@@ -179,42 +214,60 @@ const getIceMelt = async () => {
},
}
);
- iceMeltData = response.data;
- await writeCachedData("ice-melt.csv", iceMeltData);
+ seaIceMinumumsData = response.data;
+ await writeCachedData("ice-melt.csv", seaIceMinumumsData);
} catch (error) {
console.warn("Error fetching ice melt data, using cached data");
- iceMeltData = await readCachedData("ice-melt.csv");
- if (!iceMeltData) {
+ seaIceMinumumsData = await readCachedData("ice-melt.csv");
+ if (!seaIceMinumumsData) {
throw new Error("Failed to fetch ice melt data and no cache available");
}
}
- let iceMelt = await csv({ noheader: true }).fromString(
- iceMeltData.replace(/".*"\n/g, ``)
+ let seaIceMinumums = await csv({
+ noheader: true,
+ headers: ["year", "mo", "data-type", "region", "extent", "area"],
+ }).fromString(seaIceMinumumsData.replace(/".*"\n/g, ``));
+
+ seaIceMinumums = seaIceMinumums
+ .filter((x) => x.year && x.extent && !isNaN(x.year) && !isNaN(x.extent))
+ .map((x) => ({ x: Number(x.year), y: Number(x.extent) }));
+
+ const uniqueYears = [...new Set(seaIceMinumums.map((entry) => entry.x))].sort(
+ (a, b) => a - b
);
- iceMelt = iceMelt
- .filter(
- (x) =>
- x.field1 &&
- x.field5 &&
- !isNaN(x.field1) &&
- !isNaN(x.field5) &&
- dateFromYear(x.field1) > minYear
- )
- .map((x) => ({ x: dateFromYear(x.field1), y: Number(x.field5) }));
+ const last5Years = uniqueYears.slice(-5);
+
+ const last5YearsData = seaIceMinumums.filter((entry) =>
+ last5Years.includes(entry.x)
+ );
+
+ if (last5YearsData.length < 2) {
+ throw new Error("Not enough data to compute regression");
+ }
+
+ const regressionData = last5YearsData.map((entry) => [entry.x, entry.y]);
+
+ const result = regression.linear(regressionData);
+
+ const slope = result.equation[0];
+
+ const averageExtent =
+ last5YearsData.reduce((sum, entry) => sum + entry.y, 0) /
+ last5YearsData.length;
- const latestIceMeltYear = Math.max(...iceMelt.map((val) => val.x));
+ const percentageChangePerYear = (slope / averageExtent) * 100;
- return { iceMelt, latestIceMeltYear };
+ return Math.round((percentageChangePerYear + Number.EPSILON) * 100) / 100;
};
export default {
getRoutes: async () => {
const { temp, latestTempYear, tenYearWarming } = await getTemp();
const { co2, latestCo2Year } = await getCo2();
- const slrTrend = await getSlr();
- const { iceMelt, latestIceMeltYear } = await getIceMelt();
+ const seaLevelTrend = await getSlr();
+ const seaIceMinimumTrend = await getSeaIceMinimumTrend();
return [
{
path: `/`,
@@ -225,12 +278,11 @@ export default {
latestCo2Year,
latestTempYear,
tenYearWarming,
- latestCo2Value: co2.find((value) => value.x === latestCo2Year).y,
- latestTempValue: temp.find((value) => value.x === latestTempYear).y,
- latestIceMeltValue: iceMelt.find(
- (value) => value.x === latestIceMeltYear
- ).y,
- slrTrend,
+ currentCo2: co2.find((value) => value.x === latestCo2Year).y,
+ currentTemp: temp.find((value) => value.x === latestTempYear).y,
+ seaIceMinimumTrend,
+ seaLevelTrend,
+ lastUpdatedAt: new Date(),
}),
},
];
+ 
+ 
+ )
+
+