@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

or

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);

Documentation

For detailed documentation, visit our:

• Knowledge Base - Complete documentation for all Seatmap.pro components
• Renderer Specification - Detailed API reference for the renderer
• API Documentation - Additional API documentation

Examples

Check out our examples page for implementation samples.

Product Website

For more information, pricing, and demos, visit https://seatmap.pro.

License

This package is licensed under a commercial license. Please contact [email protected] for licensing information.

Support

For support, please contact [email protected] or visit our support portal.