Published
Edited
Dec 27, 2019
1 star
chart = {
const svg = d3.create("svg")
.attr("viewBox", [0, 0, 700, 600]);
svg.append("g")
.attr("class", "legend")
.attr("transform", "translate(50,20)")
.append(() => legend({color, title: data.title,tickFormat: ".0s", tickValues: [-7000, -3000, 0, 20000, 40000, 60000, 80000]}));
svg.append("g")
.selectAll("path")
.data(joinedPrefectures)
.join("path")
.attr("fill", d => color(data.get(d.id)))
.attr("d", path)
.append("title")
.text(d => `${d.id}
${format(data.get(d.id))}`)
return svg.node()
}
max = {
const values = Array.from(data.values())
const arrayMax = d3.max(values)
return arrayMax
}
color = d3.scaleDiverging()
.domain([min, 0, max])
.interpolator(d3.interpolatePRGn)
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.
