Chart Examples
Three focused examples built with native SVG: trend analysis, category comparison, and portfolio composition. The realtime example demonstrates streaming updates.
Line — Revenue trend
Two series over six months
Bar — Quarterly sales
Donut — Project status
Realtime — Traffic
Native push + requestAnimationFrame batching
Usage guide & code sample
Load the opt-in chart bundle, provide a target element, then initialize KauiChart.create with labels and datasets.
<div id="revenue-chart" class="k-chart" aria-label="Revenue trend"></div>
<script>
KauiChart.create('#revenue-chart', {
type: 'line', labels: ['Jan', 'Feb', 'Mar'],
datasets: [{ id: 'revenue', label: 'Revenue', data: [42, 58, 74] }]
});
</script>