geoLine = (value = 0, direction = 'lat', precision = 2.5, geojson = false) => {
const v = parseFloat(value)
precision = parseFloat(precision)
const lineString = {type: "LineString", coordinates: []}
let coordinates
switch (direction) {
case 'latitude':
case 'lat':
coordinates = d3.range(-180, 180+1, precision).map(x => [x,v])
return geojson ? (lineString.coordinates = coordinates, lineString) : coordinates
break
case 'longitude':
case 'long':
case 'lon':
coordinates = d3.range(-90, 90+1, precision).map(y => [v,y])
return geojson ? (lineString.coordinates = coordinates, lineString) : coordinates
break
default:
return `'${direction}' n'est pas une valeur de direction possible. 'lat' ou 'long' attendu`
}
}
// Latitude 10° au format array
geoLine(10, 'lat', 2.5, false)
// Latitude 10° au format array
// en prenant en compte les valeurs par défaut
geoLine(10)
// Latitude 10° au format geojson
geoLine(10, 'lat', 2.5, true)
// Longitude -70° au format array
// précision de 30° = chaque couple de coordonnées est espacé de 30° de latitude
geoLine(-60, 'lon', 30)
// Longitude -70° au format geojson
geoLine(-60, 'lon', 30, true)
geographicLines = ({
type: "MultiLineString",
coordinates: [
geoLine(66.563, 'lat'), // Cercle polaire arctique
geoLine(23.436, 'lat'), // Tropique du Cancer
geoLine(0, 'lat', 90), // Équateur
geoLine(-23.436, 'lat'), // Tropique du Capricorne
geoLine(-66.563, 'lat'), // Cercle polaire antarctique
geoLine(0, 'lon', 90), // Méridien de Greenwitch
geoLine(180, 'lon', 90), // Antiméridien
]
})
projection = d3.geoOrthographic().rotate([rotate,rotate])
path = d3.geoPath(projection)
height = {
const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline);
const dy = Math.ceil(y1 - y0)
return dy;
}
outline = ({type: "Sphere"})
// conversion de topojson en geojson
countries_110m = topojson.feature(countries_simplified, countries_simplified.objects.countries_110m)
urban = {
const geo = await FileAttachment("urban_500k.json").json()
return topojson.feature(geo, geo.objects.urban)
}
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.
