Basic sin graph

A simple graph of a sin function.

This example demonstrates how to create the most basic sort of graph, a line graph. A legend has been added as well, using anchors to position it based on the pixel size of the graph.

 // SPDX-FileCopyrightText: Copyright (c) 2024 Refeyn Ltd and other QuickGraphLib contributors
 // SPDX-License-Identifier: MIT

 import QtQuick
 import QuickGraphLib as QuickGraphLib
 import QuickGraphLib.GraphItems as QGLGraphItems
 import QuickGraphLib.PreFabs as QGLPreFabs

 QGLPreFabs.XYAxes {
     id: axes

     viewRect: Qt.rect(-20, -1.1, 760, 2.2)
     xLabel: "Angle (°)"
     yLabel: "Value"

     QGLGraphItems.Line {
         id: sinLine

         dataTransform: axes.dataTransform
         path: QuickGraphLib.Helpers.linspace(0, 720, 100).map(x => Qt.point(x, Math.sin(x / 180 * Math.PI)))
         strokeColor: "red"
         strokeWidth: 2
     }
     QGLGraphItems.BasicLegend {
         anchors.margins: 10
         anchors.right: parent.right
         anchors.top: parent.top

         QGLGraphItems.BasicLegendItem {
             strokeColor: sinLine.strokeColor
             text: "Sin(θ)"
         }
     }
 }