<!--
 //////////////////////////////////////////////////////////////////////////////
 // @license
 // This file is part of yFiles for HTML 2.6.
 // Use is subject to license terms.
 //
 // Copyright (c) 2000-2024 by yWorks GmbH, Vor dem Kreuzberg 28,
 // 72070 Tuebingen, Germany. All rights reserved.
 //
 //////////////////////////////////////////////////////////////////////////////
-->
# Node Label Placement Demo

# Node Label Placement Demo

This demo shows how to configure node labels and the corresponding node label models as well as how to apply the automatic node labeling algorithm.

## Things to Try

- Add a new city by clicking on the canvas.
- Edit a label by selecting it and pressing F2.
- Drag labels into different valid positions.
- Run the label placement algorithm by clicking the button 'Place Labels'.
- Change the label model using the select box in the toolbar. The label placement algorithm runs automatically.
- Change the font size of the labels using the select box in the toolbar. The label placement algorithm runs automatically.
