The full chart gallery
Every chart below is rendered live by WireCharts, grouped by family. Hover, zoom, replay — then copy the one-line tag.
Reactive with Livewire
Change server-side data and watch the chart update instantly — no JavaScript.
Updates live via Livewire — no page reload.
Basics
FreeThe free, open-source core. Available to everyone.
<chart:line />
<chart:area />
<chart:column />
<chart:bar />
<chart:pie />
<chart:scatter />
Line charts
ProAdvanced variations on the line chart.
<chart:spline />
<chart:spline-inverted />
<chart:line-labels />
<chart:line-log />
<chart:line-race />
<chart:line-animated />
<chart:line-forecast />
<chart:line-annotated />
<chart:line-boost />
<chart:line-time />
<chart:spline-time />
<chart:spline-bands />
Area charts
ProFilled-area variations — stacked, range, streamgraph and more.
<chart:area-gradient />
<chart:area-stacked />
<chart:area-percent />
<chart:areaspline />
<chart:area-inverted />
<chart:area-negative />
<chart:area-missing />
<chart:area-range />
<chart:area-range-line />
<chart:area-fan />
<chart:area-race />
<chart:streamgraph />
<chart:area-stacked-inverted />
Column & bar
ProVertical and horizontal bar variations — stacked, range, histogram and more.
<chart:column-stacked />
<chart:bar-stacked />
<chart:column-percent />
<chart:bar-percent />
<chart:column-negative />
<chart:column-rotated />
<chart:column-range />
<chart:bar-range />
<chart:histogram />
<chart:lollipop />
<chart:pareto />
Combinations
ProMix chart types in one figure — line + column and multiple axes.
<chart:combo-line-column />
<chart:combo-dual-axis />
<chart:combo-multi-axis />
Scatter & bubble
ProPoint clouds and bubbles — regression, symbols and packed bubbles.
<chart:scatter-regression />
<chart:scatter-symbols />
<chart:packed-bubble />
Pie charts
ProPie variations — semi-circle, labelled, monochrome, gradient and rose.
<chart:pie-semi />
<chart:pie-labels />
<chart:pie-monochrome />
<chart:pie-gradient />
<chart:pie-variable />
<chart:pie-rose />
Pie & funnel
ProPart-to-whole variations beyond the basics.
<chart:donut />
<chart:funnel />
Gauges
ProSingle-value indicators with needle or progress styles.
<chart:gauge />
<chart:clock />
Distribution
ProStatistical and density charts.
<chart:bubble />
<chart:heatmap />
<chart:candlestick />
<chart:boxplot />
<chart:radar />
Trees & network
ProHierarchies and relationships.
<chart:tree />
<chart:treemap />
<chart:sunburst />
<chart:sankey />
<chart:graph />
3D
ProGPU-accelerated 3D charts. Enable with WIRECHARTS_GL=true.
<chart:bar3d />
<chart:scatter3d />
<chart:surface />
Accessibility
ProCharts you can hear as well as see.
<chart:audio />
Like what you see?
Read the docs, then ship your first chart this afternoon.