PhloTour
EN NL
17 / 30

Charts

Dependency-free SVG charts straight from your data.

Read the docs →
.phlo
// dependency-free SVG, straight from an array
method charts => tag('div',
	charts::spark($this->values, '#16c784').
	charts::bars($this->values, '#16c784').
	charts::donut([30, 20, 50]),
	id: 'charts'
)

// drop it anywhere, or redraw live after new data
apply(inner: ['#charts' => $this->charts])
		
spark
bars
donut