Let’s start with an analogy. Say, you feel like eating steak today.
You can either cook it at home, for which you need to know recipe, assemble ingredients from different sources, and then cook it as per your taste. Or, you can go to a nearby gourmet steak house that serves the best steaks in the neighborhood. Both work equally well.
In the former, you need both time and willingness to cook, and the output hugely depends on your culinary skills and available ingredients. In the latter, you are able to savour a lip-smacking steak just by instructing the chef on how you want your steak done. And while that happens, you can do things that matter to you!
RazorFlow Dashboard Framework is just this - gourmet dashboards for all your data!
To build a dashboard today, you have to manually stitch charts, grids, tables and KPI components. On top of that, you need to put in additional effort to ensure a coherent design, consistent interaction model, feature parity and optimal performance across various browsers and devices. This is painful and time consuming. Why do this when you could spend this time on making your applications better in various other aspects?
With RazorFlow Dashboard framework, this becomes a thing of the past. Building HTML5 dashboards doesn't have to be painful any more.
This can create a myriad of problems
You need to learn the APIs and functionality of each component separately.
A lot of effort goes into making them work uniformly, with a consistent behavior and design.
Includes different workarounds, since each component is architected differently.
You need to procure licenses from each vendor separately, and based on licensing terms, it can affect your scaling needs.
Upgrading a particular component can cause confllicts with other components.
You need to track upgrades of each component separately for fixing known issues.
RazorFlow Dashboard framework abstracts you from all this pain, as it comes with batteries included!
You get a clean and consistent API and design to build your entire dashboards. Plus, it offers you all the components required to build a dashboard, be it charts, gauges, tables or even form elements. These components work together coherently, out of the box, without any further effort.
You no longer need to work with different vendors and libraries to build a dashboard.
At RazorFlow, to make a dashboard work across browsers and devices, we think beyond responsive design - what we call as responsible design. Responsive design only takes the screen size of device in consideration, whereas while doing responsible design, we also consider the experience of data consumption and capabilities of the device.
Each device, a smartphone, tablet or desktop, has a different paradigm and specific use-case. This forms our decision tree that helps us decide things like:
What data should be consumed on this device? Is a chart better suited on a small screen, or can we convert that to a KPI? How should we show multiple columns of data on a table on a mobile?
What interaction model is best suited for the device? How do we ensure that every link or component on smartphone is touch friendly? How do we indicate that a chart supports drill-down? For the same touch action, how to show tool-tips and also enable drill-downs effectively?
How should information be structured based on the form factor of the device? Vertical layout vs horizontal layout? Pagination and scrolling within tables on mobile?
What UI elements would feel known to a user of the device? Tabs on desktops vs scrollable views on smartphones?
How to make any dashboard look and behave consistent across any medium, regardless of browser size so that users get a similar experience, without awkward blank spaces, and haphazard arrangements?
We believe that a dashboard should be able converse with its user. They are not meant to be static display of information.
RazorFlow Dashboard framework enables it by providing meaningful interactions like drill-downs, tool-tips, dynamic series selection through legend, tabbed dashboards and more. This lets your users be in control and filter the relevant information for himself on the dashboard.
Each feature has been designed to ease your development process
We ensure that they work consistently across devices. For example, when you define drill-downs on charts, we automatically add breadcrumbs for navigating to parent charts, without you having to take extra effort. When you define tabbed dashboards, we automatically convert it to scrollable horizontal views on smartphones.
These APIs are built ground-up, to provide a consistent and coherent experience for all the components in a dashboard. Unlike a chart component, where the API just lets you control the chart and then you need to write additional code to manage interactions across various components, RazorFlow dashboard framework is aware of all the components on a page and manages them automatically. In addition, the theming engine lets you style the dashboard centrally, which you match to your brand’s look and feel.
For example, if you need a tabular display of 10 KPIs using any charting library, you will need to create 10 instances of such component, provide data to each one separately, create a table, and then manually place each component in a cell. RazorFlow dashboard framework allows you to easily create these using components like KPI tables and groups, which are better suited for dashboards.
We understand how tricky it can be to identify and solve client-server issues, more so in a cross-browser and cross-device world.
To help you solve these errors efficiently, RazorFlow dashboard framework does two things really well:
We abstract all client-side and server-side log data into one uniform interface. If an error occurs on server, we inform you and provide a stack trace, even for an AJAX call.
We’ve built a powerful error detection system that optimally suggests corrections for over 40 common mistakes in usage of our API or parameters.
Many modern dashboards have a lot of glitz and glamour, but fall short on the real purpose.
The purpose of a dashboard is to bring out the best in your data, and not your artistic skills
At RazorFlow, we have made some fundamental choices for you. No chart junk, no unwanted gradients, and no 3D charts. Because, none of these add value to your data. Our design provides an experience that centers around your data.
We have built an interaction model for drill-downs, tool-tips and tabbed dashboards that work intuitively across devices.
We have built a high performance dashboard framework that works on all modern browsers and devices.
In the process, we had to make some trade-offs like:
Support only modern browsers that support SVG, thereby eliminating older versions of IE (6/7/8).
Keep lightweight components with great defaults to focus more on the experience of data, as opposed to providing lots of customization options for each one of them.
Not bloat the framework with features that are used by far and few, to keep the library footprint (file size) small, for it to load quickly on mobile even on cellular data plans.
Doing these, along with some other things, helped us created a framework that runs at thrice the speed of other common charting components, and the entire footprint is less than 200KB - for the entire dashboard framework, encompassing all charts, gauges, KPIs, tables, grids, cross-device support, all gluing code etc. Go, beat that!
We believe that you should be able to build your full cross-platform cross-device dashboard in under an hour.
To enable this, we have great resources for you to get started
Feature gallery that showcases each component of a dashboard, live in action, both in web and mobile avataar, along with the code behind it.
Ready business dashboards to serve as inspiration, which you can download and modify as per your use.
Personalize support available from our developers directly.