Interactive Circle

Container Node

<div class="comp-interactive-circle" data-color="blue"></div>

Data-Attributes

| Parameter | Options | | ---------- | ------------------- | | data-color | blue, green, yellow |

Data JSON

window.__INTERACTIVE_CIRCLE_ITEMS__ = [
    {
        id: 0,
        title: 'Schlüsselfertige Komplettlösungen',
        text:
            'Mit unserer integrierten Solarlösung liefern wir Ihnen schlüsselfertige Komplettsysteme. So erzeugen wir zuverlässig sauberen Strom, der im Gebäude selbst oder an weiteren Standorten genutzt werden kann.',
        path: './animations/schluesselfertige_komplettloesungen.json',
        loopFrame: 50,
        endFrame: 222,
        links: [
            {
                name: 'Batteriespeicher',
                href: 'https://www.ewz.ch/de/privatkunden.html',
            },
        ],
    },
    {
        id: 1,
        title: 'Architektonische Sonderlösungen',
        text:
            'Ob fassaden- oder dachintegriert, fix, sonnenstandnachgeführt oder als Verschattungselement: Der kreativen Verwendung von Photovoltaik sind kaum Grenzen gesetzt.',
        path: './animations/architektonische_sonderloesungen.json',
        loopFrame: 50,
        endFrame: 206,
        links: [
            {
                name: 'Batteriespeicher',
                href: 'https://www.ewz.ch/de/privatkunden.html',
            },
            {
                name: 'Mehr erfahren',
                href: 'https://www.ewz.ch/de/privatkunden.html',
            },
        ],
    },
    ...
]