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

calloutFaultsfunction

The two faults a printed sheet is held to, counted over its placed leaders: pairs that cross, and pairs closer than a radius - or than they start, where two regions start closer than that - counting a line through another number's circle as close too.

Import it

import { calloutFaults } from "@johnmorrisdotca/chizu";

Definition

function calloutFaults(spots: ReadonlyArray<{ x: number; y: number; hx: number; hy: number; }>, radius: number): { crossings: number; close: number; }

Parameters

NameTypeDescription
spotsreadonly { x: number; y: number; hx: number; hy: number; }[]

Placed native callouts and their leader endpoints.

radiusnumber

The circle or label radius in native map units.

Returns

{ crossings: number; close: number; }

The two faults a printed sheet is held to, counted over its placed leaders: pairs that cross, and pairs closer than a radius - or than they start, where two regions start closer than that - counting a line through another number's circle as close too.

Examples

import { calloutFaults } from "@johnmorrisdotca/chizu";

// Two leaders that cross: from (0,0) to a circle at (10,10), and from (10,0) to one at (0,10).
console.log(calloutFaults([{ x: 0, y: 0, hx: 10, hy: 10 }, { x: 10, y: 0, hx: 0, hy: 10 }], 1));
// { crossings: 1, close: 0 }
{ crossings: 1, close: 0 }

What it prints (run when this page was built)

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