HTML5 Cloud Dashboard Designer (Charts and Graphs)

WHAT IS HTML5 CLOUD DASHBOARD DESIGNER?

HTML5 Cloud Dashboard Designer, offers a simple to make use of, drag and drop consumer interface that permits non-programmers (and programmers alike) to construct refined dashboards (assume dashboards you see in your favourite sci fi/motion hero/spy films) in minutes leveraging an extensible assortment of well-liked Javascript and jQuery knowledge visualization plug-ins. The script at present helps Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js however will help many many extra sooner or later (d3js, Mapbox maps in subsequent launch).

This dashboard designer makes use of commonplace (non-proprietary) HTML5/jQuery/Javascript to create a really mild, straightforward to share dashboard. Dashboards could be previewed, shared and saved, jsfiddle-fashion (on the cloud through mechanically generated URL hyperlinks). The script additionally features a code generator that generates standalone scripts (four totally different flavors – HTML5 Solely, HTML/jQuery, URL string, Silent Type Publish) to render the dashboard you created.
Chart knowledge might be loaded from a file in a folder the place you have got this script put in or typed instantly into the chart’s settings panel. Lastly, full supply code is out there with each script buy so that you can customise, prolong and incorporate into your personal software program.

Immediately’s “main” knowledge visualization instruments are costly, thick/heavy, closed/proprietary(e.g. supply code not out there) software program merchandise that produce common dashboards from a restricted/closed number of chart varieties and knowledge visualizations (for record of present market leaders, see – 2015 Magic Quadrant for Business Intelligence and Analysis Tools).

Within the meantime, open supply Javascript and jQuery group software program improvement has produced an exponentially rising catalog of progressive, subsequent era knowledge visualization plugins/scripts (Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js, d3js, Mapbox and so forth.) that when assembled (utilizing this new dashboard designer) into extremely-mild knowledge visualization net web page utilizing commonplace HTML5, jQuery and Javascript, produces refined dashboards that present the subsequent era knowledge visualiation answer from the “main instruments” of right now.

KEY FEATURES

  • Create dashboards of any measurement type issue – any width by any peak. Default is 5000×5000 pixels.
  • Extensible rotating carousel “palette of JS/jQuery charts” together with Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js. Many, many extra to return together with , d3js, Mapbox out there subsequent launch<
  • Straightforward to make use of drag and drop dashboard designer consumer interface to create lovely interactive dashboards in minutes. No coding necesarry! (see How to Videos)
  • Settings panel for “no coding” chart customization – setting itles, textual content font, textual content measurement, chart background, collection colours, and so on
  • DB agnostic knowledge sources – Hand enter knowledge or load knowledge from a JSON file in your server.
  • jsFiddle type saving/sharing – Means to preview, share and save your dashboard on the cloud utilizing auto generated URLs (* these options require PHP/MySQL webserver).
  • Code Generator – auto generates code to render your dashboard in a standalone script. Totally different taste scripts together with: HTML5 Solely, HTML5/jQuery, URL string (GET), Silent Type (POST)
  • Theming functionality. Change colour scheme, fonts, background of dashboard by altering a single theme setting.
  • Full supply code obtainable with each script buy(< 10k strains) so that you can prolong, customise and incorporate into your personal software program.

SYSTEM REQUIREMENTS

  • Any browser that helps HTML5/Javascript, jQuery (2.1.four). Examined with Chrome Model forty nine.zero.2623.one hundred ten (sixty four-bit), Safari Model 5.1.7 (7534.fifty seven.2), Web Explorer eleven.zero.9600.18230, Firefox 5.zero.2
  • A PHP/MySQL supported webserver is required for jsfiddle options (preview, share, save) and render script choices #three and #four – click on here for phpinfo for PHP/MySQL variations and configuration choices of the server serving up the demo. IMPORTANT: ensure to match with phpinfo of your set up. Many PHP/MySQL errors stem from configuration choices of buyer php server situations.
  • This script makes use of hosted libraries for Highsoft (code.highcharts.com, and so forth) and no set up required. It does require you to acquire the suitable Highsoft (Highcharts, Highmaps, Highstock) license based mostly in your use. Click on here for particulars.
  • See ‘Putting in this Script’ How To Video above for a demo of set up.


HOW TO VIDEO LIBRARY


VERSION HISTORY

  • VERSION 1.zero (four/15/2016) – Preliminary Launch Model
    • Create dashboards for any measurement type issue – create dashboard of any width and any peak.
    • Extensible rotating “palette of JS/jQuery charts” together with Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js. Many, many extra to return together with , d3js, Mapbox obtainable subsequent launch.
    • Straightforward to make use of drag and drop dashboard designer consumer interface to create lovely interactive dashboards in minutes. No coding necesarry! (see How to Videos)
    • Settings panel for “no coding” chart customization – setting itles, textual content font, textual content measurement, chart background, collection colours, and so forth
    • DB agnostic knowledge sources – Hand enter knowledge or load knowledge from a JSON file in your server
    • jsFiddle fashion saving/sharing – Means to preview, share and save your dashboard on the cloud utilizing auto generated URLs (* these options require PHP/MySQL webserver).
    • Code Generator – auto generates code to render your dashboard in a standalone script. Totally different taste scripts together with: HTML5 Solely, HTML5/jQuery, URL string (GET), Silent Type (POST)
    • Theming functionality. Change colour scheme, fonts, background of dashboard by altering a single theme setting.
    • Full supply code made obtainable with each script buy(< 10k strains) so that you can prolong, customise and incorporate into your personal software program.
  • Upcoming VERSION 1.1 (ETA 6/15/2016) – 2nd launch
    • d3js carousel of charts
    • Mapbox carousel of charts
    • Extra Highmaps (worldwide)
    • Extra Leaflet js maps
    • Horizontal/Vertical carousel widgets

OTHER LINKS