Skip to content

Instantly share code, notes, and snippets.

View krish85's full-sized avatar

krish85

View GitHub Profile
@krish85
krish85 / index.html
Last active September 13, 2015 13:08
Star table using processing
<script src="http://cdnjs.com/libraries/processing.js"></script>
<canvas data-processing-sources="star_table.pde polygon.pde"></canvas>
@krish85
krish85 / index.html
Last active August 29, 2015 14:27
Analog Clock
<!DOCTYPE html>
<html>
<head>
<title>Analog Clock</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<script type="text/javascript">
var now,time; var data = [];var x = 0;
var width=300, height=300, r=100;
@krish85
krish85 / index.html
Last active August 29, 2015 14:27
Histogram
<!DOCTYPE html>
<html>
<head></head>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
@krish85
krish85 / index.html
Last active August 29, 2015 14:27
Shrink Circle
<!DOCTYPE html>
<html>
<head>
<title>Shrinking Bubble</title>
<style>
.outer {
width: 1050px;
height: 550px;
overflow: auto;
}
@krish85
krish85 / index.html
Created August 13, 2015 19:04
Rendering
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<script>
var scale = d3.scale.linear().domain([1,5]).range([0,200]);
var svg = d3.select("body").append("svg").attr("height",250).attr("width",250);
@krish85
krish85 / index.html
Last active August 29, 2015 14:27
Awesome Circles
<!DOCTYPE html>
<html>
<head></head>
<meta charset="utf-8">
<style>
body {
margin: 0;
background: #222;
min-width: 960px;
@krish85
krish85 / index.html
Last active August 29, 2015 14:27
Circle Color change
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
</head>
<body>
<script type="text/javascript">
var svg = d3.select("body")
.append("svg")
.attr("width", 400)
@krish85
krish85 / index.html
Created August 13, 2015 13:31
Line Chart
<!DOCTYPE html>
<html>
<head>
<title>Line Chart</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<style type="text/css">
body {
font: 10px sans-serif;
}
@krish85
krish85 / index.html
Last active August 29, 2015 14:27
Axis Scaling
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
<style>
.axis path,
.axix line{
fill: none;
stroke: black;
shape-rendering: crispEdges;
@krish85
krish85 / index.html
Last active August 29, 2015 14:27
Vertical Bar
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
</head>
<body>
<style>
</style>
<script>