Sheetsee

Easily create data-driven websites.

Transcript

1. Sheetsee.js Data-Driven Websites Made Easy Amy Deschenes | March 2014
2. Jessica https://github.com/jlord
3. Sheetsee.js
4. Turn This Data:
6. Into this!
10. Sheetsee Includes: Tabletop.js D3.js Mapbox.js Leaflet.js
11. What You Need
12. ✴ Google Spreadsheet ✴ Web Space ✴ Sheetsee.js
14. Publish to the Web
15. Get the Key
16. https://docs.google.com/a/ simmons.edu/spreadsheet/ccc? key=0AiyNu1silQeAdDMxYXI2V HEzXzVsVGNtdVc5TnlZTXc&usp= drive_web#gid=0
17. https://docs.google.com/a/ simmons.edu/spreadsheet/ccc? key=0AiyNu1silQeAdDMxYXI2V HEzXzVsVGNtdVc5TnlZTXc&usp= drive_web#gid=0
18. Paste the Key in Your File
19. <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var dashboard var URL = "0AiyNu1silQeAdDMxYXI2VHEzXzVsVGNtdVc5TnlZTXc" Tabletop.init( { key: URL, callback: showInfo, simpleSheet: true } ) }) function showInfo(data, tabletop) { dashboard = data console.log("here is data", dashboard)
20. <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var dashboard var URL = "0AiyNu1silQeAdDMxYXI2VHEzXzVsVGNtdVc5TnlZTXc" Tabletop.init( { key: URL, callback: showInfo, simpleSheet: true } ) }) function showInfo(data, tabletop) { dashboard = data console.log("here is data", dashboard)
25. http://beatleyweb.simmons.edu/ sandbox/sheetsee
26. Find People Who Inspire You
27. thank you Amy Deschenes deschene@simmons.edu