Upload
travis-bunyard
View
240
Download
7
Tags:
Embed Size (px)
Citation preview
Google Fusion Tables API
Inneke Ponet
Google Fusion Tables:
Store, share, query and visualize data.
API to run SQL-like queries
applications that use Fusion Tables as a database.
Google Fusion Tables
Send API statements to Goolge Fusion Tables:
queries: HTTP GET requests;
inserts, updates and deletes: HTTP POST requests.
The API is language agnostic.
It doesn’t have a mechanism for submitting the
GET and POST requests.
Use existing code libraries (Java, Javascript, .NET, PHP,
Python, Objective-C).
Writing an application
Exploring tables
Query example
https://www.google.com/fusiontables/api/query?sql=SHOW TABLES
table id,name274409,StoreInventory
https://www.google.com/fusiontables/api/query?sql=DESCRIBE 274409
column id,name,typecol0,Product,stringcol1,Inventory,number
Google Maps API
Fusion Tables Layer
Google Chart Tools
Data source
Fusion Tables with other APIs
Geographic data in a Fusion Table: Geocode of a street address, a name of a city,
a name of a country; latitude, longitude pair; KML.
FusionTablesLayer: interface to a Fusion Table, automatic rendering of the location data, clickable overlays.
Google Maps
var chicago = new google.maps.LatLng(41.948766, -87.691497);
map = new google.maps.Map(document.getElementById('map_canvas'), {center: chicago,
zoom: 12, mapTypeId: 'roadmap'}); var layer = new google.maps.FusionTablesLayer({ query: { select: 'address', from: '198945', where: 'ridership > 5000' }});layer.setMap(map);
Example Google Maps
Example Google Maps
http://www.mtbguru.com/
Google Chart Tool
google.load('visualization', '1', {'packages':['corechart']});
function changeData() {var queryText = encodeURIComponent(
"SELECT Year, Austria, Bulgaria, Denmark, Greece FROM 641716");var query = new google.visualization.Query(
'http://www.google.com/fusiontables/gvizdata?tq=' + queryText);query.send(getData);
}
function getData(response) {new google.visualization.BarChart(document.getElementById('visualization')).
draw(response.getDataTable(), {title:"Yearly Coffee Consumption by Country", width:600, height:400, vAxis: {title: "Year"}, hAxis: {title: "Cups"}}
);}
Example Google Chart
Example Google Chart
google.load('visualization', '1');
function loadData(year) {var queryText = encodeURIComponent(
"SELECT 'Male name', 'Reverse rank‘FROM 642040WHERE year = '" + year + "‘ORDER BY 'Male name'");
var query = new google.visualization.Query('http://www.google.com/fusiontables/gvizdata?tq=' + queryText);
query.send(getData);}
function getData(response) {var outputDiv = document.getElementById('visualization');var tc = new TermCloud(outputDiv);tc.draw(response.getDataTable(), null);
}
Example Google Chart 2
Example Google Chart 2
Example Fusion Tables
http://www.google.com/fusiontables/DataSource?dsrcid=851292
<iframe width="500px" height="300px" scrolling="no" src="http://www.google.com/fusiontables/embedviz?viz=MAP&q=select+col0%2C+col1%2C+col2%2C+col3+from+851292+&h=false&lat=51.020456&lng=4.899438550000001&z=10&t=1&l=col2"></iframe>
Example Fusion Tables
Custom applications (HTTP GET and POST).
Google Maps with FusionTableLayer.
Google Chart and Fusion Tables as data source.
Visualization in an HTML page.
Fusion Tables in other applications