Skip to content

Instantly share code, notes, and snippets.

View HermanSontrop's full-sized avatar

Herman HermanSontrop

2 followers · 2 following
View GitHub Profile
@HermanSontrop
HermanSontrop / server.r
Created May 27, 2014 20:42
simple slider update demo
library(datasets)
shinyServer(function(input, output) {
output$mSlider <- renderUI({
input$updateSlider
Range <- sample(1:100)[1:2]
Lambda <- runif(1)
@HermanSontrop
HermanSontrop / data.json
Created January 17, 2014 07:17
d3.js simple zoom and pan
{
"canvasSize": [
960, 500
],
"simpleBoxes": [
[ 140.000000, 20.000000, 120.000000, 200.000000, [ 30, 0.30, 0.90 ] ],
[ 280.000000, 20.000000, 120.000000, 400.000000, [ 120, 0.50, 0.80 ] ],
[ 420.000000, 50.000000, 120.000000, 800.000000, [ 240, 0.90, 0.70 ] ]
]
}
@HermanSontrop
HermanSontrop / index.html
Created January 9, 2014 18:15
d3 force example using svg images to display nodes
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="http://underscorejs.org/underscore-min.js"></script>
<script type="text/javascript" src="http://d3js.org/d3.v2.min.js"></script>
<style type="text/css">
.link { stroke: #ccc; }
.nodetext { pointer-events: none; font: 10px sans-serif; }
body { width:100%; height:100%; margin:none; padding:none; }
@HermanSontrop
HermanSontrop / index.html
Last active January 2, 2016 17:49
d3 points on an svg path example
DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="http://d3js.org/d3.v2.min.js"></script>
<script type="text/javascript">
var width = 1200;
var height = 1000;
var svg = d3.select("body").append("svg")
@HermanSontrop
HermanSontrop / index.html
Last active October 27, 2020 13:57
d3.js collapsible radial tree
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node {
cursor: pointer;
}
.node circle {
fill: #fff;
stroke: steelblue;
@HermanSontrop
HermanSontrop / index.html
Last active January 2, 2016 00:39
d3 hello world example
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var w=960,h=500;
var svg = d3.select("body")
.append("svg")
.attr("width",w)
.attr("height",h);