Fork me on GitHub

The Meliorator

First, let's

Get some data via an API...

                            var settings = {
  "async": true,
  "crossDomain": true,
  "url": "",
  "method": "POST",
  "headers": {
	"content-type": "application/json"
  "data": "{\n  \"type\": \"object\",\n  \"properties\": {\n    \"Date\": { \"type\": \"string\", \"format\": \"date-time\" },\n    \"Name\": { \"type\": \"string\", \"ipsum\": \"name\" },\n    \"Group\": {\n  \"type\": \"string\",\n  \"enum\": [\"Plankton\", \"Islander\", \"Mystic\", \"Veterans\"]\n},\n    \"City\": {\n  \"type\": \"string\",\n  \"enum\": [\"Entebbe\", \"Kampala\", \"Jinja\", \"Masindi\", \"Gulu\", \"Masaka\", \"Mbarara\"]\n},\n    \"Age\": { \"type\": \"integer\" },\n\t  \"Score\": { \"type\": \"number\" },\n\t  \"Rank\": { \"type\": \"integer\" }\n   \n  }\n}"

// in this case, the data is obtained via an api, and then we pass the result to 
// Meliorator
$.ajax(settings).done(function (response) {


Then, with the parsed dataset

We can Meliorate

                            function initPanels(data){
	$('#table').Meliorator('table', {
		data: data,
		tableClass: 'derivedTable'

	$('#analytics').Meliorator('analytics-panel', {
		data: data



To get?



This amazing analytics panel for FREE!


Other Examples...

Sourcing data from existing HTML Tables
(Design/View) Dashboard Mode Example
Render Pre-existing a Dashboard
Render a Single Analytics Widget
Automagically Render images and other Binary Objects

It's Open Source!

The project is still evolving, but...