Home

Sample Code

Keshif only has one main function: kshf.init, and all the configuration is done by modifying the parameters passed to this function.

kshf.init({
    domID : "#chart_div4",
    categoryTextWidth:186,
    source : {
        gdocId : '0Ai6LdDWgaqgNdFhuMXh0V1E2Wk5tU19JaDltUWVMVnc',
        sheets : [ {name:"Posts"} ]
    },
    loadedCb: function(){
        postCols = kshf.dt_ColNames.Posts;
        kshf.cellToArray(kshf.dt.Posts, [postCols.categories], ",", false);
    },
    facets: [ // 2 facets
        {   facetTitle: "Category",
            timeTitle: "Date" // displays timeline coupled with category property of "posts"
        },{
            facetTitle: "Author"
        }
    ],
    itemDisplay:{
        sortColWidth: 55,
        columns : [
            {   name: 'Date', value: function(d){ return d.data[postCols.date].getUTCFullYear(); } }
        ],
        textSearch : 'Title',
        contentFunc : function(d) { 
        	// return an html string which you can generate from the data parameter, d
                return d.data.Name; // We are using the "Name" data of the object.
        }
    }
});

Demos

The interactive demo list (using Keshif browser) is available here. You can browse through their demos, and check their source-code. Demo list is also marked by code simplicity, so you can focus on the simple pieces first and then increase complexity as you want to enable more features…

Tutorial

Tutorial is here . Using Nobel dataset, first simply import the data with default configurations, then customize for more effective and detailed browsing.

API Documentation

Main Parameters
Data Source Parameters
Facet Parameters
List Parameters
Notes