emissions = emissionsDataset
.map((d) => {
d.year = parseInt(d.year);
d.total_ghg = parseFloat(d.total_ghg);
return d;
})
.filter(
(d) =>
d.year >= 1990 &&
(ue_countries.indexOf(d.country) !== -1 || d.country == 'European Union (27)') && d.country != 'Romania' && d.country != 'Finland' &&
!isNaN(d.total_ghg)
);
emissions_ext = {
const dataZ = [];
emissions.forEach((d, i) => {
const baseYearGhg = emissions.find((d) => d.country == emissions[i].country && d.year == 1990).total_ghg;
dataZ.push(
{
...d,
diff_from_base: Math.round(((percentageDecrease(baseYearGhg, d.total_ghg)) + Number.EPSILON) * 100) / 100
}
)
});
return dataZ;
}
// Afegir ordre aquí si es vol ordenar el Heatmap
enhancedSortedEmissionsByCountry = {
const dataCountries = new Map();
var countryIdx = 0;
sortedEmissionsByCountry.forEach((countryData, key, map) => {
const dataYears = [];
countryData.forEach((yearData, index) => {
const ghgPercentageDecrease = index == 0 ? 0 : Math.round(
(percentageDecrease(
map.get(key)[index - 1].total_ghg,
yearData.total_ghg
) +
Number.EPSILON) *
100
) / 100;
dataYears.push({
index,
country_idx: countryIdx, //isoCodes.indexOf(yearData.iso_code)
iso_code: yearData.iso_code,
year: yearData.year,
total_ghg: yearData.total_ghg, // Emissions de ghg totals
difference_from_base: yearData.diff_from_base, // Diferència amb l'any 1990
yearly_change: ghgPercentageDecrease, // Diferència amb l'any anterior
ghg_increased: ghgPercentageDecrease >= 0 ? false : true,
ghg_per_capita: parseFloat(yearData.ghg_per_capita)
});
});
dataYears.push()
dataCountries.set(key, dataYears);
countryIdx += 1;
});
return dataCountries;
}
heatMapValuesStruct = {
const struct = [];
enhancedSortedEmissionsByCountry.forEach((countryData, key, map) => {
// year, i, improvementValue, diffValue, ghg
const countryArray = [];
countryData.forEach((yearData, index) => {
countryArray.push({
year: yearData.year,
yearly_change: yearData.yearly_change,
diff_from_base: yearData.difference_from_base,
total_ghg: yearData.total_ghg,
ghg_per_capita: yearData.ghg_per_capita
})
})
struct.push(countryArray);
});
return struct;
}
function getMinMaxValues(countryIdx) {
var minVal = 0;
var maxVal = 0;
if (countryIdx === undefined) { // A nivell global
maxVal = d3.max(heatMapValuesStruct, (d, i) => d3.max(heatMapValuesStruct[i], (d) => d[heatmapChosenData]));
minVal = d3.min(heatMapValuesStruct, (d, i) => d3.min(heatMapValuesStruct[i], (d) => d[heatmapChosenData]));
}
else { // A nivell de país
maxVal = d3.max(heatMapValuesStruct[countryIdx], (d) => d[heatmapChosenData]);
minVal = d3.min(heatMapValuesStruct[countryIdx], (d) => d[heatmapChosenData]);
}
return {min: minVal, max: maxVal};
}
function getLollipopRadius(year) {
if (year == 1998 || year == 2005 || year == 2008 || year == 2013) {
return 24;
}
else {
return 4;
}
}
function getLollipopColor(year) {
if (year == 1998 || year == 2005 || year == 2008 || year == 2013) {
return "rgb(243, 105, 163)";
}
else {
return "black";
}
}
data1
Type Table, then Shift-Enter. Ctrl-space for more options.
data_UE_World = {
const countriesInData4 = data2.map(item => item.country);
const filteredData4 = emissionsDataset .filter(item => countriesInData4.includes(item.country));
return filteredData4;
}
data_UE_World
data_UE = {
const countriesInData2 = data2.map(item => item.country);
const filteredData = emissions.filter(item => countriesInData2.includes(item.country));
console.log(filteredData);
return filteredData;
}
data_UE
kioto_UE
CO2_1990 = data_UE.filter(d => d.year === "1990")
.map((d) => {
return {
country: d.country,
co2_1990: d.co2,
reduction_co2_1990: d.co2 * 0.95
}
});
kioto_UE_2 = {
const dataZ = [];
kioto_UE
.forEach((yearData) => {
const year = parseInt(yearData.year);
const quinquennium = year + (5 - year % 5);
dataZ.push({
country: yearData.country,
year: year,
quinquennium: quinquennium,
co2: yearData.CO2,
co2_1990: yearData.CO2_1990,
red_co2_1990: yearData.REDUCTION_CO2_1990
});
});
return dataZ;
}
countries_data = d3.group(kioto_UE_2, d => d.country)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
