diff --git a/src/lib/charts/components/NdcRange.svelte b/src/lib/charts/components/NdcRange.svelte index 24ad959..da2ad67 100644 --- a/src/lib/charts/components/NdcRange.svelte +++ b/src/lib/charts/components/NdcRange.svelte @@ -25,6 +25,8 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any mouseover: (e?: any) => void; // eslint-disable-next-line @typescript-eslint/no-explicit-any + mousetextover: (e?: any) => void; + // eslint-disable-next-line @typescript-eslint/no-explicit-any mouseout: (e?: any) => void; } @@ -38,6 +40,7 @@ textNdc, color = 'black', mouseover, + mousetextover, mouseout }: Props = $props(); @@ -100,6 +103,11 @@ font-size="18px" font-weight="bold" class="text-container" + onmouseover={mousetextover} + onfocus={() => mouseover()} + onmouseout={() => mouseout()} + onblur={() => mouseout()} + role="tooltip" > {textNdc} diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte index 66b3da8..2412ccc 100644 --- a/src/routes/about/+page.svelte +++ b/src/routes/about/+page.svelte @@ -228,14 +228,19 @@ When NDCs area published by countries, they are often expressed in relative terms (e.g. 30 % reduction in 2030 compared to 1990). The absolute values are calculations that depend on - the historical and baseline emission data used. We use NDC data based on the data we use - for the Carbon Budget Explorer (Jones et al., 2021), which is deduced from + the historical and baseline emission data used. +
+ We use NDC data deduced from the PBL NDC tool, which is based on historical data from PRIMAP. All NDC values are only an indication. - When precise NDC data is needed, it is better to refer to the official NDC documents. + >, which is based on historical data from PRIMAP and includes additional insights from + land use emissions accounting models. Because we analyze all greenhouse gas emissions + including land use, we also convert NDC data to that level. +
+ All NDC values are only an indication. When precise NDC data is needed, it is better to refer + to the official NDC documents.
European Member States have a joint NDC, which is to reduce GHG emissions by at least 55 % diff --git a/src/routes/regions/[region]/+page.svelte b/src/routes/regions/[region]/+page.svelte index 7dc0064..455292d 100644 --- a/src/routes/regions/[region]/+page.svelte +++ b/src/routes/regions/[region]/+page.svelte @@ -75,9 +75,17 @@ } return `Nationally determined contribution in ${row.time} ranges from ${row.max.toFixed( 0 - )} to ${row.min.toFixed(0)} Mt CO₂e`; + )} to ${row.min.toFixed(0)} Mt CO₂e.`; }); + const hoverTextNdc = function (e: ComponentEvents) { + const myevt = { + e, + msg: 'The NDC data shown here are country reported inventory data based on the most recent NDC submission available in the UNFCCC NDC registry. Read more on the About page.' + }; + evt = myevt; + }; + function hoverAllocationMethod(id: string) { return hoverBuilder( (row) => `${id} in ${row.time} is ${row.mean.toFixed(0)} Mt CO₂e (with default settings)` @@ -163,6 +171,13 @@ 0 )} to ${data.ndcReduction.max.toFixed(0)} % reduction`} {/if} + {#if !data.isEuMemberState} + + {/if}

@@ -229,9 +244,10 @@ y1={range[1]} textNdcMin={`Min: ${range[0].toFixed(0)}`} textNdcMax={`Max: ${range[1].toFixed(0)}`} - textNdc={`NDC`} + textNdc="NDC" color="black" mouseover={hoverNdc} + mousetextover={hoverTextNdc} mouseout={(e) => (evt = e)} /> {/if}