JSFiddle - React, Tailwind, and code Playground

by seatsio

HTML

<script src="https://cdn.seatsio.net/chart.js"></script>

<div id="chart"></div>

JavaScript

new seatsio.SeatingChart({
	publicKey: 'publicDemoKey',
  chart: 'demoChartLargeTheatre',
  isObjectSelectable: (object, dflt, extraConfig) => {
    return !extraConfig.unavailableSections[object.labels.section];
  },
  extraConfig: {
    unavailableSections: {
      'East Choir': true,
      'West Choir': true
    }
  }
}).render();