Observable PlotSpecialized
Bullet Chart
Bullet chart for performance metrics against targets and ranges.
Preview placeholder
bullet-v1
Installation
Terminal
npx @ontopic/viz add plot/generic/bullet-v1Props
| Prop | Type | Description |
|---|---|---|
value | number | Current value |
target | number | Target value |
ranges | number[] | Background range thresholds |
See full TypeScript interface on GitHub for all props.
Usage Example
TypeScript
import { BulletChart } from '@/viz/components/plot/generic/bullet-v1';Metadata
- Last Updated2025-01-12
- FrameworkObservable Plot
- CategorySpecialized
- Subcategorygeneric
Observable Plot Specialized KPI Performance
Dependencies
@observablehq/plot
Quick Install
npx @ontopic/viz add plot/generic/bullet-v1Related Components
plot
Marijuana Opinion Trend
GSS marijuana legalization trends by church attendance and other demographics.
plot
US State Choropleth
US state choropleth map with TopoJSON. Color-encodes values by state with tooltips.
plot
Generic Choropleth
Generic choropleth map component supporting any TopoJSON geography.
plot
Density Map
Density map visualization with geographic boundaries for population or event density.