Skip to content

Commit

Permalink
working on things
Browse files Browse the repository at this point in the history
  • Loading branch information
Jessica Lord committed Feb 4, 2014
1 parent 88af1d1 commit 77bb56a
Show file tree
Hide file tree
Showing 27 changed files with 298 additions and 176 deletions.
1 change: 0 additions & 1 deletion demos/0Ao5u1U6KYND7dGN5QngweVJUWE16bTRob0d2a3dCbnc.json
View file

This file was deleted.

14 changes: 7 additions & 7 deletions demos/demo-chart.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,9 +34,9 @@ <h1>Pennies by State</h1>
<footer>
<h4 id="getting-started">Getting Started</h4>
<ul>
<li><a href="docs/about.html">About Sheetsee.js</a></li>
<li><a href="docs/building.html">Building Sheetsee</a></li>
<li><a href="docs/basics.html">Basics</a></li>
<li><a href="../docs/about.html">About Sheetsee.js</a></li>
<li><a href="../docs/building.html">Building Sheetsee</a></li>
<li><a href="../docs/basics.html">Basics</a></li>
</ul>
<h4 id="ideas">Ideas</h4>
<ul>
Expand All @@ -53,10 +53,10 @@ <h4>Demos</h4>
</ul>
<h4 id="use">Use</h4>
<ul>
<li><a href="docs/sheetsee-core.html">Sheetsee-core</a></li>
<li><a href="docs/sheetsee-tables.html">Sheetsee-tables</a></li>
<li><a href="docs/sheetsee-maps.html">Sheetsee-maps</a></li>
<li><a href="docs/sheetsee-charts.html">Sheetsee-charts</a></li>
<li><a href="../docs/sheetsee-core.html">Sheetsee-core</a></li>
<li><a href="../docs/sheetsee-tables.html">Sheetsee-tables</a></li>
<li><a href="../docs/sheetsee-maps.html">Sheetsee-maps</a></li>
<li><a href="../docs/sheetsee-charts.html">Sheetsee-charts</a></li>
</ul>
<h4 id="use">Contact</h4>
<ul>
Expand Down
33 changes: 15 additions & 18 deletions demos/demo-map.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,38 +27,35 @@ <h1>All Pennies Map</h1>
<footer>
<h4 id="getting-started">Getting Started</h4>
<ul>
<li><a href="docs/about.html">About Sheetsee.js</a></li>
<li><a href="docs/building.html">Building Sheetsee</a></li>
<li><a href="docs/basics.html">Basics</a></li>
<li><a href="../docs/about.html">About Sheetsee.js</a></li>
<li><a href="../docs/building.html">Building Sheetsee</a></li>
<li><a href="../docs/basics.html">Basics</a></li>
</ul>
<h4 id="ideas">Ideas</h4>
<ul>
<li><a href="docs/fork-n-go.html">Fork-n-Go</a></li>
<li><a href="docs/tips.html">Tips!</a></li>
<li><a href="docs/custom-charts.html">Custom charts</a></li>
<li><a href="docs/fork-n-go.html">Fork-n-Go</a></li>
<li><a href="docs/tips.html">Tips!</a></li>
<li><a href="docs/custom-charts.html">Custom charts</a></li>
</ul>
<h4>Demos</h4>
<ul>
<li><a href="/demos/demo-table.html">Table Demo</a></li>
<li><a href="/demos/demo-map.html">Map Demo</a></li>
<li><a href="/demos/demo-chart.html">Chart Demo</a></li>
<li><a href="/demos/template.html">Basic Template</a></li>
<li><a href="/demos/demo-table.html">Table Demo</a></li>
<li><a href="/demos/demo-map.html">Map Demo</a></li>
<li><a href="/demos/demo-chart.html">Chart Demo</a></li>
</ul>
<h4 id="use">Use</h4>
<ul>
<li><a href="docs/sheetsee-core.html">Sheetsee-core</a></li>
<li><a href="docs/sheetsee-tables.html">Sheetsee-tables</a></li>
<li><a href="docs/sheetsee-maps.html">Sheetsee-maps</a></li>
<li><a href="docs/sheetsee-charts.html">Sheetsee-charts</a></li>
<li><a href="../docs/sheetsee-core.html">Sheetsee-core</a></li>
<li><a href="../docs/sheetsee-tables.html">Sheetsee-tables</a></li>
<li><a href="../docs/sheetsee-maps.html">Sheetsee-maps</a></li>
<li><a href="../docs/sheetsee-charts.html">Sheetsee-charts</a></li>
</ul>
<h4 id="use">Contact</h4>
<ul>
<li><a href="http://www.twitter.com/jllord">@jllord</a></li>
<li><a href="https://github.com/jlord/sheetsee.js/issues/new">File an issue</a></li>
<li><a href="http://www.twitter.com/jllord">@jllord</a></li>
<li><a href="https://github.com/jlord/sheetsee.js/issues/new">File an issue</a></li>
</ul>
<h4><a href="/">Home Page</a></h4>
</footer>
</div>

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
Expand Down
34 changes: 16 additions & 18 deletions demos/demo-table.html
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<html>
<head>
<title>Sheetsee Table Demo</title>
<script type="text/javascript" src='../js/sheetsee.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.1.0/tabletop.min.js"></script>
<script type="text/javascript" src='../js/sheetsee.js'></script>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="../assets/sss.css">
Expand Down Expand Up @@ -35,36 +35,34 @@ <h1>Pretty Pennies</h1>
<footer>
<h4 id="getting-started">Getting Started</h4>
<ul>
<li><a href="docs/about.html">About Sheetsee.js</a></li>
<li><a href="docs/building.html">Building Sheetsee</a></li>
<li><a href="docs/basics.html">Basics</a></li>
<li><a href="../docs/about.html">About Sheetsee.js</a></li>
<li><a href="../docs/building.html">Building Sheetsee</a></li>
<li><a href="../docs/basics.html">Basics</a></li>
</ul>
<h4 id="ideas">Ideas</h4>
<ul>
<li><a href="docs/fork-n-go.html">Fork-n-Go</a></li>
<li><a href="docs/tips.html">Tips!</a></li>
<li><a href="docs/custom-charts.html">Custom charts</a></li>
<li><a href="docs/fork-n-go.html">Fork-n-Go</a></li>
<li><a href="docs/tips.html">Tips!</a></li>
<li><a href="docs/custom-charts.html">Custom charts</a></li>
</ul>
<h4>Demos</h4>
<ul>
<li><a href="/demos/demo-table.html">Table Demo</a></li>
<li><a href="/demos/demo-map.html">Map Demo</a></li>
<li><a href="/demos/demo-chart.html">Chart Demo</a></li>
<li><a href="/demos/template.html">Basic Template</a></li>
<li><a href="/demos/demo-table.html">Table Demo</a></li>
<li><a href="/demos/demo-map.html">Map Demo</a></li>
<li><a href="/demos/demo-chart.html">Chart Demo</a></li>
</ul>
<h4 id="use">Use</h4>
<ul>
<li><a href="docs/sheetsee-core.html">Sheetsee-core</a></li>
<li><a href="docs/sheetsee-tables.html">Sheetsee-tables</a></li>
<li><a href="docs/sheetsee-maps.html">Sheetsee-maps</a></li>
<li><a href="docs/sheetsee-charts.html">Sheetsee-charts</a></li>
<li><a href="../docs/sheetsee-core.html">Sheetsee-core</a></li>
<li><a href="../docs/sheetsee-tables.html">Sheetsee-tables</a></li>
<li><a href="../docs/sheetsee-maps.html">Sheetsee-maps</a></li>
<li><a href="../docs/sheetsee-charts.html">Sheetsee-charts</a></li>
</ul>
<h4 id="use">Contact</h4>
<ul>
<li><a href="http://www.twitter.com/jllord">@jllord</a></li>
<li><a href="https://github.com/jlord/sheetsee.js/issues/new">File an issue</a></li>
<li><a href="http://www.twitter.com/jllord">@jllord</a></li>
<li><a href="https://github.com/jlord/sheetsee.js/issues/new">File an issue</a></li>
</ul>
<h4><a href="/">Home Page</a></h4>
</footer>
</div>

Expand Down
31 changes: 0 additions & 31 deletions demos/template.html
View file

This file was deleted.

2 changes: 1 addition & 1 deletion docs/about.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ In early 2013, after the CfA Fellowship, I recieved a grant from Mozilla Open Ne

The present version makes the project modular, customizable and with more maping and table features.

## Built ontop of Tabletop.js
## Built on top of Tabletop.js
Sheetsee would not exist were it not for [tabletop.js](https://github.com/jsoma/tabletop) a library that handles the messy interactions with the Google Spreadsheets API for you and returns a lovely JSON of your data. Every instance of Sheetsee begins with running tabletop.js.

### Sheetsee.js + Mapbox.js + d3.js
Expand Down
48 changes: 29 additions & 19 deletions docs/basics.md
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Spreadsheets as Databases

Hi, hello.
Spreadsheets are a great _lightweight_ database. Google Spreadsheets in particular are easy to work with and share, making this unlike most traditional database set ups. That being said, traditional databases are great for bigger, more secure jobs. If you're storing lots and lots and lots of information, or storing sensitive or complex information -- the spreadsheet is not for you. But if you're working on small to medium sized personal or community projects, try a spreadsheet!

## The Short & Sweet

Expand All @@ -15,24 +15,34 @@ Hi, hello.

Ignoring some HTML things to conserve space, you get the point. This gives you a page with a map of your spreadsheets points.

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.1.0/tabletop.min.js"></script>
<script type="text/javascript" src='dist/sheetsee.full.js'></script>
</head>
<style> #map {height: 600px; width: 600px;} </style>
<body>
<div id="map"></div>
<script>
var geoJSON = Sheetsee.createGeoJSON(gData, featureElements)
var map = Sheetsee.loadMap("map")
Sheetsee.addTileLayer(map, 'examples.map-20v6611k')
var markerLayer = Sheetsee.addMarkerLayer(geoJSON, map, 11)
</script>
</body>
</html>

```HTML
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.1.0/tabletop.min.js"></script>
<script type="text/javascript" src='dist/sheetsee.full.js'></script>
<link rel="stylesheet" type="text/css" href="css/sss.css">
</head>
<body>
<div id="placeholder"></div>

<script id="placeholder" type="text/html">
// template if you so desire!
</script>

<script type="text/javascript">
// document.addEventListener('DOMContentLoaded', function() {
// var gData
// var URL = "YOURSPREADSHEETSKEYHERE"
// Tabletop.init( { key: URL, callback: myData, simpleSheet: true } )
// })
// function myData(data) {
// All the sheetsee things you want to do!
// }
</script>
</body>
</html>
```

## Your Data

Expand Down
Loading

0 comments on commit 77bb56a

Please sign in to comment.