# Render Chart and Diagram
## Content
Blazor FlexChart and FlexDiagram support rendering chart and diagram content to document, raster, and Scalable Vector Graphics (SVG) output through the **IRendering** interface.
The **Render** extension method renders chart or diagram content into an IRendering target, which determines the output format. The rendering workflow applies to FlexChart, FlexPie, FlexRadar, TreeMap, Sunburst, and FlexDiagram. The **Render** method is also available to platform-specific FlexChart and FlexDiagram controls that implement **IChartBase**.
The following image shows rendered output for a Sunburst chart and FlexDiagram.
## Prerequisites
The rendering workflow requires **C1.Chart** version **10.0.20262.107** or later.
The application must reference the appropriate FlexChart or FlexDiagram component package and the library containing the required rendering target.
| Output Format | Required NuGet Package |
| ------------- | ---------------------- |
| PDF |  [C1.Pdf](https://www.nuget.org/packages/C1.Pdf) |
| DOCX / RTF |  [C1.Pdf](https://www.nuget.org/packages/C1.Pdf) |
| PNG |  [C1.Excel](https://www.nuget.org/packages/C1.Excel) |
| SVG |  [C1.Excel](https://www.nuget.org/packages/C1.Excel) |
The **Render** extension method is available through the **C1.Chart** namespace.
>type=note
> **Note:** WinForms applications may reference C1.Win.Pdf as the platform-specific PDF package.
## Output Formats
The Render method supports the following rendering targets.
| Output Format | Rendering Target | Rendering Type |
| ------------- | ---------------- | -------------- |
| PDF | C1PdfDocument | Vector |
| DOCX / RTF | C1WordDocument | Vector |
| PNG | BitmapGraphicsRendering | Raster |
| SVG | SvgGraphicsRendering | Vector |
| SVG | SvgRendering | Vector |
The method accepts an **IRendering** target and a rectangle that specifies the position and dimensions of the rendered content.
```auto
chart.Render(target, x, y, width, height);
```
The rectangle coordinates and dimensions are specified in points.