Public
Edited
May 17
Insert cell
Insert cell
Insert cell
Insert cell
pxSnowCholeraMap1 = FileAttachment("1920px-Snow-cholera-map-1.jpg").image({width: 600})
Insert cell
minard = FileAttachment("Minard.png").image({width: 800})
Insert cell
Insert cell
Insert cell
fires = FileAttachment("fires.png").image({width:600})
Insert cell
populism = FileAttachment("populism.png").image({width:600})
Insert cell
flow_map = FileAttachment("flow_map.png").image({width:600})
Insert cell
Insert cell
map = {
const width = 800;
const height = 400;

const svg = d3.create("svg")
.attr("width", width)
.attr("height", height);

const projection = d3.geoMercator()
// .fitSize([width, height], svg)
// .scale(100)
.translate([width / 2, height / 1.8]);

const path = d3.geoPath().projection(projection);

d3.json("https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json").then(worldData => {
const countries = topojson.feature(worldData, worldData.objects.countries);

//remove Antarctica
const filteredFeatures = countries.features.filter(d =>
d.properties.name !== "Antarctica" && d.id !== "ATA"
);

//topojson without Antarctica
const filteredCountries = {
type: "FeatureCollection",
features: filteredFeatures
};
projection.fitSize([width, height], filteredCountries);
svg.selectAll("path")
.data(filteredCountries.features)
.enter()
.append("path")
.attr("d", path)
.attr("class", "country");
});

return svg.node()

}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
diagram = FileAttachment("diagram.png").image({width: 800})
Insert cell
Insert cell
maxar = FileAttachment("Maxar.png").image({width: 800})
Insert cell
sentinel2 = FileAttachment("Sentinel2.png").image({width: 800})
Insert cell
untitled = FileAttachment("Знімок екрана 2025-02-05 о 21.56.45.png").image({width: 400})
Insert cell
Insert cell
bands = FileAttachment("bands.png").image()
Insert cell
Insert cell
lst_ndvi = FileAttachment("lst_ndvi.png").image({width: 800})
Insert cell
Insert cell
Insert cell
scattering_types = FileAttachment("scattering_types.png").image()
Insert cell
november2021comboOriginal = FileAttachment("november2021combo.original.png").image({width: 800})
Insert cell
Insert cell
sar_earthquake_01 = FileAttachment("SAR_Earthquake_01.webp").image({width: 800})
Insert cell
Insert cell
Insert cell

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.
Learn more