I'm creating a web app for selling online tickets. Where the user will be able to design a seating chart. Each seating chart has a collection of seats. These seats can be assigned unique numbers or names. You can organize seats into larger groups, such as rows, sections, or levels. In other words, the user will be able to design their layout.

What can be used in the front end for the user to design the layout? Is there some JavaScript library (ideally open source) that could help me?

It will look more or less like this:

Graphic showing seats in differently colored groups

  • 1
    Does this need to be free or can it be commercial?
    – Tom
    Commented Jun 24, 2016 at 19:28

3 Answers 3


One that I know of is called, "jQuery Seat Charts". It's open source available on GitHub and provides an easy way to create/design seat charts available in webpages. It creates a map along with a legend proving an easy interface for any user to choose the seats that they want.

jQuery Seat Charts (open source)

jQuery Seat Charts (JSC) is a full-blown seat map library. It will generate an accessible map, legend, handle mouse & keyboard events and finally give you powerful selectors to control your map.

Screenshot of application


Essential Diagram for JavaScript supports creating any kind of diagram including seating charts.


Diagram JS Airline seating map

The whole product is available for free through the community license if you qualify (less than 1 million USD in revenue).

I work for Syncfusion.


There are many options available. If you are planning to buy I can suggest below charts which you can customize.

http://www.seatingcharts.com/Demo enter image description here

  • link is broken can you update it?
    – shareef
    Commented May 4, 2020 at 11:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.