# API by chart type

Choose a chart to inspect the direct tag's input data and API.

Canonical: https://chart.syidax.com/docs/components/

<a id="charts"></a>

## Charts and companion components

- [Line](https://chart.syidax.com/docs/components/line.md) — sy-line-chart · Read changes over time as lines.
- [Area](https://chart.syidax.com/docs/components/area.md) — sy-area-chart · Show trends and magnitude with filled areas.
- [Column](https://chart.syidax.com/docs/components/column.md) — sy-column-chart · Compare category values with vertical bars.
- [Bar](https://chart.syidax.com/docs/components/bar.md) — sy-bar-chart · Compare category values with horizontal bars.
- [Pie](https://chart.syidax.com/docs/components/pie.md) — sy-pie-chart · Show the proportions that make up a whole.
- [Scatter](https://chart.syidax.com/docs/components/scatter.md) — sy-scatter-chart · Show relationships between two continuous variables as individual points.
- [Bubble](https://chart.syidax.com/docs/components/bubble.md) — sy-bubble-chart · Read three measures through point position and size.
- [Polar](https://chart.syidax.com/docs/components/polar.md) — sy-polar-chart · Arrange directions or cycles in polar coordinates.
- [Radar](https://chart.syidax.com/docs/components/radar.md) — sy-radar-chart · Compare multiple metrics in a single outline.
- [Lollipop](https://chart.syidax.com/docs/components/lollipop.md) — sy-lollipop-chart · Compare category values with simple dots and stems.
- [Dumbbell](https://chart.syidax.com/docs/components/dumbbell.md) — sy-dumbbell-chart · Connect two measurements to show their difference.
- [Tornado](https://chart.syidax.com/docs/components/tornado.md) — sy-tornado-chart · Compare two groups on opposite sides of a center line.
- [Dot Plot](https://chart.syidax.com/docs/components/dot-plot.md) — sy-dot-plot-chart · Compare multiple measurements per category using dots.
- [Variwide](https://chart.syidax.com/docs/components/variwide.md) — sy-variwide-chart · Show two measures through bar height and width.
- [Marimekko](https://chart.syidax.com/docs/components/marimekko.md) — sy-marimekko-chart · Show group size and internal proportions together.
- [Waterfall](https://chart.syidax.com/docs/components/waterfall.md) — sy-waterfall-chart · Show how increases and decreases accumulate into a final value.
- [Pareto](https://chart.syidax.com/docs/components/pareto.md) — sy-pareto-chart · Identify major causes using counts and cumulative percentages.
- [Histogram](https://chart.syidax.com/docs/components/histogram.md) — sy-histogram-chart · Summarize continuous measurements as interval frequencies.
- [Box Plot](https://chart.syidax.com/docs/components/box-plot.md) — sy-box-plot-chart · Summarize the median and spread with boxes and whiskers.
- [Error Bar](https://chart.syidax.com/docs/components/error-bar.md) — sy-error-bar-chart · Show uncertainty or a range around a central value.
- [Stem Leaf](https://chart.syidax.com/docs/components/stem-leaf.md) — sy-stem-leaf-chart · Read a distribution while retaining raw values.
- [Heatmap](https://chart.syidax.com/docs/components/heatmap.md) — sy-heatmap · Encode values at two coordinates using color.
- [Calendar Heatmap](https://chart.syidax.com/docs/components/calendar-heatmap.md) — sy-calendar-heatmap · Show daily activity as colors on a calendar.
- [Density Map](https://chart.syidax.com/docs/components/density-map.md) — sy-density-map · Show concentrations of observations as a smooth density surface.
- [Spectrogram](https://chart.syidax.com/docs/components/spectrogram.md) — sy-spectrogram · Show frequency intensity over time using color.
- [Gauge](https://chart.syidax.com/docs/components/gauge.md) — sy-gauge-chart · Read a metric's current state within a defined range.
- [Funnel](https://chart.syidax.com/docs/components/funnel.md) — sy-funnel-chart · Show the quantity remaining through successive stages.
- [Pyramid](https://chart.syidax.com/docs/components/pyramid.md) — sy-funnel-chart · Represent stage sizes as a pyramid.
- [Pictorial](https://chart.syidax.com/docs/components/pictorial.md) — sy-pictorial-chart · Express state through the filled portion of a familiar shape.
- [Item](https://chart.syidax.com/docs/components/item.md) — sy-item-chart · Show counts with repeated symbols.
- [Word Cloud](https://chart.syidax.com/docs/components/word-cloud.md) — sy-word-cloud · Represent word weights through text size.
- [Tilemap](https://chart.syidax.com/docs/components/tilemap.md) — sy-tilemap · Compare locations and values using equally sized tiles.
- [Treemap](https://chart.syidax.com/docs/components/treemap.md) — sy-treemap · Represent hierarchical sizes as rectangle areas.
- [Sunburst](https://chart.syidax.com/docs/components/sunburst.md) — sy-sunburst · Represent hierarchy depth and proportions with concentric rings.
- [Icicle](https://chart.syidax.com/docs/components/icicle.md) — sy-icicle · Show hierarchy depth as aligned bands.
- [Dendrogram](https://chart.syidax.com/docs/components/dendrogram.md) — sy-dendrogram · Show parent-child connections as a tree.
- [Sankey](https://chart.syidax.com/docs/components/sankey.md) — sy-sankey · Represent quantities moving between nodes through link widths.
- [Chord](https://chart.syidax.com/docs/components/chord.md) — sy-chord · Show connection volumes between groups as ribbons inside a circle.
- [Network Graph](https://chart.syidax.com/docs/components/network-graph.md) — sy-network-graph · Explore entities and their connections as a network.
- [Theme River](https://chart.syidax.com/docs/components/theme-river.md) — sy-theme-river · Stack multiple flows as they change over time.
- [Parallel Coordinates](https://chart.syidax.com/docs/components/parallel-coordinates.md) — sy-parallel-coordinates · Connect an observation's multiple metrics with one line.
- [Geo Map](https://chart.syidax.com/docs/components/geo-map.md) — sy-geo-map · Show geographic locations and magnitudes on a map.
- [Flow Lines](https://chart.syidax.com/docs/components/flow-lines.md) — sy-flow-lines · Connect movement between locations on a map.
- [Candlestick](https://chart.syidax.com/docs/components/candlestick.md) — sy-candlestick-chart · Show four prices per period in a candlestick.
- [Ohlc](https://chart.syidax.com/docs/components/ohlc.md) — sy-ohlc-chart · Read four prices from a high-low line and open-close ticks.
- [Stock Chart](https://chart.syidax.com/docs/components/stock-chart.md) — sy-stock-chart · Combine price history with financial exploration controls.
- [Stock Volume](https://chart.syidax.com/docs/components/stock-volume.md) — sy-stock-volume · Show volume on the same time axis as prices.
- [Stock Flags](https://chart.syidax.com/docs/components/stock-flags.md) — sy-stock-flags · Attach events at time positions in price data.
- [Surface 3d](https://chart.syidax.com/docs/components/surface-3d.md) — sy-surface-3d · Show gridded measurements as a continuous 3D surface.
- [Bar 3d](https://chart.syidax.com/docs/components/bar-3d.md) — sy-bar-3d · Represent combinations of two categories with bars of varying height.
- [Scatter 3d](https://chart.syidax.com/docs/components/scatter-3d.md) — sy-scatter-3d · Show three continuous measurements as points in space.
- [Gantt](https://chart.syidax.com/docs/components/gantt.md) — sy-gantt-chart · Arrange task durations and progress on a timeline.
- [Wafer Map](https://chart.syidax.com/docs/components/wafer-map.md) — sy-wafer-map · Show status and measurements at die coordinates on a wafer.
- [Wafer Stack](https://chart.syidax.com/docs/components/wafer-stack.md) — sy-wafer-stack · Aggregate multiple wafers at matching coordinates.
- [Wafer Correlation](https://chart.syidax.com/docs/components/wafer-correlation.md) — sy-wafer-correlation · Compare spatial patterns between two wafer sets.
- [Yield Zone Chart](https://chart.syidax.com/docs/components/yield-zone-chart.md) — sy-yield-zone-chart · Summarize yield by zones from the center to the edge.
- [Data Zoom](https://chart.syidax.com/docs/components/data-zoom.md) — sy-data-zoom · Change a target chart's visible range with a slider.
- [Navigator](https://chart.syidax.com/docs/components/navigator.md) — sy-navigator · Select a range over a condensed view of the full dataset.
- [Visual Map](https://chart.syidax.com/docs/components/visual-map.md) — sy-visual-map · Control value-based colors, sizes, and the selected range.