ChartBlock
Renders data visualizations from JSON configuration
Usage
tsx
import { ChartBlock } from '@tryvienna/ui'
<ChartBlock json="barChartJson" />Examples
Bar Chart
tsx
<ChartBlock json="barChartJson" />Line Chart
tsx
<ChartBlock json="lineChartJson" />Pie Chart
tsx
<ChartBlock json="pieChartJson" />API Reference
ChartBlock
| Prop | Type | Default | Description |
|---|---|---|---|
json | string | - |
Data Attributes
| Component | data-slot |
|---|---|
ChartBlock | "chart-block" |