Skip to the content

Chizu地図

Draw SVG maps, frame regions, place numbered callouts and build geography quizzes with English and Japanese names.

Chizu is the Japanese word 地図 for map. About the name

Contents

Reference · Framing, geometry and quiz tools

CalloutLandtype

One drawn region, as the outlines it is actually drawn with.

A circle keeps out of the rings themselves, so the Seto Inland Sea, Tokyo Bay and the gap between Kyushu and Shikoku are all places a number can go. A leader is only measured against the boxes around those rings, because "cross minimal number of states" is a count of places rather than a question about a coastline, and the leaders are costed thousands of times a draw.

Import it

import type { CalloutLand } from "@johnmorrisdotca/chizu";

Definition

type CalloutLand = {
    rings: readonly MapRing[];
};

Members

NameTypeDescription
ringsreadonly MapRing[]

Examples

import { calloutSpaces, parseMapRings, type CalloutLand } from "@johnmorrisdotca/chizu";

const island: CalloutLand = { rings: parseMapRings("M30,30L70,30L70,70L30,70Z") };
const spaces = calloutSpaces(4, { x: 0, y: 0, width: 100, height: 100 }, { bottom: 0, right: 0 }, [island]);
console.log(spaces.every((place) => !(place.x > 34 && place.x < 66 && place.y > 34 && place.y < 66)));
// true
true

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/chizu 1.5.0.