.. DO NOT EDIT.
.. THIS FILE WAS AUTOMATICALLY GENERATED BY SPHINX-GALLERY.
.. TO MAKE CHANGES, EDIT THE SOURCE PYTHON FILE:
.. "_gallery/feature_demo/line_plot.py"
.. LINE NUMBERS ARE GIVEN BELOW.

.. only:: html

    .. note::
        :class: sphx-glr-download-link-note

        :ref:`Go to the end <sphx_glr_download__gallery_feature_demo_line_plot.py>`
        to download the full example code.

.. rst-class:: sphx-glr-example-title

.. _sphx_glr__gallery_feature_demo_line_plot.py:


Line plot
=========

Show a line plot, with axii and a grid.

.. GENERATED FROM PYTHON SOURCE LINES 7-102



.. image-sg:: /_gallery/feature_demo/images/sphx_glr_line_plot_001.webp
   :alt: line plot
   :srcset: /_gallery/feature_demo/images/sphx_glr_line_plot_001.webp
   :class: sphx-glr-single-img





.. code-block:: Python



    import numpy as np
    from rendercanvas.auto import RenderCanvas, loop
    import pygfx as gfx
    from pylinalg import vec_transform, vec_unproject


    canvas = RenderCanvas()
    renderer = gfx.WgpuRenderer(canvas)

    scene = gfx.Scene()

    background = gfx.Background.from_color("#000")

    grid = gfx.Grid(
        None,
        gfx.GridMaterial(
            major_step=1,
            minor_step=0,
            thickness_space="screen",
            major_thickness=2,
            minor_thickness=0.5,
            infinite=True,
        ),
        orientation="xy",
    )
    grid.local.z = -10

    rulerx = gfx.Ruler(tick_side="right", tick_marker="tick_left", min_tick_distance=50)
    rulery = gfx.Ruler(tick_side="left", tick_marker="tick_right", min_tick_distance=40)

    x = np.linspace(20, 980, 200, dtype=np.float32)
    y = np.sin(x / 30) * 4
    positions = np.column_stack([x, y, np.zeros_like(x)])

    line = gfx.Line(
        gfx.Geometry(positions=positions),
        gfx.LineMaterial(thickness=4.0, color="#aaf"),
    )
    scene.add(background, grid, rulerx, rulery, line)

    camera = gfx.OrthographicCamera(maintain_aspect=False)
    camera.show_object(scene, match_aspect=True, scale=1.1)

    controller = gfx.PanZoomController(camera, register_events=renderer)


    def map_screen_to_world(pos, viewport_size):
        # first convert position to NDC
        x = pos[0] / viewport_size[0] * 2 - 1
        y = -(pos[1] / viewport_size[1] * 2 - 1)
        pos_ndc = (x, y, 0)

        pos_ndc += vec_transform(camera.world.position, camera.camera_matrix)
        # unproject to world space
        pos_world = vec_unproject(pos_ndc[:2], camera.camera_matrix)

        return pos_world


    def animate():
        # get range of screen space
        xmin, ymin = 0, renderer.logical_size[1]
        xmax, ymax = renderer.logical_size[0], 0

        world_xmin, world_ymin, _ = map_screen_to_world((xmin, ymin), renderer.logical_size)
        world_xmax, world_ymax, _ = map_screen_to_world((xmax, ymax), renderer.logical_size)

        # set start and end positions of rulers
        rulerx.start_pos = world_xmin, 0, 10
        rulerx.end_pos = world_xmax, 0, 10

        rulerx.start_value = rulerx.start_pos[0]

        statsx = rulerx.update(camera, canvas.get_logical_size())

        rulery.start_pos = 0, world_ymin, 10
        rulery.end_pos = 0, world_ymax, 10

        rulery.start_value = rulery.start_pos[1]
        statsy = rulery.update(camera, canvas.get_logical_size())

        major_step_x, major_step_y = statsx["tick_step"], statsy["tick_step"]
        grid.material.major_step = major_step_x, major_step_y
        grid.material.minor_step = 0.2 * major_step_x, 0.2 * major_step_y

        # print(statsx)

        renderer.render(scene, camera)


    if __name__ == "__main__":
        canvas.request_draw(animate)
        loop.run()


.. rst-class:: sphx-glr-timing

   **Total running time of the script:** (0 minutes 0.446 seconds)


.. _sphx_glr_download__gallery_feature_demo_line_plot.py:

.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-example

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download Jupyter notebook: line_plot.ipynb <line_plot.ipynb>`

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download Python source code: line_plot.py <line_plot.py>`

    .. container:: sphx-glr-download sphx-glr-download-zip

      :download:`Download zipped: line_plot.zip <line_plot.zip>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_

.. only:: html

    Interactive example
    -------------------

    Try this example in your browser using Pyodide. Might not work with all examples and all devices. Check the output and your browser's console for details.

    .. raw:: html

        <iframe src="./../pyodide.html#line_plot.py"></iframe>