Skip to content

More Chart Types

Beyond the common charts, Dataface supports all Vega-Lite mark types. This page covers specialized charts and the complete reference.


Heatmap

Best for: Two-dimensional patterns, matrix data

charts:
  heatmap:
    query: _doc_examples.yaml#sales
    type: heatmap
    title: Revenue Heatmap
    x: product
    y: category
    color: revenue
rows:
  - heatmap
18,35085,680RevenueRevenue HeatmapGadget XGadget YTool ZWidget AWidget BProductAccessoriesElectronicsToolsCategory
18,35085,680RevenueRevenue HeatmapGadget XGadget YTool ZWidget AWidget BProductAccessoriesElectronicsToolsCategory
Field Required Description
x Yes Column categories
y Yes Row categories
color Yes Value to color by

Histogram

Best for: Distribution of continuous values

charts:
  histogram:
    query: _doc_examples.yaml#sales
    type: histogram
    title: Revenue Distribution
    x: revenue
rows:
  - histogram
8001,0001,2001,4001,6001,8002,0002,2002,4002,600Revenue0510152025CountRevenue Distribution
8001,0001,2001,4001,6001,8002,0002,2002,4002,600Revenue0510152025CountRevenue Distribution
Field Required Description
x Yes Continuous field to bin
color No Category grouping

Histograms automatically bin the x-axis values.


All Vega-Lite Marks

Dataface supports every Vega-Lite mark type. Use the type field with any mark name:

Type Description Use Case
bar Bar chart Category comparisons
line Line chart Time series
area Area chart Stacked trends
point Point plot Scatter plots
circle Circle plot Bubble charts
square Square plot Matrix dots
tick Tick marks Distribution strips
rect Rectangle Heatmaps, calendars
rule Rule/line Reference lines, thresholds
text Text labels Annotations
trail Trail plot Paths, connections
arc Arc marks Pie, donut, radial charts
geoshape Geographic shapes Maps
boxplot Box plot Statistical distribution
errorbar Error bars Uncertainty visualization
errorband Error bands Confidence intervals

Convenience Aliases

These aliases map to Vega-Lite marks with sensible defaults:

Alias Maps To What It Does
scatter point Scatter plot
heatmap rect Color-coded matrix
pie arc Pie chart
donut arc Pie with inner radius
histogram bar Auto-binned bar chart

Input Requirements

Quick reference for what each chart type needs:

Type Required Optional
bar x, y color, size
line x, y color, size, shape
area x, y color
scatter x, y color, size, shape
heatmap x, y, color
pie / donut x, y color
histogram x color
boxplot x, y color
kpi metric
table

All chart types at a glance:

All Chart Types Gallery Dataface supports 20+ chart types powered by Vega-Lite .CategoryChart TypesBasicbar, line, area, point, circleMatrixrect, heatmap, squareRadialarc, pie, donutStatisticalboxplot, histogram, errorbar, errorbandDatafacekpi, tableScroll down to see each chart type in action with real data. Widget AWidget BGadget XGadget YTool ZProduct020,00040,00060,00080,000RevenueAccessoriesElectronicsToolscategoryBar Chart - Revenue by ProductJan 07Jan 21Jan 14Jan 28Feb 04Date05001,0001,5002,0002,500RevenueGadget XGadget YTool ZWidget AWidget BproductLine Chart - Revenue TrendJan 07Jan 21Jan 14Jan 28Feb 04Date01,0002,0003,0004,0005,0006,0007,000RevenueAccessoriesElectronicsToolscategoryArea Chart - Revenue Over Time 252627282930313233343536373839404142434445464748495052535455565758596061626365727475767778798081828384858687888990Units Sold05001,0001,5002,0002,500RevenueAccessoriesElectronicsToolscategoryPoint Chart - Revenue vs Units252627282930313233343536373839404142434445464748495052535455565758596061626365727475767778798081828384858687888990Units Sold05001,0001,5002,0002,500RevenueAccessoriesElectronicsToolscategory05001,0001,5002,000revenueCircle Chart - Sales Magnitude252627282930313233343536373839404142434445464748495052535455565758596061626365727475767778798081828384858687888990Units Sold05001,0001,5002,0002,500RevenueGadget XGadget YTool ZWidget AWidget BproductScatter Chart - Sales Analysis AccessoriesElectronicsToolsCategory05001,0001,5002,0002,500RevenueTick Chart - Revenue DistributionJan 07Jan 21Jan 14Jan 28Feb 04Date05001,0001,5002,0002,500RevenueRule Chart - Date MarkersJan 07Jan 21Jan 14Jan 28Feb 04Date05001,0001,5002,0002,500RevenueAccessoriesElectronicsToolscategory020406080units_soldTrail Chart - Revenue Path Gadget XGadget YTool ZWidget AWidget BProductAccessoriesElectronicsToolsCategory18,35085,680RevenueSquare Chart - Product Grid18,35085,680RevenueRect Chart - Category MatrixGadget XGadget YTool ZWidget AWidget BProductAccessoriesElectronicsToolsCategory18,35085,680RevenueHeatmap - Product Category RevenueGadget XGadget YTool ZWidget AWidget BProductAccessoriesElectronicsToolsCategory AccessoriesElectronicsToolsCategoryArc Chart - Category ShareAccessoriesElectronicsToolsCategoryPie Chart - Revenue by CategoryAccessoriesElectronicsToolsCategoryDonut Chart - Units by Category 8001,0001,2001,4001,6001,8002,0002,2002,4002,600Revenue0510152025CountHistogram - Revenue DistributionAccessoriesElectronicsToolsCategory05001,0001,5002,0002,500RevenueBox Plot - Revenue by CategoryAccessoriesElectronicsToolsCategory05001,0001,5002,0002,500RevenueError Bar - Revenue Variance 235720Total Revenue8121Units Sold Sales Data TableDateRegionProductCategoryRevenueUnits Sold2024-01-01NorthWidget AElectronics1500.00502024-01-01SouthWidget BElectronics2200.00802024-01-01EastGadget XAccessories850.00252024-01-01WestWidget AElectronics1800.00602024-01-02NorthGadget YAccessories1200.0040+ 147 more rows
All Chart Types Gallery Dataface supports 20+ chart types powered by Vega-Lite .CategoryChart TypesBasicbar, line, area, point, circleMatrixrect, heatmap, squareRadialarc, pie, donutStatisticalboxplot, histogram, errorbar, errorbandDatafacekpi, tableScroll down to see each chart type in action with real data. Widget AWidget BGadget XGadget YTool ZProduct020,00040,00060,00080,000RevenueAccessoriesElectronicsToolscategoryBar Chart - Revenue by ProductJan 07Jan 21Jan 14Jan 28Feb 04Date05001,0001,5002,0002,500RevenueGadget XGadget YTool ZWidget AWidget BproductLine Chart - Revenue TrendJan 07Jan 21Jan 14Jan 28Feb 04Date01,0002,0003,0004,0005,0006,0007,000RevenueAccessoriesElectronicsToolscategoryArea Chart - Revenue Over Time 252627282930313233343536373839404142434445464748495052535455565758596061626365727475767778798081828384858687888990Units Sold05001,0001,5002,0002,500RevenueAccessoriesElectronicsToolscategoryPoint Chart - Revenue vs Units252627282930313233343536373839404142434445464748495052535455565758596061626365727475767778798081828384858687888990Units Sold05001,0001,5002,0002,500RevenueAccessoriesElectronicsToolscategory05001,0001,5002,000revenueCircle Chart - Sales Magnitude252627282930313233343536373839404142434445464748495052535455565758596061626365727475767778798081828384858687888990Units Sold05001,0001,5002,0002,500RevenueGadget XGadget YTool ZWidget AWidget BproductScatter Chart - Sales Analysis AccessoriesElectronicsToolsCategory05001,0001,5002,0002,500RevenueTick Chart - Revenue DistributionJan 07Jan 21Jan 14Jan 28Feb 04Date05001,0001,5002,0002,500RevenueRule Chart - Date MarkersJan 07Jan 21Jan 14Jan 28Feb 04Date05001,0001,5002,0002,500RevenueAccessoriesElectronicsToolscategory020406080units_soldTrail Chart - Revenue Path Gadget XGadget YTool ZWidget AWidget BProductAccessoriesElectronicsToolsCategory18,35085,680RevenueSquare Chart - Product Grid18,35085,680RevenueRect Chart - Category MatrixGadget XGadget YTool ZWidget AWidget BProductAccessoriesElectronicsToolsCategory18,35085,680RevenueHeatmap - Product Category RevenueGadget XGadget YTool ZWidget AWidget BProductAccessoriesElectronicsToolsCategory AccessoriesElectronicsToolsCategoryArc Chart - Category ShareAccessoriesElectronicsToolsCategoryPie Chart - Revenue by CategoryAccessoriesElectronicsToolsCategoryDonut Chart - Units by Category 8001,0001,2001,4001,6001,8002,0002,2002,4002,600Revenue0510152025CountHistogram - Revenue DistributionAccessoriesElectronicsToolsCategory05001,0001,5002,0002,500RevenueBox Plot - Revenue by CategoryAccessoriesElectronicsToolsCategory05001,0001,5002,0002,500RevenueError Bar - Revenue Variance 235720Total Revenue8121Units Sold Sales Data TableDateRegionProductCategoryRevenueUnits Sold2024-01-01NorthWidget AElectronics1500.00502024-01-01SouthWidget BElectronics2200.00802024-01-01EastGadget XAccessories850.00252024-01-01WestWidget AElectronics1800.00602024-01-02NorthGadget YAccessories1200.0040+ 147 more rows