Skip to the content

Chikyu Earth地球

A line-drawn globe of the world's countries that turns at the Earth's own rate, with an optional realistic Earth from space and markers for any place.

Chikyu is the Japanese word 地球 for the Earth. About the name

Contents

Reference · The globe as an SVG string

STYLESconstant

The looks the globe is drawn in, by name: line (thin outlines) and thick.

Import it

import { STYLES } from "@johnmorrisdotca/chikyu-earth";

Definition

const STYLES: { readonly line: { readonly line: "#8fa1b8"; readonly ocean: "#0b1424"; readonly land: "#13203a"; readonly outline: 0.5; readonly horizon: 1; readonly graticule: 0.3; }; readonly thick: { readonly line: "#b4c2d4"; readonly ocean: "#0b1424"; readonly land: "#1a2b47"; readonly outline: 1.2; readonly horizon: 2; readonly graticule: 0.5; }; } = {
    line: { line: "#8fa1b8", ocean: "#0b1424", land: "#13203a", outline: 0.5, horizon: 1, graticule: 0.3 },
    thick: { line: "#b4c2d4", ocean: "#0b1424", land: "#1a2b47", outline: 1.2, horizon: 2, graticule: 0.5 },
} as const satisfies Record<string, Style>

Members

NameTypeDescription
line{ readonly line: "#8fa1b8"; readonly ocean: "#0b1424"; readonly land: "#13203a"; readonly outline: 0.5; readonly horizon: 1; readonly graticule: 0.3; }
thick{ readonly line: "#b4c2d4"; readonly ocean: "#0b1424"; readonly land: "#1a2b47"; readonly outline: 1.2; readonly horizon: 2; readonly graticule: 0.5; }

Examples

import { STYLES } from "@johnmorrisdotca/chikyu-earth";

console.log(Object.keys(STYLES), STYLES.line.ocean);
[ 'line', 'thick' ] #0b1424

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/chikyu-earth 0.11.0.