Visualization
Components
Production-ready chart components for React. Built with Recharts and Observable Plot. Copy-paste or install via CLI.
Time Series Line Chart
Multi-group trends with presidential context, confidence interval toggles, and interactive legend. Ideal for tracking indicators over time with demographic breakdowns.
npx @ontopic/viz add recharts/generic/timeseries-line-v1Basic Time Series
Simple line chart with error bars for straightforward time series visualization without complex features.
npx @ontopic/viz add recharts/generic/timeseries-basic-v1Dual Axis Time Series
Dual y-axis chart with recession indicators and time range selection. Perfect for comparing two metrics with different scales.
npx @ontopic/viz add recharts/generic/timeseries-dual-axis-v1Indexed Time Series
Indexed comparison normalized to a base period with recession bands. Useful for comparing growth rates across different metrics.
npx @ontopic/viz add recharts/generic/timeseries-index-v1Economic Time Series
Economic data visualization with recession shading and brush selector for time range filtering.
npx @ontopic/viz add recharts/generic/timeseries-economic-v1Time Series with Metadata
Line chart with error bars and comprehensive metadata display panel.
npx @ontopic/viz add recharts/generic/timeseries-metadata-v1Demographic Line Chart
Tabbed line charts across Age, Education, Income, Race, and Gender demographics.
npx @ontopic/viz add recharts/generic/demographic-line-v1Demographic Bar Chart
Tabbed bar charts with error bars for demographic breakdowns. Shows comparisons across groups.
npx @ontopic/viz add recharts/generic/demographic-bar-v1Demographic Dot Plot
Tabbed scatter/dot plots with error bars for demographic comparisons.
npx @ontopic/viz add recharts/generic/demographic-dot-v1Statistical Demographic Bar
Generic configurable demographic bar chart with statistical annotations.
npx @ontopic/viz add recharts/generic/stat-demographic-bar-v1State Bar Chart
Interactive state-level bar chart with sorting and filtering capabilities.
npx @ontopic/viz add recharts/generic/state-bar-v1Sortable State Bar
Sortable state bar with search and expand features for detailed state analysis.
npx @ontopic/viz add recharts/generic/state-bar-sortable-v1Histogram (Recharts)
Distribution histogram with mean/median reference lines using Recharts.
npx @ontopic/viz add recharts/generic/histogram-v1Violin Plot
Kernel density estimation violin plots for distribution comparison across categories.
npx @ontopic/viz add recharts/generic/violin-v1Scatter with Regression
Scatterplot with OLS regression line and confidence bands. Includes R-squared display.
npx @ontopic/viz add recharts/generic/scatter-regression-v1Abortion Opinion Chart
GSS-specific visualization of abortion opinion trends with demographic filters (Race, Education, Region).
npx @ontopic/viz add recharts/gss/abortion-opinion-v1Health Indicators Scatter
County health indicators scatterplot (e.g., obesity vs diabetes) with regression analysis.
npx @ontopic/viz add recharts/brfss/health-scatter-v1Marijuana Opinion Trend
GSS marijuana legalization trends by church attendance and other demographics.
npx @ontopic/viz add plot/gss/marijuana-trend-v1US State Choropleth
US state choropleth map with TopoJSON. Color-encodes values by state with tooltips.
npx @ontopic/viz add plot/geo/state-map-v1Generic Choropleth
Generic choropleth map component supporting any TopoJSON geography.
npx @ontopic/viz add plot/geo/choropleth-v1Density Map
Density map visualization with geographic boundaries for population or event density.
npx @ontopic/viz add plot/geo/density-map-v1Bubble Map
Geographic bubble map with size-encoded values. Points positioned by coordinates.
npx @ontopic/viz add plot/geo/bubble-map-v1ZIP Code Map
ZIP code level map visualization for fine-grained geographic analysis.
npx @ontopic/viz add plot/geo/zip-map-v1Europe Map
European country choropleth map with TopoJSON boundaries.
npx @ontopic/viz add plot/geo/europe-map-v1PCA Biplot
Principal Component Analysis biplot showing observations and loadings.
npx @ontopic/viz add plot/geo/pca-biplot-v1Histogram (Plot)
Distribution histogram with mean/median reference lines using Observable Plot.
npx @ontopic/viz add plot/generic/histogram-v1Density Plot
Kernel density estimation plot for smooth distribution visualization.
npx @ontopic/viz add plot/generic/density-v1Distribution Plot
Multiple distribution visualizations combined (histogram, density, rug plot).
npx @ontopic/viz add plot/generic/distribution-v1Box Plot
Box-and-whisker plot showing quartiles, median, and outliers.
npx @ontopic/viz add plot/generic/boxplot-v1Grouped Box Plot
Grouped box plots for comparing distributions across two categorical variables.
npx @ontopic/viz add plot/generic/boxplot-grouped-v1Faceted Box Plot
Faceted box plots showing distributions across multiple panels.
npx @ontopic/viz add plot/generic/boxplot-faceted-v1Faceted Grouped Box Plot
Combined faceting and grouping for complex distribution comparisons.
npx @ontopic/viz add plot/generic/boxplot-faceted-grouped-v1Strip Plot
Strip plot (1D scatter) for categorical data showing individual points.
npx @ontopic/viz add plot/generic/strip-v1Beeswarm Plot
Beeswarm plot avoiding point overlap through intelligent positioning.
npx @ontopic/viz add plot/generic/swarm-v1Regression Plot
Scatterplot with OLS regression line and optional confidence band.
npx @ontopic/viz add plot/generic/regression-v1Q-Q Plot
Quantile-quantile plot for comparing distributions or checking normality.
npx @ontopic/viz add plot/generic/qq-plot-v1Residual Plot
Residual plot for regression diagnostics showing fitted vs residuals.
npx @ontopic/viz add plot/generic/residual-v1Point Estimate Plot
Point estimates with error bars for comparing means across groups.
npx @ontopic/viz add plot/generic/point-estimate-v1Forest Plot
Forest plot for effect sizes, odds ratios, or meta-analysis results.
npx @ontopic/viz add plot/generic/forest-v1Split Bar Chart
Split bar chart with contrasting subgroup dots for comparing nested categories.
npx @ontopic/viz add plot/generic/splitbar-v1Odds Ratio Plot
Odds ratio forest plot visualization with log scale and confidence intervals.
npx @ontopic/viz add plot/generic/odds-ratio-v1Correlation Heatmap
Lower-triangle correlation matrix heatmap with value annotations.
npx @ontopic/viz add plot/generic/correlation-heatmap-v1Dot Plot
Simple dot plot for categorical comparisons.
npx @ontopic/viz add plot/generic/dot-v1Bar Chart
Simple bar chart using Observable Plot.
npx @ontopic/viz add plot/generic/bar-v1Sparkline
Compact inline trend visualization for embedding in text or tables.
npx @ontopic/viz add plot/generic/sparkline-v1Bullet Chart
Bullet chart for performance metrics against targets and ranges.
npx @ontopic/viz add plot/generic/bullet-v1Slope Chart
Slope chart for before/after comparisons showing change direction.
npx @ontopic/viz add plot/generic/slope-v1Diverging Bar Chart
Diverging bar chart centered at zero for showing positive/negative values.
npx @ontopic/viz add plot/generic/diverging-bar-v1Faceted Plot
Generic faceted visualization wrapper for creating small multiples.
npx @ontopic/viz add plot/generic/faceted-v1Time Trend Demo
Time trend with theme support demonstrating Observable Plot capabilities.
npx @ontopic/viz add plot/generic/time-trend-demo-v1Health Dashboard
BRFSS health surveillance dashboard with demographic tabs showing Line/Bar/Dot charts.
npx @ontopic/viz add composite/brfss/dashboard-v1ZIP Code Dashboard
ZIP code level health metrics dashboard with map and statistics.
npx @ontopic/viz add composite/brfss/zip-dashboard-v1State Panel
Comprehensive state visualization panel with multiple chart types.
npx @ontopic/viz add composite/generic/state-panel-v1Compute Form
Interactive regression analysis form interface for model specification.
npx @ontopic/viz add composite/wb/compute-form-v1Compute Results
Results display component for regression computations.
npx @ontopic/viz add composite/wb/compute-results-v1Formula Panel
Dynamic regression formula builder and display component.
npx @ontopic/viz add composite/wb/formula-panel-v1Variable Header
Variable metadata display component showing name, type, and description.
npx @ontopic/viz add composite/wb/variable-header-v1Forest Plot (Composite)
Forest plot component for statistical meta-analysis with interactive features.
npx @ontopic/viz add composite/wb/forest-plot-v1Main Effects Plot
Main effects visualization for ANOVA or regression analysis.
npx @ontopic/viz add composite/wb/main-effects-v1Interaction Effects Plot
Interaction effects visualization for factorial designs.
npx @ontopic/viz add composite/wb/interaction-effects-v1Copy Button
Copy-to-clipboard button component for analysis results.
npx @ontopic/viz add composite/wb/copy-button-v1State Data Table
Sortable, searchable state data table component.
npx @ontopic/viz add ui/wb/state-data-tableCorrelation Heatmap (SVG)
SVG-based correlation matrix for static rendering.
npx @ontopic/viz add ui/wb/correlation-heatmap-svgTabs
Radix-based tabs component for organizing content.
npx @ontopic/viz add ui/generic/tabsLabel
Radix-based accessible label component.
npx @ontopic/viz add ui/generic/labelSwitch
Radix-based toggle switch component.
npx @ontopic/viz add ui/generic/switchButton
Button component with multiple variants.
npx @ontopic/viz add ui/generic/buttonInput
Styled input field component.
npx @ontopic/viz add ui/generic/inputTable
Table component set with header, body, row, and cell sub-components.
npx @ontopic/viz add ui/generic/table