Defiant Example

by Hakan Bilgin

HTML

<script src="http://defiantjs.com/defiant.js/dist/defiant-latest.min.js"></script>
<div id="output"></div>

JavaScript

var data = [
            {
                "id": 1,
                "name": "John",
                "sessions": [
                    {
                        "id": 1,
                        "date": "23-May-2013",
                        "start": "1000",
                        "end": "11000"
                    },
                    {
                        "id": 2,
                        "date": "23-May-2013",
                        "start": "1300",
                        "end": "1500"
                    }
                ]
            },
            {
                "id": 2,
                "name": "Mary",
                "sessions": [
                    {
                        "id": 1,
                        "date": "23-May-2013",
                        "start": "1000",
                        "end": "11000"
                    },
                    {
                        "id": 2,
                        "date": "23-May-2013",
                        "start": "1300",
                        "end": "1500"
                    }
                ]
            },
            {
                "id": 3,
                "name": "Peter",
                "sessions": [
                    {
                        "id": 1,
                        "date": "23-May-2013",
                        "start": "1000",
                        "end": "11000"
                    },
                    {
                        "id": 2,
                        "date": "23-May-2013",
                        "start": "1300",
                        "end": "1500"
                    }
                ]
            },
            {
                "id": 4,
                "name": "Joe",
                "sessions": [
                    {
                        "id": 1,
                        "date": "23-May-2013",
                        "start": "1000",
                        "end": "11000"
                    },
                    {
                        "id":...