Skip to content

Instantly share code, notes, and snippets.

View bunkat's full-sized avatar

bill bunkat

63 followers · 0 following
  • Seattle, WA
View GitHub Profile
@bunkat
bunkat / index.html
Created April 8, 2012 15:40
Timeline using d3.js
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Chronological Diagram of Asia</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
<style type="text/css">
.chart {
shape-rendering: crispEdges;
}
@bunkat
bunkat / index.html
Last active January 10, 2024 18:18
Swimlane Chart using d3.js
<!--
The MIT License (MIT)
Copyright (c) 2013 bill@bunkat.com
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
@bunkat
bunkat / index.html
Created October 7, 2012 19:51
Round date scale
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.axis text {
font: 10px sans-serif;
}
.axis path, .axis line {
fill: none;
@bunkat
bunkat / index.html
Last active July 12, 2017 01:04
Simple Scatter Chart Example
<!DOCTYPE html>
<html>
<head>
<title>The d3 test</title>
<style>
.chart {
}
.main text {
@bunkat
bunkat / gist:8465480
Created January 16, 2014 23:24
Neo4j Messages.log
2014-01-16 23:14:42.742+0000 INFO [o.n.k.i.DiagnosticsManager]: --- INITIALIZED diagnostics START ---
2014-01-16 23:14:42.752+0000 INFO [o.n.k.i.DiagnosticsManager]: Neo4j Kernel properties:
2014-01-16 23:14:42.774+0000 INFO [o.n.k.i.DiagnosticsManager]: neostore.propertystore.db.mapped_memory=100M
2014-01-16 23:14:42.774+0000 INFO [o.n.k.i.DiagnosticsManager]: neo_store=/home/bill/Downloads/neo4j-community-2.0.0/data/graph.db/neostore
2014-01-16 23:14:42.775+0000 INFO [o.n.k.i.DiagnosticsManager]: neostore.nodestore.db.mapped_memory=250M
2014-01-16 23:14:42.775+0000 INFO [o.n.k.i.DiagnosticsManager]: node_auto_indexing=true
2014-01-16 23:14:42.775+0000 INFO [o.n.k.i.DiagnosticsManager]: neostore.propertystore.db.strings.mapped_memory=100M
2014-01-16 23:14:42.775+0000 INFO [o.n.k.i.DiagnosticsManager]: neo4j.ext.udc.source=server
2014-01-16 23:14:42.775+0000 INFO [o.n.k.i.DiagnosticsManager]: store_dir=data/graph.db
2014-01-16 23:14:42.775+0000 INFO [o.n.k.i.DiagnosticsManager]: neostore.relationshi
@bunkat
bunkat / index.html
Created September 22, 2012 19:08 — forked from tomhaymore/index.html
Collapsible Animated Indented Tree with larger root node
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Node-Link Tree</title>
<link href="interactive_tree.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?1.27.2"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?1.27.2"></script>
@bunkat
bunkat / index.html
Created July 17, 2012 15:07
2 digit date bug in d3.time.day
<html>
<head>
<title>Swimlane using d3.js</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
<script type="text/javascript" src="randomData.js"></script>
@bunkat
bunkat / index.html
Created July 17, 2012 05:48
Swimlane with internal data and date axis
<html>
<head>
<title>Swimlane using d3.js</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
<script type="text/javascript" src="randomData.js"></script>
@bunkat
bunkat / grid.js
Created May 5, 2012 19:38
Grid in d3.js
/**
* calendarWeekHour Setup a week-hour grid:
* 7 Rows (days), 24 Columns (hours)
* @param id div id tag starting with #
* @param width width of the grid in pixels
* @param height height of the grid in pixels
* @param square true/false if you want the height to
* match the (calculated first) width
*/
function calendarWeekHour(id, width, height, square)
@bunkat
bunkat / index.html
Created May 4, 2012 20:58 — forked from stepheneb/index.html
D3 Example: zoom, pan, and axis rescale
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>One Graph</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
<script type="text/javascript" src="simple-graph.js"></script>
<style type="text/css">
body { font: 13px sans-serif; }
rect { fill: #fff; }