Chizu地図

import WORLD from "@johnmorrisdotca/chizu/world"; import { drawChizu } from "@johnmorrisdotca/chizu/draw";
drawChizu(WORLD, { tones: { JP: "selected" }, language: "ja" }) // the world as SVG text, Japan lit, names in Japanese
const spots = layoutCallouts(WORLD, { codes: ["JP", "BR", "EG", "AU"], radiusRatio: 0.02 }) // numbered circles in open water, leaders that never cross
const q = findQuestion(WORLD, "FR", seededRandom(7)) // { target: "FR", choices: ["BE", "FR", "DE", "CH"], answerIndex: 1 }
const france = await loadDivisions("fr") // its 96 départements, one file, fetched when asked for
projectPoint(WORLD, 139.69, 35.69) // [x, y] of Tokyo on the world's canvas, to pin a member there
mountChizu(element, { map: WORLD, onSelect: (code) => … }) // a map to drag, zoom and press, by touch, mouse and keyboard