From 55ca0ba6e6b012e5401d295d1e02619a8d92291c Mon Sep 17 00:00:00 2001 From: Your Name <85418293+sburnschicago@users.noreply.github.com> Date: Sun, 8 Dec 2024 21:06:10 -0600 Subject: [PATCH 01/11] Issue 124 - try 2 So, started over. Updated the code I was working on to the current main branch, discarded old changed. This commit is just the static mentions of the word "Natural" changed to "Fossil". More difficult is preserving the .csv data structure as NaturalGasUse and then changing how it outputs everywhere. --- src/components/StatTile.vue | 14 +++++++------- src/pages/BiggestGasFreeBuildings.vue | 4 ++-- src/pages/ReleaseNotes.vue | 4 ++-- src/pages/TakeActionTips.vue | 4 ++-- src/pages/TopEmitters.vue | 2 +- src/pages/TopGasUsers.vue | 6 +++--- src/pages/blog/MillionsInMissedFines.vue | 2 +- 7 files changed, 18 insertions(+), 18 deletions(-) diff --git a/src/components/StatTile.vue b/src/components/StatTile.vue index 5db40d10..02783480 100644 --- a/src/components/StatTile.vue +++ b/src/components/StatTile.vue @@ -141,18 +141,18 @@ so we don't currently have comparison data.

- +
- This Building Didn't Burn Any Natural Gas! 🎉 + This Building Didn't Burn Any Fossil Gas! 🎉

- This building burned no natural gas on-site and isn't connected to a district heating + This building burned no fossil gas on-site and isn't connected to a district heating system, meaning it's fully electric! View Chicago's Biggest Gas Free Buildings . @@ -164,10 +164,10 @@

- Although this building didn't burn any natural gas on site, it's connected to a district + Although this building didn't burn any fossil gas on site, it's connected to a district heating system, a centralized system for heating multiple buildings. District heating - systems can be fully electric, but in Chicago most district heating systems are natural - gas powered, meaning this building was most likely still heated with natural gas. + systems can be fully electric, but in Chicago most district heating systems are fossil + gas powered, meaning this building was most likely still heated with fossil gas.

@@ -237,7 +237,7 @@ export default class StatTile extends Vue { } /** - * Whether a building is _fully_ gas free, meaning no natural gas burned on-site or to heat it + * Whether a building is _fully_ gas free, meaning no f gas burned on-site or to heat it * through a district heating system. */ get fullyGasFree(): boolean { diff --git a/src/pages/BiggestGasFreeBuildings.vue b/src/pages/BiggestGasFreeBuildings.vue index ef191520..0e4f2778 100644 --- a/src/pages/BiggestGasFreeBuildings.vue +++ b/src/pages/BiggestGasFreeBuildings.vue @@ -78,9 +78,9 @@ export default class TopGasUsers extends Vue {

- Note: This list is of buildings that use neither natural gas nor a district + Note: This list is of buildings that use neither fossil gas nor a district steam system, since all district steam systems in the city are currently powered by burning - natural gas (to the best of our knowledge). + fossil gas (to the best of our knowledge).

diff --git a/src/pages/ReleaseNotes.vue b/src/pages/ReleaseNotes.vue index 8acdf377..62cea5ac 100644 --- a/src/pages/ReleaseNotes.vue +++ b/src/pages/ReleaseNotes.vue @@ -33,7 +33,7 @@ export default class About extends Vue { We added new graphs to help visualize how buildings have changed in their emissions, emissions intensity, and energy use over time, and a new pie chart that shows the mix of types of energy a building consumes, making it easy to see at a glance if a building is - mostly using electricity, natural gas, or something else! + mostly using electricity, fossil gas, or something else!

@@ -64,7 +64,7 @@ export default class About extends Vue { src="/release-notes/merch-mart-post-graphs.webp" alt="Electrify Chicago Merchandise Mart Page showing just stat tiles with graphs showing greenhouse gas intensity and total emissions have improved over time, and - that Merch Mart's energy use is 44% electricity, 40% natural gas, and 16% district + that Merch Mart's energy use is 44% electricity, 40% fossil gas, and 16% district chilling" > diff --git a/src/pages/TakeActionTips.vue b/src/pages/TakeActionTips.vue index 4e126af9..5a38a8e5 100644 --- a/src/pages/TakeActionTips.vue +++ b/src/pages/TakeActionTips.vue @@ -33,7 +33,7 @@ export default class TakeActionTips extends Vue {

Practically every building has room to improve with energy efficiency upgrades like insulation, switching to ENERGY STAR rated appliances, and more, but for any buildings - with large natural gas use, we recommend one thing: electrify! + with large fossil gas use, we recommend one thing: electrify!

@@ -44,7 +44,7 @@ export default class TakeActionTips extends Vue { like industrial grade heat pumps, heat pump water heaters, and induction stoves. With Illinois' current electric supply, just using the same amount of energy from electricity, rather - than natural gas (aka methane) will dramatically reduce greenhouse gas emissions. + than fossil gas (aka methane) will dramatically reduce greenhouse gas emissions. This is because Illinois' grid in 2020 was already 67% carbon-free (see These buildings are the biggest emitters of greenhouse gases in Chicago, both directly (like - by burning natural gas on site for heating) and indirectly (by using electricity that is + by burning fossil gas on site for heating) and indirectly (by using electricity that is still produced with some fossil fuels).

diff --git a/src/pages/TopGasUsers.vue b/src/pages/TopGasUsers.vue index ca4b2c8e..7ae8ba53 100644 --- a/src/pages/TopGasUsers.vue +++ b/src/pages/TopGasUsers.vue @@ -16,7 +16,7 @@ import NewTabIcon from '~/components/NewTabIcon.vue'; NewTabIcon, }, metaInfo() { - return { title: 'Biggest Natural Gas Users' }; + return { title: 'Biggest Fossil Gas Users' }; }, }) export default class TopGasUsers extends Vue { @@ -59,11 +59,11 @@ export default class TopGasUsers extends Vue { id="main-content" tabindex="-1" > - Top {{ $static.allBuilding.edges.length }} Buildings by Natural Gas Use + Top {{ $static.allBuilding.edges.length }} Buildings by Fossil Gas Use

- These buildings are the largest consumers of natural gas (methane) in the city. Natural gas + These buildings are the largest consumers of fossil gas (methane) in the city. Fossil gas in these buildings is typically used for heating gas and water, and since electrifying the grid won't clean up these emissions it's an important set of buildings to focus on!

diff --git a/src/pages/blog/MillionsInMissedFines.vue b/src/pages/blog/MillionsInMissedFines.vue index 95fe19a1..6369485f 100644 --- a/src/pages/blog/MillionsInMissedFines.vue +++ b/src/pages/blog/MillionsInMissedFines.vue @@ -130,7 +130,7 @@ export default class MillionsInMissedFine extends Vue { the most or be the least efficient. The city may also believe that it is on track with its climate goals, when there are still large buildings that are emitting but have their emissions not reported or not reported accurately, like if a building reports their - electricity use but not their natural gas use. + electricity use but not their fossil gas use.

From b2817df358beb1e02e4d7f33c0dd6aa0eeda9feb Mon Sep 17 00:00:00 2001 From: Your Name <85418293+sburnschicago@users.noreply.github.com> Date: Sun, 8 Dec 2024 21:32:54 -0600 Subject: [PATCH 02/11] Stuck again Well, tried to implement a common function, but not getting anywhere. It's a start at least? } export function transformBuildingData(building: IBuilding): IBuilding { return { ...building, FossilGasUse: building.NaturalGasUse, }; } --- src/common-functions.vue | 15 +++++++++++---- src/pages/TopGasUsers.vue | 6 +++--- 2 files changed, 14 insertions(+), 7 deletions(-) diff --git a/src/common-functions.vue b/src/common-functions.vue index 051b09f7..ede75ae2 100644 --- a/src/common-functions.vue +++ b/src/common-functions.vue @@ -45,10 +45,9 @@ export interface IBuilding { PrimaryPropertyType: string; Latitude: string; Longitude: string; - - NaturalGasUse: string; DistrictSteamUse: string; + FossilGasUse: string; [buildingKey: string]: string | number | boolean; } @@ -164,7 +163,7 @@ export function getStatRankInverted( * * Examples: * - Keating Hall should return '🚨' because it has the #1 worst GHG intensity - * - McGowan North should return '🚩' because it has the #14 worst GHG intensity + * - McGowan North should return '🚩 because it has the #14 worst GHG intensity * - Marina towers should return '🏆' because it has #1 lowest SEIU * * @param {Object} building @@ -264,4 +263,12 @@ export function estimateUtilitySpend(energyUseKbtu: number, isElectric: boolean) return Math.round(estimateRaw / 10) * 10; } } - + +export function transformBuildingData(building: IBuilding): IBuilding { + return { + ...building, + FossilGasUse: building.NaturalGasUse, + }; +} + +e \ No newline at end of file diff --git a/src/pages/TopGasUsers.vue b/src/pages/TopGasUsers.vue index 7ae8ba53..ca4b2c8e 100644 --- a/src/pages/TopGasUsers.vue +++ b/src/pages/TopGasUsers.vue @@ -16,7 +16,7 @@ import NewTabIcon from '~/components/NewTabIcon.vue'; NewTabIcon, }, metaInfo() { - return { title: 'Biggest Fossil Gas Users' }; + return { title: 'Biggest Natural Gas Users' }; }, }) export default class TopGasUsers extends Vue { @@ -59,11 +59,11 @@ export default class TopGasUsers extends Vue { id="main-content" tabindex="-1" > - Top {{ $static.allBuilding.edges.length }} Buildings by Fossil Gas Use + Top {{ $static.allBuilding.edges.length }} Buildings by Natural Gas Use

- These buildings are the largest consumers of fossil gas (methane) in the city. Fossil gas + These buildings are the largest consumers of natural gas (methane) in the city. Natural gas in these buildings is typically used for heating gas and water, and since electrifying the grid won't clean up these emissions it's an important set of buildings to focus on!

From 9669c2b3c39d3363d465e48e72ac1bfb3115c916 Mon Sep 17 00:00:00 2001 From: Your Name <85418293+sburnschicago@users.noreply.github.com> Date: Sun, 8 Dec 2024 21:34:19 -0600 Subject: [PATCH 03/11] missed one --- src/pages/TopGasUsers.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pages/TopGasUsers.vue b/src/pages/TopGasUsers.vue index ca4b2c8e..7ae8ba53 100644 --- a/src/pages/TopGasUsers.vue +++ b/src/pages/TopGasUsers.vue @@ -16,7 +16,7 @@ import NewTabIcon from '~/components/NewTabIcon.vue'; NewTabIcon, }, metaInfo() { - return { title: 'Biggest Natural Gas Users' }; + return { title: 'Biggest Fossil Gas Users' }; }, }) export default class TopGasUsers extends Vue { @@ -59,11 +59,11 @@ export default class TopGasUsers extends Vue { id="main-content" tabindex="-1" > - Top {{ $static.allBuilding.edges.length }} Buildings by Natural Gas Use + Top {{ $static.allBuilding.edges.length }} Buildings by Fossil Gas Use

- These buildings are the largest consumers of natural gas (methane) in the city. Natural gas + These buildings are the largest consumers of fossil gas (methane) in the city. Fossil gas in these buildings is typically used for heating gas and water, and since electrifying the grid won't clean up these emissions it's an important set of buildings to focus on!

From 67202e7d046058619742b3cd2b48bfe374b9048a Mon Sep 17 00:00:00 2001 From: Your Name <85418293+sburnschicago@users.noreply.github.com> Date: Sun, 8 Dec 2024 21:36:26 -0600 Subject: [PATCH 04/11] missed another one --- src/common-functions.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/common-functions.vue b/src/common-functions.vue index ede75ae2..861817b3 100644 --- a/src/common-functions.vue +++ b/src/common-functions.vue @@ -163,7 +163,7 @@ export function getStatRankInverted( * * Examples: * - Keating Hall should return '🚨' because it has the #1 worst GHG intensity - * - McGowan North should return '🚩 because it has the #14 worst GHG intensity + * - McGowan North should return '🚩' because it has the #14 worst GHG intensity * - Marina towers should return '🏆' because it has #1 lowest SEIU * * @param {Object} building From 1096a52e66d56107c3fb1daf0d1d8f2d0ff30344 Mon Sep 17 00:00:00 2001 From: burningchicago <85418293+sburnschicago@users.noreply.github.com> Date: Tue, 10 Dec 2024 20:08:33 -0600 Subject: [PATCH 05/11] reverting changes on common-functions.vue just pasted the source file from main branch --- src/common-functions.vue | 13 +++---------- 1 file changed, 3 insertions(+), 10 deletions(-) diff --git a/src/common-functions.vue b/src/common-functions.vue index 861817b3..051b09f7 100644 --- a/src/common-functions.vue +++ b/src/common-functions.vue @@ -45,9 +45,10 @@ export interface IBuilding { PrimaryPropertyType: string; Latitude: string; Longitude: string; + + NaturalGasUse: string; DistrictSteamUse: string; - FossilGasUse: string; [buildingKey: string]: string | number | boolean; } @@ -263,12 +264,4 @@ export function estimateUtilitySpend(energyUseKbtu: number, isElectric: boolean) return Math.round(estimateRaw / 10) * 10; } } - -export function transformBuildingData(building: IBuilding): IBuilding { - return { - ...building, - FossilGasUse: building.NaturalGasUse, - }; -} - -e \ No newline at end of file + From 20f902c1d5f90b08d82abda1162d180a30f221c7 Mon Sep 17 00:00:00 2001 From: Viktor Koves <3187531+vkoves@users.noreply.github.com> Date: Tue, 10 Dec 2024 20:37:08 -0600 Subject: [PATCH 06/11] Fix two more uses of Fossil Gas --- src/components/BuildingsTable.vue | 2 +- src/templates/BuildingDetails.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/BuildingsTable.vue b/src/components/BuildingsTable.vue index 32ec5908..3194008d 100644 --- a/src/components/BuildingsTable.vue +++ b/src/components/BuildingsTable.vue @@ -54,7 +54,7 @@ export default class BuildingsTable extends Vue { scope="col" class="numeric wide-col" > - Natural Gas Use
+ Fossil Gas Use
(kBtu)
-
Natural Gas Use
+
Fossil Gas Use (aka Natural Gas)
Date: Tue, 10 Dec 2024 20:42:46 -0600 Subject: [PATCH 07/11] updated building details.vue --- src/templates/BuildingDetails.vue | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/templates/BuildingDetails.vue b/src/templates/BuildingDetails.vue index 8c07c26a..50429697 100644 --- a/src/templates/BuildingDetails.vue +++ b/src/templates/BuildingDetails.vue @@ -277,11 +277,11 @@ query ($id: ID!, $ID: String) {
-
Natural Gas Use
+
Fossil Gas Use
2e)', GHGIntensity: 'GHG Intensity (metric tons CO2e/sqft)', ElectricityUse: 'Electricity Use (kBTU)', - NaturalGasUse: 'Natural Gas Use (kBTU)', + NaturalGasUse: 'Fossil Gas Use (kBTU)', }; /** Expose stats to template */ @@ -602,7 +602,7 @@ export default class BuildingDetails extends Vue { if (this.building.NaturalGasUse as unknown as number > 0) { energyBreakdown.push({ - label: 'Natural Gas', + label: 'Fossil Gas', value: parseFloat(this.building.NaturalGasUse.toString()), color: EnergyBreakdownColors.NaturalGas, }); From ba9aabe73d8da2ab23c93342c4b3ee99ae283616 Mon Sep 17 00:00:00 2001 From: Viktor Koves <3187531+vkoves@users.noreply.github.com> Date: Tue, 10 Dec 2024 20:54:26 -0600 Subject: [PATCH 08/11] Update one more table --- src/components/HistoricalBuildingDataTable.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/HistoricalBuildingDataTable.vue b/src/components/HistoricalBuildingDataTable.vue index 726ceff3..8b211ccf 100644 --- a/src/components/HistoricalBuildingDataTable.vue +++ b/src/components/HistoricalBuildingDataTable.vue @@ -38,7 +38,7 @@ Electricity Use kBTU - Natural Gas Use kBTU + Fossil Gas Use kBTU Date: Tue, 10 Dec 2024 20:56:00 -0600 Subject: [PATCH 09/11] Revert stat key use --- src/templates/BuildingDetails.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/templates/BuildingDetails.vue b/src/templates/BuildingDetails.vue index 78a22a6a..51993af9 100644 --- a/src/templates/BuildingDetails.vue +++ b/src/templates/BuildingDetails.vue @@ -281,7 +281,7 @@ query ($id: ID!, $ID: String) {
Date: Tue, 10 Dec 2024 22:42:29 -0600 Subject: [PATCH 10/11] just one typo --- src/components/StatTile.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/StatTile.vue b/src/components/StatTile.vue index 02783480..3a2d08b9 100644 --- a/src/components/StatTile.vue +++ b/src/components/StatTile.vue @@ -237,7 +237,7 @@ export default class StatTile extends Vue { } /** - * Whether a building is _fully_ gas free, meaning no f gas burned on-site or to heat it + * Whether a building is _fully_ gas free, meaning no gas burned on-site or to heat it * through a district heating system. */ get fullyGasFree(): boolean { From 02d8d51a42420cb109e9907789483b3e6ffb4992 Mon Sep 17 00:00:00 2001 From: sburnschicago Date: Tue, 10 Dec 2024 22:48:10 -0600 Subject: [PATCH 11/11] found another one --- src/pages/About.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/About.vue b/src/pages/About.vue index d7e01895..3eab8ec7 100644 --- a/src/pages/About.vue +++ b/src/pages/About.vue @@ -46,7 +46,7 @@ export default class About extends Vue {