1 files changed, 165 insertions, 0 deletions
diff --git a/examples/charts/qmlchartsgallery/qml/Main.qml b/examples/charts/qmlchartsgallery/qml/Main.qml
new file mode 100644
index 00000000..0670b810
--- /dev/null
+++ b/examples/charts/qmlchartsgallery/qml/Main.qml
@@ -0,0 +1,165 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick
+
+Rectangle {
+    id: root
+    width: 1200
+    height: 600
+
+    color: "#f0f0f0"
+
+    Row {
+        id: row
+        padding: 8
+        spacing: 8
+
+        Rectangle {
+            width: 200
+            height: root.height - row.padding * 2
+            border.width: 1
+
+            ListView {
+                id: listView
+                focus: true
+                anchors.fill: parent
+                anchors.margins: 1
+                highlightMoveDuration: 250
+                orientation: ListView.Vertical
+                boundsBehavior: Flickable.StopAtBounds
+                currentIndex: 0
+                clip: true
+
+                model: ListModel {
+                    ListElement {
+                        name: "Area Chart"
+                        component: "AreaSeries.qml"
+                    }
+                    ListElement {
+                        name: "Bar Chart"
+                        component: "BarSeries.qml"
+                    }
+                    ListElement {
+                        name: "Bar Chart Horizontal"
+                        component: "BarSeriesHorizontal.qml"
+                    }
+                    ListElement {
+                        name: "Bar Chart Percent"
+                        component: "BarSeriesPercent.qml"
+                    }
+                    ListElement {
+                        name: "Bar Chart Percent Horizontal"
+                        component: "BarSeriesPercentHorizontal.qml"
+                    }
+                    ListElement {
+                        name: "Bar Chart Stacked"
+                        component: "BarSeriesStacked.qml"
+                    }
+                    ListElement {
+                        name: "Bar Chart Stacked Horizontal"
+                        component: "BarSeriesStackedHorizontal.qml"
+                    }
+                    ListElement {
+                        name: "Box Plot Chart"
+                        component: "BoxPlotSeries.qml"
+                    }
+                    ListElement {
+                        name: "Candlestick Chart"
+                        component: "CandlestickSeries.qml"
+                    }
+                    ListElement {
+                        name: "Category Axis"
+                        component: "CategoryAxis.qml"
+                    }
+                    ListElement {
+                        name: "Category Axis Polar"
+                        component: "CategoryAxisPolar.qml"
+                    }
+                    ListElement {
+                        name: "Custom Legend"
+                        component: "customlegend/Main.qml"
+                    }
+                    ListElement {
+                        name: "Datetime Axis"
+                        component: "DateTimeAxis.qml"
+                    }
+                    ListElement {
+                        name: "Datetime Axis Polar"
+                        component: "DateTimeAxisPolar.qml"
+                    }
+                    ListElement {
+                        name: "Donut"
+                        component: "Donut.qml"
+                    }
+                    ListElement {
+                        name: "F1 Legends"
+                        component: "f1legends/F1Legends.qml"
+                    }
+                    ListElement {
+                        name: "Line Chart"
+                        component: "LineSeries.qml"
+                    }
+                    ListElement {
+                        name: "Pie Chart"
+                        component: "PieChart.qml"
+                    }
+                    ListElement {
+                        name: "Spline Chart"
+                        component: "SplineSeries.qml"
+                    }
+                    ListElement {
+                        name: "Scatter Chart"
+                        component: "ScatterSeries.qml"
+                    }
+                    ListElement {
+                        name: "Two Series in Chart"
+                        component: "TwoSeries.qml"
+                    }
+                    ListElement {
+                        name: "Two Series in Polar Chart"
+                        component: "TwoSeriesPolar.qml"
+                    }
+                    ListElement {
+                        name: "Wheel of Fortune"
+                        component: "WheelOfFortune.qml"
+                    }
+                }
+
+                delegate: Text {
+                    property string source: component
+                    text: name
+                    width: listView.width
+                    leftPadding: 4
+
+                    MouseArea {
+                        anchors.fill: parent
+                        onClicked: {
+                            listView.currentIndex = index
+                        }
+                    }
+                }
+
+                highlight: Rectangle {
+                    color: "lightblue";
+                }
+            }
+        }
+
+        Rectangle {
+            height: root.height - row.padding * 2
+            width: root.width - listView.width - row.spacing - row.padding * 2
+            radius: 5
+            clip: true
+
+            Loader {
+                id: loader
+                anchors.fill: parent
+                anchors.margins: 4
+
+                asynchronous: true
+                source: listView.currentItem.source
+            }
+        }
+    }
+}