Skip to content

Instantly share code, notes, and snippets.

View pere's full-sized avatar

Pere pere

6 followers · 5 following
View GitHub Profile
@pere
pere / 004.json
Last active December 27, 2015 18:29
D3+leaflet
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@pere
pere / _.md
Created July 21, 2013 18:15
Tributary inlet
@pere
pere / _.md
Created July 20, 2013 20:05
Tributary inlet
@pere
pere / _.md
Created July 20, 2013 20:05
Tributary inlet
@pere
pere / _.md
Created July 20, 2013 19:18
Baseball Stats
@pere
pere / index.html
Last active October 8, 2019 23:53
Following circles coming from wax interaction
<!DOCTYPE html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=1024, user-scalable=no">
<style>
html { height: 100% }
body { height: 100%; margin: 0; padding: 0;}
#map{ height: 80%;width:60%; position:absolute;cursor: auto;}
#fullscreen:hover { cursor: pointer; }
@pere
pere / gist:3810427
Created October 1, 2012 08:57
<!Doctype html>
<html>
<head>
<title>311 Density</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://lully.snv.jussieu.fr/gbif/mapping/jqueries/new_leaflet/leaflet.css" />
<!--OOOOOLD LEAFLET!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
<script src="http://lully.snv.jussieu.fr/gbif/mapping/jqueries/leaflet-src.js"></script>
@pere
pere / index.html
Created August 5, 2012 08:53
d3.pack transition
       <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Circle Packing</title>
<script src="http://mbostock.github.com/d3/d3.v2.js?2.8.1"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="pack.css"/>
</head>
<body>
@pere
pere / water.css
Created July 27, 2012 20:17 — forked from anonymous/water.css
created by livecoding - http://livecoding.gabrielflor.it
circle {
fill: rgb(31, 119, 180);
fill-opacity: .25;
stroke: rgb(31, 119, 180);
stroke-width: 1px;
}
.leaf circle {
fill: #ff7f0e;
fill-opacity: 1;
@pere
pere / index.html
Created July 6, 2012 08:26
testing circles in Leaflet.js (working)
<!DOCTYPE html>
<html>
<head>
<title>Testing d3.js in Leaflet.js</title>
<link rel="stylesheet" href="leaflet.css"></link>
<script src="http://mbostock.github.com/d3/d3.v2.js?2.8.1"></script>
<script src="http://lully.snv.jussieu.fr/gbif/mapping/jqueries/leaflet-src.js"></script>
<style type="text/css">
svg , g