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 · The world map

defaultconstant

The world, every country a region, on one canvas 1000 wide that wraps round.

Import it

import value from "@johnmorrisdotca/chizu/world";

Definition

const map: ChizuMap

Members

NameTypeDescription
idstring

world, country-fr (France alone, from Natural Earth's countries) or divisions-fr (its départements).

kind"world" | "country" | "divisions" | "local"

What its regions are: the whole world, a single country, the divisions of one, or the shapes of a local map of a city or a venue.

namestring

The map's name in English and Japanese.

nameJa (optional)string | undefined
regionNamestring

What a region is called here, singular and plural, in English: Country, Province.

regionNamePluralstring
viewBoxstring

The canvas: 0 0 width height.

widthnumber
heightnumber
wrapsboolean

Whether its east edge is its west edge: a map of the earth is a cylinder cut open, and pans round without stopping.

projectionChizuProjection
insetsChizuInset[]

The regions drawn in boxes of their own.

sourcestring

Where the outlines come from, in a line.

regionsChizuRegion[]

Examples

import WORLD from "@johnmorrisdotca/chizu/world";

const japan = WORLD.regions.find((region) => region.code === "JP")!;
console.log(WORLD.regions.length, WORLD.viewBox, japan.nameJa, japan.groupJa);
// 173 0 0 1000 489 日本 アジア
173 0 0 1000 489 日本 アジア

What it prints (run when this page was built)

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