function create_projection2154(
geodata
){
let proj_epsg2154 = proj4d3(2154)
let proj_e4326_to_map_e2154 = proj_epsg2154.fitExtent(map_extent, geodata)
return proj_e4326_to_map_e2154
}
import {proj4d3, map_extent} from "@ericmauviere/le-fond-de-carte-simplifie-des-communes-2021-avec-droms-rapp"
proj_epsg2154 = proj4d3(2154)
function map_multiple_2154(data_multiple_departement){
Promise.all(data_multiple_departement).then(departments => {
// Use .map() to extract the features from each department
const departmentFeatures = departments.map(department => topojson.feature(department, "data").features);
// Use .concat() to combine all the features into a single array
const allFeatures = [].concat(...departmentFeatures);
const svg = d3.create("svg")
.attr("viewBox", [0, 0, width, height])
.attr("width", width)
.attr("height", height)
const g = svg.append("g");
const path = d3.geoPath().projection(
proj_epsg2154.fitExtent(map_extent, {type: "FeatureCollection", features: allFeatures})
);
let paths = svg.selectAll('path')
.data(allFeatures)
.join('path')
.attr('d', path)
.attr("fill", 'white')
.attr("stroke", '#CCC')
return svg.node()
});
}
height = 520
function map_multiple_4326(data_multiple_departement){
if (data_multiple_departement.length === 0){
const svg = d3.create("svg")
.attr("width", width)
.attr("height", height)
svg.append("text")
.attr("x", width / 2)
.attr("y", height / 2)
.attr("text-anchor", "middle")
.style("font-size", "20px")
.text("Select a region to get a map");
return svg.node();
}
let p = Promise.all(data_multiple_departement).then(departments => {
// Use .map() to extract the features from each department
const departmentFeatures = departments.map(department => topojson.feature(department, "data").features);
// Use .concat() to combine all the features into a single array
const allFeatures = [].concat(...departmentFeatures);
const svg = d3.create("svg")
.attr("viewBox", [0, 0, width, height])
.attr("width", width)
.attr("height", height)
const g = svg.append("g");
const path = d3.geoPath().projection(
d3.geoMercator().fitExtent(map_extent, {type: "FeatureCollection", features: allFeatures})
);
let paths = svg.selectAll('path')
.data(allFeatures)
.join('path')
.attr('d', path)
.attr("fill", 'white')
.attr("stroke", '#CCC')
return svg.node()
});
return p
}
function make_projection(geodata){
let statemesh = topojson.mesh(geodata, geodata.objects.data, (a, b) => a == b)
let projection = d3.geoMercator().fitExtent([[0, 0], [width, height]], statemesh)
return projection
}
function make_map(geodata, print_text = "yes", annotation = false) {
let projection_map = make_projection(geodata)
let temp = topojson.feature(geodata, geodata.objects.data)
let p =
Plot.plot({
width: width,
height: height,
projection: projection_map,
marks: [
Plot.geo(temp, {strokeOpacity: 0.4}),
print_text == "yes" ?
Plot.text(
temp.features.map((f) => ({centroid: d3.geoCentroid(f), name: f.properties.NOM})),
{
x: (d) => d.centroid[0], // longitude
y: (d) => d.centroid[1], // latitude
//text: "name",
//textAnchor: "middle",
stroke: "white",
fill: "black"
}
) :
Plot.text(
temp.features.map((f) => ({centroid: d3.geoCentroid(f), name: f.properties.NOM})),
{
x: (d) => d.centroid[0], // longitude
y: (d) => d.centroid[1], // latitude
stroke: "white",
fill: "black",
title: "name"
}
)
]
})
if (!annotation) {
return p
}
let p2 = addTooltips(
p,
{fill: "grey"}
) ;
return p2;
}
import {addTooltips} from "@mkfreeman/plot-tooltip"
function print_program_departement_single(langage, value, selectedlevel, format, year){
if (langage == "Python"){
return md`
from cartiflette import carti_download
shp_communes = carti_download(
crs = 4326,
values = "${value}",
borders="${selectedlevel}",
vectorfile_format="${format}",
filter_by="DEPARTEMENT",
source="EXPRESS-COG-CARTO-TERRITOIRE",
year=${year})
` ;
} else{
return md`
import {carti_download} from "@linogaliana/cartiflette-js"
carti_download({
"value": "${value}",
"borders": "${selectedlevel}",
"vectorfileFormat": "${format}",
"year": ${year},
crs: 4326,
filter_by: "DEPARTEMENT",
source: "EXPRESS-COG-CARTO-TERRITOIRE"
})
`;
}
}
function print_program_france(langage, selectedlevel, format, year, rapproche_drom, simplification){
const filter_by = rapproche_drom ? "FRANCE_ENTIERE_DROM_RAPPROCHES" : "FRANCE_ENTIERE"
if (langage == "Python"){
return md`
from cartiflette import carti_download
shp_communes = carti_download(
values = ["France"],
crs = 4326,
borders = "${selectedlevel}",
vectorfile_format="${format}",
simplification=${simplification},
filter_by="${filter_by}",
source="EXPRESS-COG-CARTO-TERRITOIRE",
year=${year})
`
} else{
return md`
import {carti_download} from "@linogaliana/cartiflette-js"
carti_download({
value: "France",
crs: 4326,
borders: "${selectedlevel}",
vectorfile_format: "${format}",
simplification=${simplification},
filter_by: ${filter_by}",
source: "EXPRESS-COG-CARTO-TERRITOIRE",
year:${year}
})
`
}
}
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.
