Skip to content

Instantly share code, notes, and snippets.

View alexmasselot's full-sized avatar

alex masselot alexmasselot

  • Lausanne, Switzerland
View GitHub Profile
@alexmasselot
alexmasselot / index.html
Last active May 4, 2017 06:42 — forked from d3noob/.block
Sankey from csv with d3.js
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@alexmasselot
alexmasselot / date-commons.js
Last active December 29, 2016 06:42
CFF clock with d3
var getNow = function(){
var t = new Date();
return {
hours: t.getHours(),
minutes: t.getMinutes(),
seconds: t.getSeconds()
};
};
var getNowArray = function(){
@alexmasselot
alexmasselot / index.html
Last active August 29, 2015 14:23
pviz.js with alternate sequence
<html>
<head>
<title>pViz.js adding an alternate sequence, as additional customized features</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://research-pub.gene.com/pviz/examples/deps/pviz-core.css">
<script src="http://research-pub.gene.com/pviz/examples/deps/pviz-bundle.min.js"></script>
<style type="text/css" media="screen" clas="example">
g.altSequence text {
text-anchor: middle;
@alexmasselot
alexmasselot / index.html
Last active August 29, 2015 13:57
pViz.js one liner with selected categories
<html>
<head>
<title>pViz.js one liner with selected categories</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://research-pub.gene.com/pviz/examples/deps/pviz-core.css">
<script src="http://research-pub.gene.com/pviz/examples/deps/pviz-bundle.min.js"></script>
</head>
<body class="container">
<div class="row">
<h2>pViz, a one-line example with selected categories</h2>
@alexmasselot
alexmasselot / index.html
Last active August 29, 2015 13:57
pViz.js interactions
<html>
<head>
<title>pViz.js interactions</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://research-pub.gene.com/pviz/examples/deps/pviz-core.css">
<script src="http://research-pub.gene.com/pviz/examples/deps/pviz-bundle.min.js"></script>
</head>
<body class="container">
<div class="row">
<h2>pViz customizing interaction</h2>
@alexmasselot
alexmasselot / index.html
Last active August 29, 2015 13:57
pViz.js different track heights
<html>
<head>
<title>pViz.js different track heights</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://research-pub.gene.com/pviz/examples/deps/pviz-core.css">
<script src="http://research-pub.gene.com/pviz/examples/deps/pviz-bundle.min.js"></script>
<style type="text/css" media="screen" class='example'>
g.feature rect.coverage_bar.psm_coverage {
fill: blue;
@alexmasselot
alexmasselot / index.html
Last active August 29, 2015 13:57
pViz.js custom display example
<html>
<head>
<title>pViz.js custom display example</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://research-pub.gene.com/pviz/examples/deps/pviz-core.css">
<script src="http://research-pub.gene.com/pviz/examples/deps/pviz-bundle.min.js"></script>
<style type="text/css" media="screen" clas="example">
circle.ptms.mickey {
fill: red;
@alexmasselot
alexmasselot / index.html
Last active August 29, 2015 13:57
pViz.js custom css display example
<html>
<head>
<title>pViz.js custom css display example</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://research-pub.gene.com/pviz/examples/deps/pviz-core.css">
<script src="http://research-pub.gene.com/pviz/examples/deps/pviz-bundle.min.js"></script>
<style type="text/css" media="screen" class="example">
g.feature.psms.stanley rect.feature {
fill: red;
@alexmasselot
alexmasselot / index.html
Last active August 29, 2015 13:57
pViz.js basic interactive
<html>
<head>
<title>pViz basic interactive</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://research-pub.gene.com/pviz/examples/deps/pviz-core.css">
<script src="http://research-pub.gene.com/pviz/examples/deps/pviz-bundle.min.js"></script>
</head>
<body class="container">
<!-- min-width is for http://bl.ocks.org/ iframe (doc width sometimes 0 at init time)-->
<div id="main" class="row" style="min-width:720px"></div>