Skip to content

Instantly share code, notes, and snippets.

@bsr203
bsr203 / index.html
Created October 31, 2012 15:28
Zoom pan
<!DOCTYPE html>
<meta charset="utf-8">
<title>Zoom + Pan</title>
<style>
body {
position: relative;
width: 960px;
}
<!DOCTYPE html>
<meta charset="utf-8">
<title>Zoom + Pan</title>
<style>
body {
position: relative;
width: 960px;
}
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 410 250">
<defs>
<filter id="dropshadow" height="130%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="2" dy="2" result="offsetblur"/>
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="http://d3js.org/d3.v2.js"></script>
<style type="text/css">
text {
font: 10px sans-serif;
}
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<link type="text/css" rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="chart"></div>
<script type="text/javascript" src="script.js"></script>
@bsr203
bsr203 / README.md
Created September 26, 2012 11:13 — forked from mbostock/.block
SVG feGaussianBlur

A demonstration of SVG's Gaussian blur filter effect: the svg:feGaussianBlur element.

Image source: GitHub's octodex.

@bsr203
bsr203 / README.md
Created September 26, 2012 11:11 — forked from mbostock/.block
SVG feGaussianBlur

A demonstration of SVG's Gaussian blur filter effect: the svg:feGaussianBlur element.

Image source: GitHub's octodex.

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<link type="text/css" rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="chart"></div>
<script type="text/javascript" src="script.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="http://d3js.org/d3.v2.js"></script>
<style type="text/css">
text {
font: 10px sans-serif;
}
@bsr203
bsr203 / index.html
Created September 7, 2012 23:10
Main
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<link type="text/css" rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="chart"></div>
<script type="text/javascript" src="script.js"></script>