bubbleColorScale = {
debugger
const country_emissions = emissions_ext_BP.filter(d => d.country == selectedCountryName).sort();
const maxVal = d3.max(country_emissions, (d) => d.diff_from_base);
const minVal = d3.min(country_emissions, (d) => d.diff_from_base);
const absMaxValue = Math.max(Math.abs(minVal), Math.abs(maxVal));
return d3.scaleDiverging()
.domain([absMaxValue, 0, -absMaxValue])
.interpolator(d3.interpolateRdYlGn)
}
countryPartForYear = {
const year_emissions = emissions_ext_BP.filter(d => d.year == selectedYear).sort();
const sumVal = d3.sum(year_emissions, (d) => d.total_ghg);
const countryPart = (year_emissions.filter(d => d.country == selectedCountryName)[0].total_ghg) / sumVal * 100
return countryPart.toFixed(2);
}
getBubbleColor = {
return bubbleColorScale(emissions_ext_BP.filter(d => d.country == selectedCountryName && d.year == selectedYear)[0].diff_from_base)
}
import {Legend} from "@d3/color-legend"
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.
