@seatmap.pro/renderer NPM

@seatmap.pro/renderer

A powerful and flexible interactive seat map renderer for event ticketing systems.

Overview

The Seatmap.pro Renderer is a high-performance JavaScript library for rendering interactive venue seating charts. It provides a complete solution for displaying, selecting, and managing seats for events, concerts, theaters, sports venues, and more.

Features

Interactive seat selection and deselection
Support for general admission areas
Customizable seat and section styling
Zoom and pan functionality
Mobile-friendly with touch support
High performance rendering using Canvas/WebGL
Comprehensive event system for integration with ticketing platforms
Accessibility features

Installation

npm install @seatmap.pro/renderer

yarn add @seatmap.pro/renderer

Basic Usage

import { SeatmapBookingRenderer } from '@seatmap.pro/renderer';

// Create a new renderer instance
const renderer = new SeatmapBookingRenderer({
  container: document.getElementById('seatmap-container'),
  onSeatSelect: (seat) => {
    console.log('Seat selected:', seat);
  },
  onSchemaDataLoaded: () => {
    console.log('Schema data loaded successfully');
  }
});

// Load event data
renderer.loadEvent(eventId);