Fork me on GitHub

The Meliorator

First, let's

Get some data via an API...

                            var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://schematic-ipsum.herokuapp.com/?n=50",
  "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) {
  initPanels(JSON.parse(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!

And

This amazing analytics panel for FREE!


Checkout

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...

DOWNLOAD