GdGolden Dawn Temple Hall, from magick-components
A Golden Dawn temple hall as inline SVG, drawn from a gdHall node such as a preset's (magick-components/gd/hall/presets). It renders on the server as well as in the browser: its layout is computed from the node, its labels' widths from the metrics of the fonts the package ships, and its gradient and pattern ids from useId, so several halls can share a page. The node is treated as untrusted: its strings only reach text nodes, unknown tags draw as dashed placeholders, and nothing is loaded by URL except the fonts fontBaseUrl points at.
import GdHall from "magick-components/gd/hall";magick-components is on npm, under MIT (how to install it), and its source is in the app's repository.
<GdHall hall={hall} />hall is the example's own data, too long to show here: see the example module.
The site also serves this drawing as an image: SVG.
| Prop | Type | Default | Description |
|---|---|---|---|
hall required | HallNode | The compiled gdHall node; anything else draws an empty hall. | |
art | HallArtRegistry | The art for each kind of object; the package's own when not given. A registry of your own can add kinds or draw them differently. | |
className | string | The <svg>'s class. | |
fontBaseUrl | string | Where the hall's WOFF2 subsets are served (such as /fonts). When set, the SVG carries its own @font-face rules; otherwise the page must. | |
height | string | number | The SVG's height; from the width and the hall's shape when not given. | |
style | CSSProperties | The <svg>'s style. | |
width | string | number | The SVG's width; from the height and the hall's shape when not given. |
