In this online campground reservation demo, the diagram shows a campground map with the campsites colored according to availability.

Each site is annotated with the site number, and the yellow and blue dots on the lower right of each site indicate electric and full hookups, respectively. Available sites are shown in gray, sites already reserved by others are red, and sites reserved for you are green. Tooltips show additional campsite detail.

The Date toggles select between two hypothetical reservation dates. Choose a date and select a site on the campground map to reserve.