πŸ‘€ πŸ“ˆ Visualize Data from a Google Spreadsheet
JavaScript HTML CSS
Latest commit ce30087 Jan 10, 2017 3 @jlord committed on GitHub Merge pull request #118 from tart2000/patch-1
Corrected sentence that didn't make sense
Permalink
Failed to load latest commit information.
demos Update map tiles Aug 21, 2015
docs Corrected sentence that didn't make sense Jan 10, 2017
img fresh files May 19, 2013
js Upate docs Aug 22, 2015
site Upate docs Aug 22, 2015
.gitignore merge Feb 9, 2014
bower.json Remove moot `version` property from bower.json Jun 12, 2015
buildpage.js stylesss Sep 8, 2014
contributing.md contributing doc Mar 4, 2014
favicon.png favicon Sep 8, 2014
license.md license May 19, 2013
package.json fix typo in git-stage Feb 24, 2015
readme.md fix link Feb 15, 2015
template.hbs add favicon link Sep 8, 2014

readme.md

sheetseeimg

Sheetsee.js is a client-side library for connecting Google Spreadsheets to a website and visualizing the information in tables, maps and charts.

Modules

Each of sheetsee.js's features are divided into modules. Use just the parts you need; see docs on building. If you don't want to build your own, you can just use the full library which includes all modules, it's here on GitHub.

Module Contains Docs
sheetsee-core Included in any build. Gets you started and has the working-with-your-data functions. Doc
sheetsee-tables Contains everything you'll need to create a table including sortable columns, pagination and search. Doc
sheetsee-maps For making maps with your point, line or polygon spreadsheet data. Built on Mapbox.js. Doc
sheetsee-charts Includes 3 basic d3 charts: bar, line and pie. You can also use your own. Doc

Spreadsheets!?

Google Spreadsheets can be used as simple and collaborative databases, they make getting a data driven site going much easier than traditional databases. Read more about using spreadsheets for databases here.

In the Wild

What can you make with Sheetsee.js? Lots of things, here are some examples:

List your sheetsee project here: file an issue or pull request.

Resources & Documentation

More resources on using Sheetsee.js:

Getting Started Ideas Use Demos
About Sheetsee.js Fork-n-Go Sheetsee-core Table Demo
Building Sheetsee Tips! Sheetsee-tables Table Demo
Basics Custom charts Sheetsee-maps Map Demo
Sheetsee-charts Chart Demo

Note on New Google Spreadsheets

Google recently updated their Google Spreadsheets and the API. For a bit this was breaking things using the old API, including Tabletop. This has been fixed and the latest version of tabletop.js works on both old and new spreadsheets. Be sure to include at least version 1.3.4 in your project.