LINE
Charts that belong in your product.
Turn everyday product data into clear, interactive charts without turning chart configuration into a project. One small API covers trends, comparisons, composition, activity, and planning.
The charts product work needs.
Choose the shape that makes the answer obvious. Every type below keeps the same responsive lifecycle, tooltip, selection, update, and export contract.
Cartesian
Radial
Time
Calendar
Is the product moving in the right direction?
MULTI-SERIES LINE
Subscription growth
LINE · REGION
Healthy latency range
LINE · MARKER
Activation target
MIXED
Store visits, plan, and capacity
MIXED · DUAL AXIS
Account balance movement
TIMESHEET
App release plan
Where should the team look first?
BAR
Notifications by app
GROUPED BAR
Delivery time by region
STACKED BAR
Order fulfillment
SCATTER
Price and battery life
BUBBLE
App portfolio
RADAR
Phone comparison
What is the whole made of?
POLAR AREA
Screen Time
PIE
Website traffic
DONUT
Subscription plans
PERCENTAGE
iPhone storage
HEATMAP
Daily contributions
Less chrome. Same chart.
Every omitted element is visible in configuration: axes, grid, labels, legend, dots, and tooltip
are each set to false.
Learn it once.
Use it everywhere.
Choose the chart type. The same lifecycle handles responsive rendering, updates, interaction, export, and cleanup.
import { BarChart } from "@orchidsoftware/charts";
import "@orchidsoftware/charts/style.css";
const chart = BarChart.make("#revenue")
.labels(["Europe", "Americas", "Asia-Pacific"])
.dataset("Revenue", [18, 31, 44])
.horizontal()
.height(300)
.render();
chart.update(nextData);
chart.destroy();