Build JavaScript Reports | A JavaScript Reporting Tool for Web Apps

JavaScript Reporting Engine

Leverage the powerful reporting engine to load and generate your reports in JavaScript on any device.
Client-Side Exporting and Printing

Quickly generate WYSIWYG reports and export them to PDF, HTML or Excel on the client-side. Allow your end-users to print pixel-perfect JavaScript reports.

Multiple Report Types

Choose from layout-driven page reports or data-driven RDL reports creating a full-featured report library.
Reporting for any JS Framework

Use ActiveReportsJS with any popular JavaScript framework including Angular, React, and Vue.

No External Dependencies

Written in TypeScript. Execute in any web application. Customizable and easy to use in VSCode.
Design Interactive JS Reports

Use the drill-down, drill-through, interactive sorting, and bookmark functions to provide interactivity and more specific information for end-users.

Data Visualization

Create highly functional, interactive JavaScript reports in your web applications from multiple JSON data sources. Give more insight into your data with tables, lists, and charts.

Use data-bound report items
Summarize your data with charts and sparklines
Provide a detailed view with drill-down and drill-through capabilities

LEARN MORE

Tablix

The Tablix control provides a tabular layout with advanced features which allows analysis on multiple dimensions.

Group data by rows and columns
Summarize categorized data
Create flexible layouts

LEARN MORE

Subreports

Combine multiple reports, with different data sources, in a single file. Filter data by passing parameters from the main report to subreport.

Reuse the same JavaScript report in multiple reports
Changes to subreport automatically carry over
Display multiple reports with a single JavaScript report

LEARN MORE

Barcodes

Save time using the built-in barcodes and increase productivity and efficiency. No need to integrate your own barcode library.

30+ barcode symbologies supported
Configure barcode size, style, color, text, etc.

LEARN MORE

Sparklines

Sparklines are great for quick analysis of recent data and to display trends. Integrate sparklines in JavaScript data visualization components.

Identify trends and give more meaning to raw data
Choose from different types: Line, Area, Column, Whiskers, and Stackedbar

LEARN MORE

JavaScript Reporting Top Features

Cross-Platform Tools

Build interactive, customizable reports with a multi-platform standalone designer application.

Powerful Data Binding

Bind a report to the REST API, OData, or GraphQL end-point in no time with the advanced data binding capabilities.

View Demo

Flexible Report Layouts

Choose among two layout types and dozens of controls to create a pixel-perfect report.

View Demo

Personalized Reporting

Make use of the Report Designer component to let users fine-tune reports.

View Demo

Perfect View

Give end-users of your application the ultimate view, export, and print capabilities with the Viewer component.

View Demo

Front-End Frameworks Support

Easily integrate ActiveReportsJS into your application with built-in Angular, React, and Vue support.

View Demo

Stand-Alone Designer Application

Build interactive, customizable reports with a multi-platform standalone designer application.

Install on any OS

The designer can be installed on Windows, Mac, or Linux Operating Systems, enabling developers to design reports on any platform.

Functional JS Reporting

Create complex reports using the intuitive drag-and-drop GUI. Visualize your data with report controls like tables and charts.

Convert to JS Reports

Open traditional RDLX reports in the designer and save them as RDLX-JSON.

Embeddable JavaScript Report Viewer

Give end-users of your application the ultimate view, export, and print capabilities with the Viewer component.

Adaptive UI

Built-in mobile, desktop, and full-screen modes ensure a smooth user experience on any screen size.

Rich Customization

Insert new or modify existing buttons in the toolbar and configure the export sidebar using the API. Use one of the pre-defined color themes or create custom ones.

Multilingual Support

Provide your users with the translated texts for the viewer UI elements such as tooltips and buttons.

Getting Started Developer Guide Live Demos

Embeddable JavaScript Report Designer

Make use of the Report Designer component to let users fine-tune reports.

Flexible Integration

Use the API to define the application-specific functions for creating, saving, opening, and previewing your reports.

Rich Customization

Change the color scheme using one of the pre-defined themes or create your own theme.

Multilingual support

Provide your users with the translated texts for the viewer UI elements such as tooltips and buttons.

Getting Started Developer Guide Live Demos

What's New in ActiveReportsJS v2.0

ActiveReportsJS Designer Component

ActiveReportsJS Report Designer component can be integrated into an application so that end-users could modify reports at runtime according to their needs.

The report designer component allows integration into any front-end framework or architecture. Here are tutorials for the most popular frameworks.

JSON Data Provider Enhancement

Offers a powerful data binding capability at design-time that allows you to connect to a wide variety of data end-points includes, but not limited to: OData API, GraphQL API, and REST API

What's New

Resources

Support

Forums (24-hour Global Support)
Submit a Ticket

Documentation

Documentation
Demos

ActiveReportsJS Media and Content

Featured Blogs

View All Blogs

Featured Videos + Webinars

Getting Started With the ActiveReportsJS Designer

Creating Reports for Web Apps

Introducing ActiveReportsJS

View All Videos + Webinars

JavaScript Reporting Solution for Web Applications

JavaScript Reporting Engine

Client-Side Exporting and Printing

Multiple Report Types

Reporting for any JS Framework

No External Dependencies

Design Interactive JS Reports