JSFiddle - React, Tailwind, and code Playground

by seatsio

HTML

<div id="chart"></div>
<script src="https://cdn.seatsio.net/chart.js"></script>
<script>
    new seatsio.SeatingChart({
        divId: 'chart',
        publicKey: '53b1ee0f-6611-4826-95a9-197be43a55e7',
        event: '963a6e3c-97b2-4d4e-a7a2-5256fd7fde66',
        showSectionContents: 'onlyAfterZoom',
        pricing: {
            prices: [
                { category: "Gold", price: 20 },
                { category: "VIP", price: 50 }
            ],
            priceFormatter: (price) => "€ " + price
        }
    }).render();
</script>