Skip to content

Instantly share code, notes, and snippets.

View d3.svg.circularbrush.js
d3.svg.circularbrush = function() {
var _extent = [0,Math.PI * 2];
var _circularbrushDispatch = d3.dispatch('brushstart', 'brushend', 'brush');
var _arc = d3.svg.arc().innerRadius(50).outerRadius(100);
var _brushData = [
{startAngle: _extent[0], endAngle: _extent[1], class: "extent"},
{startAngle: _extent[0] - .2, endAngle: _extent[0], class: "resize e"},
{startAngle: _extent[1], endAngle: _extent[1] + .2, class: "resize w"}
];
var _newBrushData = [];
View cnv_calls.txt
{ "views":
[
{
"chromInfoPath": "//s3.amazonaws.com/pkerp/data/hg19/chromInfo.txt",
"domain": [
0,
3000000000
],
"viewStyle": {
"float": "left",
@pkerpedjiev
pkerpedjiev / config.json
Created Nov 19, 2016
Various 1D tracks
View config.json
{
"views": [
{
"chromInfoPath": "//s3.amazonaws.com/pkerp/data/hg19/chromInfo.txt",
"domain": [
0,
3000000000
],
"viewStyle": {
"float": "left",
@pkerpedjiev
pkerpedjiev / block_trees.json
Last active Feb 13, 2017
Cambridge Tree Map
View block_trees.json
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@pkerpedjiev
pkerpedjiev / index.html
Created Apr 19, 2017
D3 event filtering
View index.html
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<div id="zoom-filtering-div" style="width: 400px; margin: auto">
</div>
<link href="style.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.js"></script>
<script src="script.js"></script>
<script>
@pkerpedjiev
pkerpedjiev / .block
Last active May 3, 2017 — forked from mbostock/.block
SVG Geometric Zooming
View .block
license: gpl-3.0
@pkerpedjiev
pkerpedjiev / .block
Last active May 3, 2017 — forked from mbostock/.block
Canvas Geometric Zooming
View .block
license: gpl-3.0
You can’t perform that action at this time.