{"data":[{"name":"UCSB Library","id":20,"busyness":2,"people":45,"isAvailable":true,"capacity":2426,"hourSummary":"Partially Open","isOpen":true,"bestLabel":"floor","bestLocations":[{"abbreviation":"1,M","id":28,"busyness":5},{"abbreviation":"2,M","id":31,"busyness":0},{"abbreviation":"2,O","id":32,"busyness":1}],"percentage":0.02,"locHtml":{"initial":"\n    <div class=\"row spaced loc-section not-busy\" id=\"loc-20\">\n        <h2 class=\"title\">\n            UCSB Library\n        </h2>\n        <p class=\"loc-summary\">\n            Not Busy (2%)\n        </p>\n    </div>    \n    ","summary":"Not Busy (2%)","class":"not-busy"},"subLocs":[{"busyness":5,"people":24,"capacity":500,"isAvailable":true,"id":28,"name":"1st Floor Mountain","abbreviation":"1,M","hourSummary":"open","isOpen":true,"percentage":0.05,"liveHTML":"\n    <div class=\"zone-card not-busy\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">1st Floor Mountain</span>\n        <span class=\"zone-card__header-label\">Not Busy</span>\n    </div>\n    \n        \n    <div class=\"live-data\">\n        <span class=\"live-data__label text-black\">5% Full</span>\n        <div class=\"live-data__graph\">\n            <div class=\"live-data__graph-bg\"></div>\n            <div class=\"live-data__graph-fill\" style=\"width: 5%\"></div>\n        </div>\n    </div>\n    \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced not-busy subloc\" id=\"subloc-28\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        1st Floor Mountain\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 500\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Not Busy (5%)\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":190,"summary":"Not Busy (5%)","class":"not-busy"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":10,"people":10,"capacity":100,"isAvailable":true,"id":29,"name":"1st Floor Ocean","abbreviation":"1,O","hourSummary":"open","isOpen":true,"percentage":0.1,"liveHTML":"\n    <div class=\"zone-card not-busy\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">1st Floor Ocean</span>\n        <span class=\"zone-card__header-label\">Not Busy</span>\n    </div>\n    \n        \n    <div class=\"live-data\">\n        <span class=\"live-data__label text-black\">10% Full</span>\n        <div class=\"live-data__graph\">\n            <div class=\"live-data__graph-bg\"></div>\n            <div class=\"live-data__graph-fill\" style=\"width: 10%\"></div>\n        </div>\n    </div>\n    \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced not-busy subloc\" id=\"subloc-29\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        1st Floor Ocean\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 100\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Not Busy (10%)\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":180,"summary":"Not Busy (10%)","class":"not-busy"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":0,"people":0,"capacity":148,"isAvailable":true,"id":30,"name":"1st Floor Sara Miller McCune Arts Library","abbreviation":"SM","hourSummary":"open","isOpen":true,"percentage":0,"liveHTML":"\n    <div class=\"zone-card not-busy\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">1st Floor Sara Miller McCune Arts Library</span>\n        <span class=\"zone-card__header-label\">Not Busy</span>\n    </div>\n    \n        \n    <div class=\"live-data\">\n        <span class=\"live-data__label text-black\">0% Full</span>\n        <div class=\"live-data__graph\">\n            <div class=\"live-data__graph-bg\"></div>\n            <div class=\"live-data__graph-fill\" style=\"width: 0%\"></div>\n        </div>\n    </div>\n    \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced not-busy subloc\" id=\"subloc-30\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        1st Floor Sara Miller McCune Arts Library\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 148\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Not Busy (0%)\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":200,"summary":"Not Busy (0%)","class":"not-busy"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":0,"people":1,"capacity":406,"isAvailable":true,"id":31,"name":"2nd Floor Mountain","abbreviation":"2,M","hourSummary":"open","isOpen":true,"percentage":0,"liveHTML":"\n    <div class=\"zone-card not-busy\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">2nd Floor Mountain</span>\n        <span class=\"zone-card__header-label\">Not Busy</span>\n    </div>\n    \n        \n    <div class=\"live-data\">\n        <span class=\"live-data__label text-black\">0% Full</span>\n        <div class=\"live-data__graph\">\n            <div class=\"live-data__graph-bg\"></div>\n            <div class=\"live-data__graph-fill\" style=\"width: 0%\"></div>\n        </div>\n    </div>\n    \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced not-busy subloc\" id=\"subloc-31\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        2nd Floor Mountain\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 406\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Not Busy (0%)\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":200,"summary":"Not Busy (0%)","class":"not-busy"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":1,"people":1,"capacity":305,"isAvailable":true,"id":32,"name":"2nd Floor Ocean","abbreviation":"2,O","hourSummary":"open","isOpen":true,"percentage":0.01,"liveHTML":"\n    <div class=\"zone-card not-busy\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">2nd Floor Ocean</span>\n        <span class=\"zone-card__header-label\">Not Busy</span>\n    </div>\n    \n        \n    <div class=\"live-data\">\n        <span class=\"live-data__label text-black\">1% Full</span>\n        <div class=\"live-data__graph\">\n            <div class=\"live-data__graph-bg\"></div>\n            <div class=\"live-data__graph-fill\" style=\"width: 1%\"></div>\n        </div>\n    </div>\n    \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced not-busy subloc\" id=\"subloc-32\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        2nd Floor Ocean\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 305\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Not Busy (1%)\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":198,"summary":"Not Busy (1%)","class":"not-busy"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":1,"people":5,"capacity":520,"isAvailable":true,"id":33,"name":"4th Floor","abbreviation":"4","hourSummary":"Closed until 8:00am","isOpen":false,"percentage":0.01,"liveHTML":"\n    <div class=\"zone-card closed\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">4th Floor</span>\n        <span class=\"zone-card__header-label\">Closed</span>\n    </div>\n    \n        \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced closed subloc\" id=\"subloc-33\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        4th Floor\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 520\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Closed\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":198,"summary":"Closed","class":"closed"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":2,"people":0,"capacity":40,"isAvailable":true,"id":34,"name":"5th - Quiet Floor","abbreviation":"5","hourSummary":"Closed until 8:00am","isOpen":false,"percentage":0.02,"liveHTML":"\n    <div class=\"zone-card closed\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">5th - Quiet Floor</span>\n        <span class=\"zone-card__header-label\">Closed</span>\n    </div>\n    \n        \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced closed subloc\" id=\"subloc-34\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        5th - Quiet Floor\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 40\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Closed\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":196,"summary":"Closed","class":"closed"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":0,"people":0,"capacity":160,"isAvailable":true,"id":35,"name":"6th - Quiet Floor","abbreviation":"6","hourSummary":"Closed until 8:00am","isOpen":false,"percentage":0,"liveHTML":"\n    <div class=\"zone-card closed\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">6th - Quiet Floor</span>\n        <span class=\"zone-card__header-label\">Closed</span>\n    </div>\n    \n        \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced closed subloc\" id=\"subloc-35\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        6th - Quiet Floor\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 160\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Closed\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":200,"summary":"Closed","class":"closed"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":0,"people":0,"capacity":123,"isAvailable":true,"id":36,"name":"7th - Quiet Floor","abbreviation":"7","hourSummary":"Closed until 8:00am","isOpen":false,"percentage":0,"liveHTML":"\n    <div class=\"zone-card closed\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">7th - Quiet Floor</span>\n        <span class=\"zone-card__header-label\">Closed</span>\n    </div>\n    \n        \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced closed subloc\" id=\"subloc-36\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        7th - Quiet Floor\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 123\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Closed\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":200,"summary":"Closed","class":"closed"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":0,"people":0,"capacity":80,"isAvailable":true,"id":37,"name":"8th - Quiet Floor","abbreviation":"8","hourSummary":"Closed until 8:00am","isOpen":false,"percentage":0,"liveHTML":"\n    <div class=\"zone-card closed\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">8th - Quiet Floor</span>\n        <span class=\"zone-card__header-label\">Closed</span>\n    </div>\n    \n        \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced closed subloc\" id=\"subloc-37\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        8th - Quiet Floor\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 80\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Closed\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":200,"summary":"Closed","class":"closed"},"updateHtml":{"busyness":33,"max":"hi"}}]},{"name":"Library Grad Studies","id":21,"busyness":0,"people":0,"isAvailable":true,"capacity":44,"hourSummary":"Closed until 8:00am","isOpen":false,"bestLabel":"room","bestLocations":[{"abbreviation":"2,M","id":38,"busyness":0}],"percentage":0,"locHtml":{"initial":"\n    <div class=\"row spaced loc-section closed\" id=\"loc-21\">\n        <h2 class=\"title\">\n            Library Grad Studies\n        </h2>\n        <p class=\"loc-summary\">\n            Closed\n        </p>\n    </div>    \n    ","summary":"Closed","class":"closed"},"subLocs":[{"busyness":0,"people":0,"capacity":19,"isAvailable":true,"id":38,"name":"2nd Mountain Grad","abbreviation":"2,M","hourSummary":"Closed until 8:00am","isOpen":false,"percentage":0,"liveHTML":"\n    <div class=\"zone-card closed\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">2nd Mountain Grad</span>\n        <span class=\"zone-card__header-label\">Closed</span>\n    </div>\n    \n        \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced closed subloc\" id=\"subloc-38\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        2nd Mountain Grad\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 19\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Closed\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":200,"summary":"Closed","class":"closed"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":0,"people":0,"capacity":12,"isAvailable":true,"id":39,"name":"2nd Ocean Grad","abbreviation":"2,O","hourSummary":"Closed until 8:00am","isOpen":false,"percentage":0,"liveHTML":"\n    <div class=\"zone-card closed\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">2nd Ocean Grad</span>\n        <span class=\"zone-card__header-label\">Closed</span>\n    </div>\n    \n        \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced closed subloc\" id=\"subloc-39\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        2nd Ocean Grad\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 12\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Closed\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":200,"summary":"Closed","class":"closed"},"updateHtml":{"busyness":33,"max":"hi"}},{"busyness":0,"people":0,"capacity":13,"isAvailable":true,"id":40,"name":"8th Floor Grad","abbreviation":"8","hourSummary":"Closed until 8:00am","isOpen":false,"percentage":0,"liveHTML":"\n    <div class=\"zone-card closed\">\n        \n    <div class=\"zone-card__header\">\n        <span class=\"zone-card__header-name text-black\">8th Floor Grad</span>\n        <span class=\"zone-card__header-label\">Closed</span>\n    </div>\n    \n        \n    </div>\n    ","subLocHtml":{"initial":"\n    <div class=\"row spaced closed subloc\" id=\"subloc-40\">\n        <div class=\"row-c\">\n            \n    <div class=\"indicator\"></div>\n    \n            \n    <div class=\"stack\">\n        <h3 class=\"title\">\n        8th Floor Grad\n        </h3>\n        \n    <h5 class=\"sub-title\">\n        Capacity: 13\n    </h5>\n    \n    </div>\n    \n        </div>\n            \n    <div class=\"stack\">       \n        <p class=\"loc-summary\">\n            Closed\n        </p>\n        \n    <div class=\"row\" style=\"justify-content: flex-end\">\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n        <div class=\"pill\"></div>\n    </div>\n    \n    </div>\n    \n    </div>\n    ","graph":200,"summary":"Closed","class":"closed"},"updateHtml":{"busyness":33,"max":"hi"}}]}]}