# shumoku render [options] <input>

Canonical: https://docs.shumoku.dev/ja/cli/commands/render
Language: ja

@shumoku/cli · 0.2.28 · command

# shumoku render \[options\] <input>

[コマンドソース](https://github.com/konoe-akitoshi/shumoku/blob/main/apps/cli/src/command.ts)

CLIの説明は英語のtyped command modelをcanonical sourceとして表示しています。

Render NetworkGraph YAML/JSON to SVG/HTML/PNG

## 入力

`<input>` — NetworkGraph YAML or JSON file (use - for stdin) Format auto-detected from extension (.yaml, .yml, .json)

## オプション

| オプション | 説明 | 値 | 既定値 |
| --- | --- | --- | --- |
| `-f, --format <type>` | Output format | `svg | html | png` | `auto from extension` |
| `-o, --output <file>` | Output file | `string` | `output.svg` |
| `--theme <theme>` | Theme | `light | dark` | `light` |
| `--scale <number>` | PNG scale factor | `string` | `2` |
| `-h, --help` | Show help | `boolean` | `—` |
| `-v, --version` | Show version | `boolean` | `—` |

## 例

```
shumoku render network.yaml -o diagram.svg
shumoku render network.yaml -f html -o diagram.html
shumoku render network.yaml -f png -o diagram.png
shumoku render topology.json -o diagram.svg
cat network.yaml | shumoku render - -o diagram.svg
```

[`apps/cli/src/command.ts`](https://github.com/konoe-akitoshi/shumoku/blob/main/apps/cli/src/command.ts)