Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="http://d3js.org/d3.v2.js" charset="utf-8"></script>
<title>Cadastre</title>
<style>
.frame {
stroke: #000;
@phil-pedruco
phil-pedruco / index.html
Created September 11, 2013 11:25
Zoomable world map with highlighted locations
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.background {
fill: none;
pointer-events: all;
}
#country {
@phil-pedruco
phil-pedruco / index.html
Last active December 23, 2015 04:19
Inner and outer ticks on an axis
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<style>
body {
font: 10px sans-serif;
}
.axis path, .axis line {
@phil-pedruco
phil-pedruco / index.html
Created September 21, 2013 03:11
NYC Boroughs in d3
<!DOCTYPE html>
<meta charset="utf-8">
<style>
#boroughs {
stroke: grey;
stroke-width: 2px;
fill: steelblue;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>Force Test</title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style>
path.link {
fill: none;
stroke: #666;
stroke-width: 3px;
@phil-pedruco
phil-pedruco / index.html
Created September 26, 2013 05:42
Topojson Map of Qubec
<!DOCTYPE html>
<meta charset="utf-8">
<style>
#area {
stroke: grey;
stroke-width: 1px;
fill: steelblue;
}
</style>
@phil-pedruco
phil-pedruco / germany.json
Last active December 24, 2015 11:38
Map of german districts
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@phil-pedruco
phil-pedruco / index.html
Created October 8, 2013 11:13
Spline Transition together with Static Plot
<!DOCTYPE html>
<meta charset="utf-8">
<style>
svg {
font: 10px sans-serif;
}
.line {
fill: none;
{
"name": "flare",
"children": [
{
"name": "analytics",
"children": [
{
"name": "cluster",
"children": [
{"name": "AgglomerativeCluster", "size": 3938},
@phil-pedruco
phil-pedruco / index.html
Last active December 25, 2015 04:28
Histogram with Chauvenet's criterion for outliers
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<style type="text/css">
body {
font: 10px sans-serif;
}