---
source: https://qlik.dev/extend/create-viz-picasso/get-started/examples/
last_updated: 2025-07-08T16:09:30Z
---

# Examples

The majority of the following examples are reactive notebooks - a powerful way
of creating interactive documents.

## Charts

- [Scatter plot](https://observablehq.com/@miralemd/picasso-js-example)
- [Population pyramid](https://observablehq.com/@miralemd/population-pyramid)
- [Point matrix](https://observablehq.com/@miralemd/picasso-js-point-matrix)
- [Bar chart](https://observablehq.com/@miralemd/picasso-js-bar-chart)
- [Stacked bar chart](https://observablehq.com/@miralemd/picasso-js-stacked-bar-chart)
- [Box plot](https://observablehq.com/@miralemd/picasso-js-box-plot)
- [Gantt chart](https://observablehq.com/@miralemd/picassojs-gantt-chart)
- [Bullet graph](https://observablehq.com/@miralemd/picasso-js-bullet-graph)
- [Line chart](https://observablehq.com/@miralemd/picasso-js-line-chart)
- [Area chart](https://observablehq.com/@miralemd/picasso-js-area-chart)
- [Stacked area chart](https://observablehq.com/@miralemd/picasso-js-stacked-area-chart)
- [Multiple lines](https://observablehq.com/@miralemd/picasso-js-multi-axis-line-chart)
- [Stream graph](https://observablehq.com/@miralemd/picasso-js-stream-graph)
- [Area range](https://observablehq.com/@miralemd/picasso-js-range-area-chart)
- [Dumbbell plot](https://observablehq.com/@miralemd/picasso-js-dumbbell-plot)
- [Pie chart](https://observablehq.com/@miralemd/picasso-js-pie-chart)
- [Donut chart](https://observablehq.com/@miralemd/picasso-js-donut-chart)
- [Heat map](https://observablehq.com/@miralemd/picasso-js-heat-map)
- [Parallel coordinates plot](https://observablehq.com/@miralemd/parallel-coordinates-plot)
- [Marimekko chart](https://observablehq.com/@miralemd/marimekko-chart)

## Brushing

- [Lasso](https://observablehq.com/@cbt1/picasso-js-lasso-brushing)
- [Range](https://observablehq.com/@cbt1/picasso-js-range-brushing)

## Miscellaneous

- [Labeling bars](https://observablehq.com/@miralemd/picasso-js-labeling-bars)
- [Streaming line chart](https://observablehq.com/@miralemd/streaming-line-chart)
- [Donut chart with labels](https://observablehq.com/@miralemd/donut-chart-with-labels)
- [Donut chart with varying radius](https://observablehq.com/@miralemd/donut-chart-with-varying-radius)
- [How to add a tooltip to your chart](https://observablehq.com/@cbt1/picasso-js-using-the-built-in-tooltip-component)