Design data experiences
Production ready charts and data patterns for real products. Clear, consistent, and built to scale.
Capacity Utilization
Total capacity usage
Total82,400
Revenue Target
Current progress toward monthly goal
$128kof $200k
Conversion Funnel Performance
Visitors281,204
Product Views90,510
Add to Cart38,908
Purchases12,811
Revenue Performance
Total Revenue$149,204.1315.42%
Net Profit$79,824.218.02%
Operational Cost$22,977.442.10%
Booking Source Distribution
Where your reservations are coming from across sales channels
78%Channel Contribution
Channel Revenue$92,480.006.8%
- Direct Website
- Online Travel Agencies
- Corporate Agreements
- Travel Partners
- On-site Bookings
High dependency on OTA channels
Order Volume Trend
Top Countries
21,4541.44%
- China30%
- United Kingdom23%
- Germany20%
- Other27%
Project Progress
- Platform Upgrade74%
- Mobile App86%
- Analytics Module24%
- Automation Tools68%
TanStack, Recharts, ECharts
Built for real data
Three chart libraries with one theme. Pick the library that fits the chart, and the colors, type and tooltips stay the same.
Three chart librariesTanStack Charts, Recharts and ECharts, each installed with one add command.
More than 600 examplesBar, line, area, pie, radar, scatter, heatmap, map, network and financial charts.
One set of series colorsEvery library draws from the same twelve colors, so a Recharts bar matches an ECharts line.
Three palettesShades of one color, one color with grays, or distinct hues, for one chart or a whole page.
Follows your themeAxes, grids, labels and tooltips repaint in light, dark and compact mode.
Matching tooltips and legendsTooltip and legend content in the same popup style, named from your chart config.
Canvas for large dataDraw many thousands of marks on a canvas with ECharts or TanStack's CanvasChart.
Motion on data changeBars and areas animate to their new shape when a filter or range changes.
Chart guidelinesGuides for choosing a chart, color, axes, interaction and accessibility.
Inside the System
Chart types, clearly defined
Charts grouped by the question they answer, from a single trend line to a full network.
TrendLine, area, step and bump charts, sparklines and streaming time series.
ComparisonGrouped, stacked and ranked bars, lollipops, dumbbells and bar races.
CompositionPie and donut charts, stacked and normalized areas, waterfalls and waffles.
DistributionHistograms, box plots, violins, beeswarms, ridgelines and error bars.
RelationshipScatter plots with regression lines, force graphs, chords and dependency graphs.
FlowSankey diagrams, funnels, theme rivers and parallel coordinates.
GeographicChoropleths, bubble maps, flight routes, globes and floor plans.
MatrixHeatmaps, calendar heatmaps, hexbins and correlation matrices.
HierarchyTrees, radial trees, treemaps and sunbursts you can drill into.
FinancialCandlesticks, OHLC bars, linked volume, moving averages and Bollinger bands.
Gauges and progressGauges, needle gauges, radial bars and progress rings.
Radar and polarRadar charts, rose charts and polar bars for comparing several measures.
Design smarter, ship faster.
Save weeks of setup. Design with AntUIKit's system, components, blocks, flows, and templates.
Explore Figma© 2026 AntUIKit . All rights reserved.