thumbnailSvgfunction

One picture, drawn from outlines, lines and stars you supply: the outlines are framed in a square with room round them, the stars that belong to the figure are drawn in full and every other star in the frame faint, with the faint boundaries of the neighbours behind them. North is up and east is to the left, as the sky looks, and the stereographic projection keeps shapes. Each star of the figure is a <circle> with its data-hr, so a program can check it is inside the picture. There is no text in the drawing apart from its <title>.

import { thumbnailSvg } from "@johnmorrisdotca/hoshi-stars/thumbnails";

function thumbnailSvg(input: ThumbnailInput, options?: ThumbnailOptions): string

import { boundaryOf } from "@johnmorrisdotca/hoshi-stars/boundaries";
import { figureOf } from "@johnmorrisdotca/hoshi-stars/lines";
import { thumbnailSvg } from "@johnmorrisdotca/hoshi-stars/thumbnails";

const figure = figureOf("Lyr");
const svg = thumbnailSvg({ title: "Lyra", outlines: boundaryOf("Lyr").outlines, segments: figure.segments, owns: (star) => star.constellation === "Lyr" }, { theme: "light" });
console.log(svg.startsWith("<svg"));

true