All examples

Histogram chart

A fictional response-time distribution uses math-backed bins, theme tokens and a data table fallback.

Histogram chart

charts-histogram · charts/HistogramChart

charts histogram
Props
  • binCount
  • thresholds
  • values

Live example loads in an isolated same-origin preview frame.

Source (charts-histogram/entry.ts) 
import { defineExample } from '../registry.ts';

export const chartsHistogramExample = defineExample({
  id: 'charts-histogram',
  title: 'Histogram chart',
  description:
    'A fictional response-time distribution uses math-backed bins, theme tokens and a data table fallback.',
  tags: ['charts', 'histogram', 'statistical', 'accessibility'],
  component: 'charts/HistogramChart',
  props: ['values', 'thresholds', 'binCount'],
  load: () => import('./HistogramChartDemo.svelte'),
});