---
source: https://www.jointjs.com/demos/planogram
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/planogram/README.md
generated: 2026-10-06
format: markdown
---

# JointJS+: Planogram <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

The Planogram demo is a useful example of a visual application built with JointJS+. It uses some key plugins such as FreeTransform and PaperScroller to create an application that aims to help retailers better organize their brick-and-mortar stores and ultimately maximize sales.

This demo is also available online at [jointjs.com](https://jointjs.com/demos/planogram).

## Available Versions

- [JavaScript](./js/)
- [TypeScript](./ts/)

## Screenshot

![screenshot](./screenshot.png)