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

.. only:: html

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

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

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

.. _sphx_glr_examples_ribbonbox_notebook.py:


====================
Demo of SVG bar chart
====================

.. GENERATED FROM PYTHON SOURCE LINES 6-155



.. rst-class:: sphx-glr-horizontal


    *

      .. image-sg:: /examples/images/sphx_glr_ribbonbox_notebook_001.png
         :alt: ribbonbox notebook
         :srcset: /examples/images/sphx_glr_ribbonbox_notebook_001.png
         :class: sphx-glr-multi-img

    *

      .. image-sg:: /examples/images/sphx_glr_ribbonbox_notebook_002.png
         :alt: ribbonbox notebook
         :srcset: /examples/images/sphx_glr_ribbonbox_notebook_002.png
         :class: sphx-glr-multi-img

    *

      .. image-sg:: /examples/images/sphx_glr_ribbonbox_notebook_003.png
         :alt: ribbonbox notebook
         :srcset: /examples/images/sphx_glr_ribbonbox_notebook_003.png
         :class: sphx-glr-multi-img

    *

      .. image-sg:: /examples/images/sphx_glr_ribbonbox_notebook_004.png
         :alt: ribbonbox notebook
         :srcset: /examples/images/sphx_glr_ribbonbox_notebook_004.png
         :class: sphx-glr-multi-img





.. code-block:: Python


    # Let's try to read gift-pack-svgrepo-com2.svg
    # https://www.svgrepo.com/svg/368437/gift-pack


    xmlstring = b"""
    <svg width="800px" height="800px" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg">

    <defs>

    <style>.cls-1{fill:#ffffff;}.cls-2{fill:#ff8898;}.cls-3{fill:#e6d488;}.cls-4{fill:#ffeb97;}.cls-5{fill:#576065;}</style>

    </defs>

    <title>gift-pack</title>

    <g id="gift-pack">

    <g id="gift-pack-2" data-name="gift-pack">

    <g id="fill">

    <path class="cls-1" d="M79.77,46.59V85a3.18,3.18,0,0,1-3.16,3.2H13.39A3.18,3.18,0,0,1,10.22,85V46.59Z"/>

    <path class="cls-2" d="M82.57,43.21a3.17,3.17,0,0,1-3.13,3.2H10.56a3.17,3.17,0,0,1-3.13-3.2V28.81a3.17,3.17,0,0,1,3.13-3.2H79.43a3.17,3.17,0,0,1,3.13,3.2Z"/>

    <rect class="cls-3" x="38.43" y="46.59" width="13.15" height="41.61"/>

    <rect class="cls-4" x="38.43" y="25.61" width="13.15" height="20.98"/>

    </g>

    <g id="outline">

    <path class="cls-5" d="M76.61,90H13.39a5,5,0,0,1-5-5V46.59a1.8,1.8,0,0,1,1.8-1.8H79.77a1.8,1.8,0,0,1,1.8,1.8V85A5,5,0,0,1,76.61,90ZM12,48.39V85a1.38,1.38,0,0,0,1.36,1.4H76.61A1.38,1.38,0,0,0,78,85V48.39Z"/>

    <path class="cls-5" d="M79.43,48.22H10.56a5,5,0,0,1-4.93-5V28.81a5,5,0,0,1,4.93-5H79.43a5,5,0,0,1,4.93,5v14.4A5,5,0,0,1,79.43,48.22ZM10.56,27.41a1.37,1.37,0,0,0-1.33,1.4v14.4a1.37,1.37,0,0,0,1.33,1.4H79.43a1.37,1.37,0,0,0,1.33-1.4V28.81a1.37,1.37,0,0,0-1.33-1.4Z"/>

    <path class="cls-5" d="M47.4,26.77a4.33,4.33,0,0,1-3.23-1.2C39.49,20.78,51,4.75,52.88,2.84A9.35,9.35,0,0,1,59.61,0h0a9.52,9.52,0,0,1,6.84,2.9,9.91,9.91,0,0,1,.06,13.78h0C64.14,19.11,53.27,26.77,47.4,26.77ZM59.61,3.6h0a5.78,5.78,0,0,0-4.16,1.76c-3.84,3.93-10.17,16.08-8.7,17.7,1.6,1.43,13.4-5,17.19-8.9a6.29,6.29,0,0,0-.06-8.74A5.94,5.94,0,0,0,59.61,3.6Zm5.62,11.82h0Z"/>

    <path class="cls-5" d="M42.55,26.86h0c-5.83,0-16.76-7.74-19.16-10.2h0a9.87,9.87,0,0,1,0-13.73A9.37,9.37,0,0,1,30.1.07h0A9.44,9.44,0,0,1,36.89,3a52.71,52.71,0,0,1,7,10.55c3.19,6.19,3.79,10.18,1.83,12.18A4.26,4.26,0,0,1,42.55,26.86ZM30.1,3.67a5.8,5.8,0,0,0-4.17,1.77,6.25,6.25,0,0,0,0,8.7h0c3.84,3.93,15.47,10.34,17.2,9,1.36-1.74-4.93-13.7-8.83-17.69a5.87,5.87,0,0,0-4.22-1.8Z"/>

    <path class="cls-5" d="M39.36,89.73a1.8,1.8,0,0,1-1.8-1.8V27.11a1.8,1.8,0,0,1,3.6,0V87.93A1.8,1.8,0,0,1,39.36,89.73Z"/>

    <path class="cls-5" d="M50.64,89.73a1.8,1.8,0,0,1-1.8-1.8V27.11a1.8,1.8,0,0,1,3.6,0V87.93A1.8,1.8,0,0,1,50.64,89.73Z"/>

    <path class="cls-5" d="M28.8,39.29a1.8,1.8,0,0,1-1.52-2.76c.28-.45,7.07-11,17.48-13.84a1.8,1.8,0,0,1,.95,3.47c-9.08,2.48-15.33,12.19-15.39,12.29A1.8,1.8,0,0,1,28.8,39.29Z"/>

    <path class="cls-5" d="M61.2,39.29a1.8,1.8,0,0,1-1.57-.92c-2.49-4.47-11.88-10.53-15.29-12.49a1.8,1.8,0,0,1,1.79-3.12c.54.31,13.15,7.6,16.64,13.86a1.8,1.8,0,0,1-1.57,2.68Z"/>

    </g>

    </g>

    </g>

    </svg>
    """

    from mpl_simple_svg_parser import SVGMplPathIterator, get_paths_extents
    from mpl_pe_fancy_bar import PathsStretcher

    from mpl_pe_fancy_bar.paths_stretcher import (
        get_normalizing_transform,
        show_paths_with_gc_prop,
        show_paths_with_patch_prop
    )

    import matplotlib.pyplot as plt

    if True:
        svg = SVGMplPathIterator(xmlstring)
        paths = list(svg.iter_mpl_path_patch_prop())

        fig, ax = plt.subplots(1, 1, num=1, clear=True)
        ax.set_aspect(True)
        show_paths_with_patch_prop(ax, paths)

        bb = get_paths_extents([p for p, _ in paths])
        tr, height = get_normalizing_transform(bb)
        paths = [(tr.transform_path(p), _) for (p, _) in paths]

        fig, ax = plt.subplots(1, 1, num=2, clear=True)
        ax.set_aspect(True)
        show_paths_with_patch_prop(ax, paths, show_i=True)

        plt.show()


    def get_ribbonbox_drawer():

        svg = SVGMplPathIterator(xmlstring)
        paths = list(svg.iter_mpl_path_patch_prop())
        bb = get_paths_extents([p for p, _ in paths])
        tr, height = get_normalizing_transform(bb)
        paths = [(tr.transform_path(p), _) for (p, _) in paths]

        def get_color(i, p, fc, ec, fc_new, ec_new):
            if i == 0:
                return fc_new, ec

            return fc, ec

        # we use height of the box without the ribbon part at the top.
        ribbonbox_drawer = PathsStretcher(paths, height-0.3, y_thresh=0.4, height_lim=0.4,
                                          fn_get_color=get_color)


        return ribbonbox_drawer

    if True:
        ribbonbox_drawer = get_ribbonbox_drawer()
        paths = ribbonbox_drawer(3.4, "y")

        fig, ax = plt.subplots(1, 1, num=5, clear=True)
        ax.set_aspect(True)
        show_paths_with_gc_prop(ax, paths)

        plt.show()

    if True:

        import numpy as np
        import matplotlib.pyplot as plt
        from matplotlib.patheffects import Normal
        import mpl_visual_context.patheffects as pe

        np.random.seed(19680)

        # Example data
        n = 4
        x_pos = np.arange(n)
        performance = 5 * np.random.rand(n)
        colors = [f"C{i}" for i in range(n)]

        fig, ax = plt.subplots(1, 1, num=6, clear=True)

        bars = ax.bar(x_pos, performance, align='center', alpha=0.7, color=colors)

        drawer = get_ribbonbox_drawer()

        # from mpl_visual_context.patheffects_path import BarTransformFromFunc
        from mpl_pe_fancy_bar import BarToMultiplePaths #BarTransformFromFunc
        pe1 = BarToMultiplePaths(drawer)

        for p in bars:
            p.set_path_effects([pe1])

        plt.show()


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

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


.. _sphx_glr_download_examples_ribbonbox_notebook.py:

.. only:: html

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

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

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

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

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


.. only:: html

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

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