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: 'publicDemoKey',
        event: 'smallTheatreEvent2',
		  pricing: [
    			{ category: 1, ticketTypes: [
	        		{ ticketType: 'adult', price: 30, label: 'Adults' },
        			{ ticketType: 'child', price: 20, label: 'Children' },
        			{ ticketType: 'senior', price: 25, label: 'Senior', description: '65+ – Requires ID' }
    			]}
			],
			maxSe
    }).render();
</script>