Published
Edited
Jul 1, 2019
transition = {
const states = d3.selectAll('.states')
if (toggle == 'Map') {
states.transition().duration(t)
.attr('transform', d => {
const centroid = geoPath.centroid(d),
x = centroid[0],
y = centroid[1]
return `translate(${x},${y})`
+ `scale(${ Math.sqrt(1) })`
+ `translate(${-x},${-y})`
})
} else if (toggle == 'Cartogram') {
states.transition().duration(t)
.attr('transform', d => {
const centroid = geoPath.centroid(d),
x = centroid[0],
y = centroid[1]
return `translate(${x},${y})`
+ `scale(${ Math.sqrt(0.5) })`
+ `translate(${-x},${-y})`
})
}
}
topojson = require('topojson-client@3')
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.
