Statistician, map-maker, dataviz consultant and trainer, Observable ambassador & R instructor. I enjoy explaining things i love in detail, the most clearly i can, and building live analytical opendataflows.
@ericmauviere
proj2154 = proj4('EPSG:2154')
proj2154.forward([2.333333, 48.866667]) // Paris est dans ce système à 6 863 km au nord de l'équateur
proj2154.inverse([651094.1791034087, 6863166.147061145]) // je retombe à peu près sur mes pieds !
proj_epsg2154 = proj4d3(2154)
proj_e4326_to_map_e2154 = proj_epsg2154.fitExtent(map_extent, a_dep)
{
const context = DOM.context2d(size.width, size.height)
const path2154 = d3.geoPath(proj_e4326_to_map_e2154, context)
context.strokeStyle = '#ccc'
context.fillStyle = '#FEEDAB'
a_dep.features.forEach( d => path2154(d) )
context.fill()
context.stroke()
return context.canvas
}
{
const svg = d3.create("svg")
.attr("viewBox", [0, 0, size.width, size.height])
.attr("width", size.width)
.attr("height", size.height)
const path2154 = d3.geoPath(proj_e4326_to_map_e2154)
let paths = svg.selectAll('path')
.data(a_dep.features)
.join('path')
.attr('d', path2154)
.attr("fill", '#FEEDAB')
. attr("stroke", '#CCC')
return svg.node()
}
{
const context = DOM.context2d(size.width, size.height)
const path2154 = d3.geoPath(proj_e4326_to_map_e2154, context)
// départements
context.strokeStyle = '#ccc'
a_dep.features.forEach( d => {
context.fillStyle = reg_color_map.get(d.properties.reg)
context.beginPath()
path2154(d)
context.fill()
})
context.stroke()
// contour France
context.strokeStyle = 'black'
context.beginPath()
path2154(l_fra)
context.stroke()
return context.canvas
}
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.
