Dowe Views Documentation

CANVAS · INFOGRAPHIC

Infographics

Turn lines, shapes, labels, and theme tokens into portable data graphics while keeping essential meaning in semantic content.

ACCESSIBLE BY DESIGN

Pixels plus a summary

The Canvas label names the image; nearby Dowe content preserves the underlying facts.

ADVANCED EXAMPLE

Build a chart from drawing primitives

This scene uses a shared baseline, aligned labels, rounded bars, and a legend marker. Command order keeps labels above the filled bars.

Target	Renderer	Coverage
No data There are no records to display

SOURCE

Keep chart geometry explicit

Canvas is useful when a semantic chart component cannot express the visual. For standard line, bar, area, pie, or arc charts, prefer the dedicated Dowe component.

signal infographic value:[
  { type:"line" x1:160 y1:78 x2:160 y2:310 stroke:"surfaceText" opacity:0.18 },
  { type:"text" x:32 y:118 text:"Web" fill:"surfaceText" size:18 },
  { type:"rect" x:160 y:92 width:410 height:36 radius:8 fill:"primary" },
  { type:"text" x:584 y:117 text:"100%" fill:"surfaceText" size:16 align:"end" },
]

Canvas scene:infographic viewWidth:640 viewHeight:360 autoplay:false label:"Target coverage infographic" w:"full" h:96

DATA GRAPHICS

Choose Canvas when the composition is custom

Use Canvas

Custom diagrams, branded infographics, spatial maps, and target-neutral annotations.

Use a chart

Standard categorical or time-series graphics that benefit from built-in legends and empty states.

Always summarize

Repeat essential values as Text, Table, or controls outside the pixel surface.

Particles

Compose images

No data