---
title: "Plotly"
manual: "SAV Charts"
version: "main"
permalink: "https://docs.typo3.org/permalink/yolftypo3/sav-charts:screenshootsplotlycharts@main"
source: "Introduction/Screenshoots/PlotlyCharts/Index.rst"
rendered: "2026-10-09T13:07:41+00:00"
---

# Plotly {#screenshootsplotlycharts}

Examples for the `Plotly` library are available in
**Resources/Private/Templates/PlotlyChartsExamples**.

The following screenshots were obtained
with the provided basic templates. Plotly offers
many other features (see [Plotly Examples](https://plotly.com/javascript/)).

## Bar Charts {#bar-charts}

![](../../../Images/ScreenShots/PlotlyCharts/barChart.png)

Horizontal charts, stacked charts
are special cases of bar charts.

![](../../../Images/ScreenShots/PlotlyCharts/horizontalBarChart.png)

![](../../../Images/ScreenShots/PlotlyCharts/stackedBarChart.png)

## Funnel Charts {#funnel-charts}

![](../../../Images/ScreenShots/PlotlyCharts/funnelChart.png)

## Indicator Charts {#indicator-charts}

![](../../../Images/ScreenShots/PlotlyCharts/indicatorChart.png)

## Line Charts {#line-charts}

![](../../../Images/ScreenShots/PlotlyCharts/lineChart.png)

## Pie Charts {#pie-charts}

![](../../../Images/ScreenShots/PlotlyCharts/pieChart.png)

Doughnut charts
are special cases of pie charts.

![](../../../Images/ScreenShots/PlotlyCharts/doughnutChart.png)

## Scatter Charts {#scatter-charts}

![](../../../Images/ScreenShots/PlotlyCharts/scatterChart.png)

## 2D Contour and 3D surface with Data from Spreadsheets {#2d-contour-and-3d-surface-with-data-from-spreadsheets}

![](../../../Images/ScreenShots/PlotlyCharts/Gaussian2D.png)

![](../../../Images/ScreenShots/PlotlyCharts/Surface3D.png)