Designer, Artist, Researcher, Educator @sugi2000lab .
co-translator for Japanese edition of “Generative Design” and “Code as Creative Medium”.
Also listed in…
ばぶでもわかるおぶざばぶる
japan.objects.prefectures.geometries
topojson.feature(japan, japan.objects.prefectures).features
color = id => {
const d = data.find(d => d.id === id);
if (d.warningRate > 0) {
return warningColor(d.warningRate);
} else if (d.watchRate > 0) {
return watchColor(d.watchRate);
} else {
return "#eee";
}
}
warningColor = d3
.scaleLinear()
.domain([0, 1])
.range(["hsl(0, 100%, 90%)", "hsl(0, 100%, 40%)"])
watchColor = d3
.scaleLinear()
.domain([0, 1])
.range(["hsl(30, 100%, 90%)", "hsl(30, 100%, 50%)"])
data = d3.csvParse(rawData, d3.autoType).map((d, i) => ({
warningRate: d['警報数'] / d['保健所数'],
watchRate: d['注意報数'] / d['保健所数'],
id: d3.format("02")(i + 1),
...d
}))
japan = d3.json("https://unpkg.com/jpn-atlas@1/japan/japan.json")
import { legend } from "@d3/color-legend"
topojson = require("topojson-client@3")
d3 = require("d3@5")
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.
