Ben West bewest

d3 glucose heatmap over hours of day

Demo: view demo
clone [email protected]:5075497.git
Source: ~jebeck's iPancreas

D3 implementation of ~@jebecks excellent glucose heatmaps in R.

An experiment within the Visualisation Exploration series.

Exploring, techniques and practices in the field of data visualisation.

Key history of this experiment:

D3, the data driven visualisation enabler.
Initial prototype written in handcrafted SVG with handcrafted data
Creation of sample .json dataset
Migration to systematic data treatment using D3

notice:

logs/ReadHistoryData-page-1.data: 45 records
RECORD 0: 2006-07-01T08:23:47 0x5b hex(2), extra(22)
  hex (2)
0000   0x5b 0x64                                  [d
  decimal

Horizon charts combine position and color to reduce vertical space. Start with a standard area chart, then mirror negative values (in blue) or offset them vertically. Click the + button above to increase the number of bands, turning the area into a horizon.

Implemented with the d3.horizon plugin.

This demo ~bewest's glucose with panning.

See ~mbostock's original zoomable area See demo http://bl.ocks.org/4241973 for the original glucose visualization with d3.

ziggy added panning

	[vendor "openapscontrib.timezones"]
	path = .
	module = openapscontrib.timezones

	[device "tz"]
	vendor = openapscontrib.timezones
	extra = tz.ini

	[report "selected-demo.json"]
	use = select

	swagger: '2.0'
	info:
	title: The new Nightscout API
	description: Move your app forward with the Nightscout API
	version: "0.0.0"
	schemes:
	- https
	basePath: /api/v1
	produces:
	- application/json

	<!--fork of Ben Christensen gist https://gist.github.com/benjchristensen/2657838*/!-->
	<html>
	<head>
	<title>Interactive Line Graph</title>
	<script src="http://d3js.org/d3.v3.js"></script>
	<!--
	using JQuery for element dimensions
	This is a small aspect of this example so it can be removed fairly easily if needed.
	-->
	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

	#!/usr/bin/env python
	import argparse
	import ConfigParser

	conf_parser = argparse.ArgumentParser(
	# Turn off help, so we print all options in response to -h
	add_help=False
	)
	conf_parser.add_argument("-c", "--conf_file",
	help="Specify config file", metavar="FILE")

	/**
	* 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)