Skip to content

Instantly share code, notes, and snippets.

@kberg
kberg / index.html
Created May 26, 2015 15:51
Hello, world!
<!DOCTYPE html>
<script type="text/javascript" src="http://dygraphs.com/dygraph.js"></script>
<font size=-1>(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom out.)</font><br/>
<table><tr><td>
<div id="demodiv"></div>
</td><td valign=top>
<div id="status" style="width:200px; font-size:0.8em; padding-top:5px;"></div>
</td>
</tr></table>
<script type="text/javascript">
@kberg
kberg / gist:8102aa43d713570551f9
Last active August 29, 2015 14:21
Script for updating files
for file in *html ; do
echo $file
sed -i .bak 's/\.\.\/dygraph-dev.js/http\:\/\/dygraphs.com\/dygraph-combined-dev\.js/' $file
sed -i .bak 's/\.\.\/src\/extras/http\:\/\/dygraphs.com\/extras/' $file
gist -f index.html $file | sed 's/gist.github.com/bl.ocks.org/' | sed 's/https/http/'
done
<!DOCTYPE html>
<html>
<head>
<title>Custom Circles</title>
<!--
For production (minified) code, use:
<script type="text/javascript" src="dygraph-combined.js"></script>
-->
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script>
<script type="text/javascript" src="http://dygraphs.com/extras/shapes.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>Custom Circles</title>
<!--
For production (minified) code, use:
<script type="text/javascript" src="dygraph-combined.js"></script>
-->
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script>
<script type="text/javascript" src="http://dygraphs.com/extras/shapes.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>Custom Circles</title>
<!--
For production (minified) code, use:
<script type="text/javascript" src="dygraph-combined.js"></script>
-->
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script>
<script type="text/javascript" src="http://dygraphs.com/extras/shapes.js"></script>
@kberg
kberg / index.html
Created May 26, 2015 17:34
Custom Circles
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script>
<script type="text/javascript" src="http://dygraphs.com/extras/shapes.js"></script>
</head>
<style>
body {
margin-top:40px;
}
@kberg
kberg / README.md
Last active August 29, 2015 14:21
Synchronization across graphs
@kberg
kberg / index.html
Created May 26, 2015 18:35
Series highlighting
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script>
<style type='text/css'>
body { margin-top: 20px; margin-left: 20px; }
.few .dygraph-legend > span.highlight { border: 1px solid grey; }
.many .dygraph-legend > span { display: none; }
.many .dygraph-legend > span.highlight { display: inline; }
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script>
</head>
<body>
<div id="div_g1" style="width:600px; height:300px;"></div>
<center>
<input id='ylog' type="button" value="y log scale" onclick="setLogScale('y', true)">
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://dygraphs.com/dygraph-combined-dev.js"></script>
</head>
<body>
<div id="div_g1" style="width:600px; height:300px;"></div>
<center>
<input id='ylog' type="button" value="y log scale" onclick="setLogScale('y', true)">