Method compose

src/runtime/Infographic.tsx:135–169

* Compose the SVG template

(parsedOptions: ParsedInfographicOptions)

   * Compose the SVG template
   */
  compose(parsedOptions: ParsedInfographicOptions): SVGSVGElement {
    const { design, data, themeConfig } = parsedOptions;
    const { title, item, items, structure } = design;
    const { component: Structure, props: structureProps } = structure;
    const Title = title.component;
    const Item = item.component;
    const Items = items.map((it) => it.component);

    // Apply theme font-family before measurement so measureText uses the correct font
    const themeFontFamily = themeConfig?.base?.text?.['font-family'];
    const previousDefaultFont = DEFAULT_FONT;
    if (themeFontFamily) setDefaultFont(themeFontFamily);

    try {
      const svg = renderSVG(
        <Structure
          data={data}
          Title={Title}
          Item={Item}
          Items={Items}
          options={parsedOptions}
          {...structureProps}
        />,
      );

      const template = parseSVG(svg);
      if (!template) {
        throw new Error('Failed to parse SVG template');
      }
      return template;
    } finally {
      // Restore previous default font
      if (themeFontFamily) setDefaultFont(previousDefaultFont);
    }
  }

  getTypes() {
    const parsedOptions = this.parsedOptions;