Report not found

There was a problem finding this report.
Map Visualization of UCM Locations
October 21, 2014 · Refreshed about 1 month ago
Description
Locations generated with crowdsourcing GPS app with students in COGS 127

Collaborators

Run History
select * from rdale.ucm_map limit 500
select * from rdale.ucm_map limit 500;
<script src="//cdnjs.cloudflare.com/ajax/libs/d3-tip/0.6.3/d3-tip.min.js"></script> <link rel="stylesheet" href="//rawgithub.com/Caged/d3-tip/master/examples/example-styles.css"> <center><div id="mapcontainer" style="background:url(http://cogsci.ucmerced.edu/ucm.map/camps2.png);height:537px;width:873px;"> <svg id="svg"></svg> </div></center> <script> topL = [37.370254, -120.434185]; // top-left GPS coordinates of map image botR = [37.361164, -120.415474]; // bottom-right GPS coordinates of map image iWd = botR[1]-topL[1]; // The width of the image in coordinates iHt = botR[0]-topL[0]; // The height ht = 537; // the size of the UCM map image wt = 873; function imgCoords(lt,lng) { // this maps GPS coordinates to image x,y position lt=lt-topL[0];lng=lng-topL[1]; lt = Math.round(lt/iHt*ht); lng = Math.round(lng/iWd*wt); return([lng,lt]); } d3.select("#map") // position the map .attr("top","100px") .attr("left","100px") .attr("position","absolute"); var svg = d3.select("#svg"); // draw a "scalable vector graphics" layer over the image svg.attr("height",ht) .attr("width",wt) .attr("top","100px") .attr("left","100px") .attr("position","absolute"); data = dataset.content; // this is the Mode data var tip = d3.tip().attr('class', 'd3-tip').html(function(d) { return d.descrip; }); svg.call(tip); // the above and this line initializes our "tooltip" mouseover var circles = svg.selectAll("circle") // this uses d3 (amazing) to draw our circles .data(data) .enter() .append("circle").on('mouseover',tip.show) // insert the tooltip information .on('mouseout',tip.hide); circles.attr("cx", function(d) { // this positions and formats our circles cx = imgCoords(Number(d.latitude),Number(d.longitude))[0]; if (!isNaN(cx)) return(cx); // x position on image }) .attr("cy", function(d) { cy = imgCoords(Number(d.latitude),Number(d.longitude))[1]; if (!isNaN(cy)) return(cy); // y position on image }) .attr("r",5).attr("fill","#164F86") // radius and colors .attr("stroke","black"); </script>
{{ dataSourceName(params.queryId) }}

The dataset is too large to view in browser

Export

Looks like something went wrong with your query.

{{ DS.queryRuns[params.queryId].errorMessage }}
This query was cancelled