Published
Edited
Jul 22, 2022
1 fork
1 star
function make_hoverable_link(t) {
let ht = d3
.create("span")
.style("cursor", "pointer")
.style("color", "blue")
.style("text-decoration", "underline")
.text("Show")
.node();
tippy(ht, { content: t, theme: "light-border" });
return ht;
}
tippy = require("tippy.js@6")
data= FileAttachment("countries@1.csv").csv()
population = data.map(function(country) { return +country.population; })
airports = data.map(function(country) { return +country.airports; })
median_age = data.map(function(country) { return +country.medianage; })
gdpgrowthrate = data.map(function(country) { return +country.gdpgrowthrate; })
inflationrate = data.map(function(country) { return +country.inflationrate; })
unemploymentrate = data.map(function(country) { return +country.unemploymentrate; })
popnbelowpoverty = data.map(function(country) { return +country.popnbelowpoverty; })
meanpopulation = d3.mean(population)
meanairports = d3.mean(airports)
meanmedianage = d3.mean(median_age)
meangdpgrowthrate = d3.mean(gdpgrowthrate)
meaninflationrate = d3.mean(inflationrate)
meanunemploymentrate = d3.mean(unemploymentrate)
meanpopnbelowpoverty = d3.mean(popnbelowpoverty)
airportsExtent = d3.extent(airports)
populationExtent = d3.extent(population)
medianageExtent = d3.extent(median_age)
gdpgrowthrateExtent = d3.extent(gdpgrowthrate)
inflationrateExtent = d3.extent(inflationrate)
unemploymentrateExtent = d3.extent(unemploymentrate)
popnbelowpovertyExtent = d3.extent(popnbelowpoverty)
country_data = d3.csvParse(await fetch("https://raw.githubusercontent.com/SandeshDhungel/datadoc/main/countries.csv").then(d => d.text()))
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.
