THE BIG PICTURE
Performance over time
Loading live chart…
RevoGrid Charts JavaScript · TypeScript
JavaScript charts.
Bring your data to life.
Build interactive dashboards with a JavaScript and TypeScript chart library for React, Vue, Angular, and vanilla applications. Compare performance, spot trends, and explore your data.
Vanilla JavaScript / React / Vue / Angular
THE CONTRIBUTION
Every part tells a story
Loading live chart…
THE COMPARISON
See the difference
Loading live chart…
One chart. Or a whole story.
Start with a standalone chart. Compose a dashboard as your questions grow.
Your app. Your visual language.
Bring your colors, labels, and theme. Keep every visualization feeling consistent.
From seeing to exploring.
Take the next step with Pivot: connect charts to reports, filters, and aggregated data.
Find your perspective
A chart for every question.
Start with the question you need to answer. Explore a few different ways to see the story in your data.
Which option performs best?
Compare results side by side, rank the leaders, and see where the biggest differences are.
ColumnLive
Loading live chart…
Grouped column
Compare values side by side across categories.
BarLive
Loading live chart…
Grouped bar
Compare categories with horizontal bars.
ColumnLive
Loading live chart…
Lollipop
Compare single values with compact stems and endpoints.
How is performance changing over time?
Follow the trend, see how contributions evolve, and compare multiple measures in one view.
LineLive
Loading live chart…
Smooth line
Show trends with a smooth curve through each value.
AreaLive
Loading live chart…
Stacked area
Show how multiple series contribute to a changing total.
CombinationLive
Loading live chart…
Column and line
Compare one column series with one or more line series.
What's driving the total?
Break a headline number into its parts, then explain the gains and losses behind it.
Part to wholeLive
Loading live chart…
Donut
Show part-to-whole values in one or more rings.
SpecializedLive
Loading live chart…
Waterfall
Show how positive and negative changes build to a result.
Part to wholeLive
Loading live chart…
Waffle
Compare part-to-whole values on a compact 100-cell grid.
Where is the value in a complex portfolio?
See the big contributors and explore how smaller groups fit into the bigger picture.
HierarchyLive
Loading live chart…
Treemap
Compare hierarchical values as proportional nested tiles.
HierarchyLive
Loading live chart…
Sunburst
Explore the current hierarchy level as proportional radial sectors.
HierarchyLive
Loading live chart…
Circle packing
Explore hierarchy through proportional nested circles.
Which factors move together?
Compare two measures, add a sense of scale, and spot relationships worth investigating.
RelationshipLive
Loading live chart…
Bubble
Compare two measures while bubble area represents a third measure.
RelationshipLive
Loading live chart…
Quadrant chart
Compare observations across four decision regions.
RelationshipLive
Loading live chart…
Connected scatter
Show the ordered path between paired X/Y observations.
What's typical, and what stands out?
Look beyond averages to understand the spread, find clusters, and identify unusual results.
DistributionLive
Loading live chart…
Histogram
Summarize one measure in deterministic numeric bins.
StatisticalLive
Loading live chart…
Violin plot
Compare distribution shape and concentration across categories.
StatisticalLive
Loading live chart…
Box plot
Summarize a distribution with quartiles, whiskers, and outliers.
When do patterns repeat?
Reveal busy periods, quiet stretches, and recurring patterns across dates and categories.
MatrixLive
Loading live chart…
Calendar heatmap
Show one daily measure across calendar weeks.
MatrixLive
Loading live chart…
Heatmap
Compare category and series intersections through color intensity.
PolarLive
Loading live chart…
Rose
Compare category magnitude through radial sector length.
Are we on track to hit our targets?
Put actual results against a goal and make progress easy to read at a glance.
KPILive
Loading live chart…
Bullet
Compare actual values with explicit targets.
KPILive
Loading live chart…
Gauge
Compare an actual value with its target on a radial scale.
KPILive
Loading live chart…
Progress gauge
Show progress toward a target on a radial track.
Where does the process lose momentum?
Compare stages and inspect flows between groups to find the next opportunity for improvement.
Process and flowLive
Loading live chart…
Funnel
Show sequential stages that narrow toward an outcome.
FlowLive
Loading live chart…
Sankey
Trace weighted flow from categories to connected series.
FlowLive
Loading live chart…
Chord
Compare weighted relationships through circular ribbons.
Where do plans overlap?
Compare start and end ranges to see timing, duration, and overlapping windows.
SpecializedLive
Loading live chart…
Timeline range
Compare start-to-end intervals across categories.
BarLive
Loading live chart…
Range bar
Compare lower-to-upper intervals as horizontal bars.
What's behind a market move?
Read opening and closing prices, inspect the trading range, and compare price with volume.
FinancialLive
Loading live chart…
Candlestick
Compare open, high, low, and close values over time.
FinancialLive
Loading live chart…
Volume and price
Compare price movement with trading volume.
Taking your data places?
Choropleth, proportional symbol, and geographic heatmaps are available through the optional geographic capability pack, using your application's map provider and assets.
Better together
The chart starts the conversation.
Pivot takes it further.
Group and aggregate records in a Pivot table, then explore linked charts that follow the report's filters. See the dashboard that brings it all together.
Try the live dashboardFAQ
JavaScript charts — common questions
RevoGrid Charts is a standalone JavaScript and TypeScript chart library for interactive dashboards and data visualization. Create charts without a data grid, or connect them to RevoGrid Pivot for report-driven analysis.
Make your next dashboard a little more insightful.
Explore the chart dashboard, or discover how Charts and Pivot fit into your application.