---
layout: example
title: Circle Packing Example
permalink: /examples/circle-packing/index.html
spec: circle-packing
image: /examples/img/circle-packing.png
---

A circle packing layout uses containment to convey hierarchical relationships. The layout is computed using Vega's [pack](../../docs/transforms/pack) transform. This example shows the software class hierarchy of the Flare visualization toolkit; node areas are proportional to the file size in bytes of each source code file.

{% include example spec=page.spec %}
