Skip to content

Instantly share code, notes, and snippets.

@pere
pere / 004.json
Last active Dec 27, 2015
D3+leaflet
View 004.json
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 Jul 21, 2013
Tributary inlet
@pere
pere / _.md
Created Jul 20, 2013
Tributary inlet
View _.md
@pere
pere / _.md
Created Jul 20, 2013
Tributary inlet
@pere
pere / index.html
Last active Oct 8, 2019
Following circles coming from wax interaction
View index.html
<!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; }
View gist:3810427
<!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 Aug 5, 2012
d3.pack transition
View index.html
       <!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>
View water.css
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 Jul 6, 2012
testing circles in Leaflet.js (working)
View index.html
<!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
You can’t perform that action at this time.