1. https://appdevelopermagazine.com/programming
  2. https://appdevelopermagazine.com/shieldui-updates-reportivo-reporting-and-sharing-service-for-javascript-and-html5-ui-components/
3/4/2014 10:30:05 AM
ShieldUI Updates Reportivo Reporting and Sharing Service for JavaScript and HTML5 UI Components
ShieldUI, HTML5 UI components, JavaScript components, Server Wrappers, data visualization, Reportivo, jQuery
/reportivo_63v92w5d.jpg
App Developer Magazine

Programming

ShieldUI Updates Reportivo Reporting and Sharing Service for JavaScript and HTML5 UI Components


Tuesday, March 4, 2014

Stuart Parkerson Stuart Parkerson


After their recent announcement of the addition of 12 new controls to their JavaScript and HTML5 UI components suiteShieldUI is now in the final stages up updating its Reportivo online reporting and sharing service to utilize these controls.

Reportivo.com is a free online service designed to help users analyze data and create insightful reports for informed decision making. Based on thorough research as to the key requirements of the modern business person, Reportivo brings everything in a solution which can be used by people of various professional backgrounds for reports of different frequency.

Yet the most notable thing about Reportivo.com is that no technical knowledge or training is required to create reports and to fine-tune them. ShieldUI’s primary goal is to utilize the capabilities of its components in creating a free online solution which solves a number of problems that users face when creating such reports. The sections here outline one sample set of steps when generating and sharing a visualization with Reportivo, as well as the problems and limitations which the service strives to solve.

Setting up the data


An integral part of each report generation process is the selection of data which will be visualized in it. Many applications have to solve this problem which requires database queries as well as cross selection and filtering of data in order to provide the subset of meaningful data. Reportivo makes this easy to do by exposing a simple upload process which accepts Excel or CSV files.

To facilitate user interaction, the service renders all the data contained in the uploaded file in a standard grid layout. A sample output graphic is included here.

The Reportivo approach solves another challenge – data selection.

Selecting the data

Even when using specialized components for visualizing a set of data, one still needs to use some code in order to setup the controls, reference all required scripts or dlls and pass the actual data which will be rendered. Not to mention the painstaking process of setting all visual properties via code. Reportivo eliminates this requirement by rendering all uploaded data in a grid widget which allows selection. Iteratively selecting data for each chart series in the generated report is the first step in visualizing the data. The selection is handled by simply drag-selection a data-section from the grid component.

Enabling more options


The same intuitive UI design and no need for coding concept is applied to the report and chart series customization. Simply selecting the options from a list of presets automatically enables them for the final data visualization. These are available for either the individual data series or the whole chart control.

Reportivo enables a great degree of flexibility and visual options for the rendered report. Since the service employs the ShieldUI Charting component, Reportivo offers over 23 charting visualization types and a rich set of interactivity, tooltip and interaction effects.

Sharing the report

When working collaboratively as part of a team, a report generation process, or for data visualization, implementation is rarely simply just about generating the visual result but also about sharing data. Reportivo solves this collaboration problem by enabling easy report sharing. Once a report is finalized, it is saved and can be linked via a unique URL. Then it can be shared it or embedded in a web page with the click of a button. To add an even bigger degree of flexibility, Reportivo allows programmatic report customization and generation. 

Reportivo API

Adding data to an existing report is easy to achieve. To modify that data, simply add a dataSeries.data parameter to the URL and assign it the comma-separated list of new values. For example - dataSeries.data=19,20.5,30.5,10,5,15

For the tech-savvy Reportivo offers a fully functional REST API which will automatically generate a report over a POST request which contains a JSON structure specifying the chart structure and options. More details on this approach are available here.

The future plans of the company include greatly extending the reporting capabilities of Reportivo by moving from a chart visualization towards a dashboard design, which allows pre-selection of controls and tools to use in the final report. 

Feel free to review and test the service here, or visit ShieldUI for a review of all controls used in it. 

ShieldUI Updates Reportivo Reporting and Sharing Service for JavaScript and HTML5 UI Components




Read more: http://reportivo.com/create




Subscribe to App Developer Magazine

Become a subscriber of App Developer Magazine for just $5.99 a month and take advantage of all these perks.

MEMBERS GET ACCESS TO

  • - Exclusive content from leaders in the industry
  • - Q&A articles from industry leaders
  • - Tips and tricks from the most successful developers weekly
  • - Monthly issues, including all 90+ back-issues since 2012
  • - Event discounts and early-bird signups
  • - Gain insight from top achievers in the app store
  • - Learn what tools to use, what SDK's to use, and more

    Subscribe here



Stay Updated

Sign up for our newsletter for the headlines delivered to you

SuccessFull SignUp

Featured Stories


Influencer Debate AI Anthropic IPO Reveals Industry Concerns
Influencer Debate AI Anthropic IPO Reveals Industry Concerns Wednesday, June 17, 2026


Subscription apps are losing users faster than ever
Subscription apps are losing users faster than ever Tuesday, June 16, 2026


DomainTools announces real time threat feeds
DomainTools announces real time threat feeds Monday, June 15, 2026




Take It Down Act results in warning letters from FTC
Take It Down Act results in warning letters from FTC Friday, June 12, 2026


Nvidia valuation fears grow
Nvidia valuation fears grow Friday, June 12, 2026


Anthropic launches Claude Design
Anthropic launches Claude Design Wednesday, June 10, 2026


Spotlite Expands Into AI Era With New IP Protection Tool
Spotlite Expands Into AI Era With New IP Protection Tool Wednesday, June 3, 2026


Spotify and UMG strike landmark AI music licensing deal
Spotify and UMG strike landmark AI music licensing deal Thursday, May 28, 2026


Anthropic investigation opened after Mythos accessed by Discord group
Anthropic investigation opened after Mythos accessed by Discord group Wednesday, May 27, 2026


AI layoffS: What is really behind it all
AI layoffS: What is really behind it all Tuesday, May 26, 2026


Get More App News