Skip to content

Instantly share code, notes, and snippets.

View jebeck's full-sized avatar

Jana Beck jebeck

98 followers · 0 following
View GitHub Profile
@jebeck
jebeck / index.html
Last active August 29, 2015 13:57
hidden axis toggle
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>
UI Experiment: Hidden Axis Toggle
</title>
<script src='http://d3js.org/d3.v3.min.js' charset='utf-8'></script>
<style type='text/css'>
svg {
@jebeck
jebeck / README.md
Last active August 29, 2015 14:02
playing with SVG line markers in D3

SVG Line Markers

This is a quick exploration of SVG circle line markers (with a transparent line) as an alternative to drawing many circles.

With constantly updating data, this seems to render quite a bit smoother than circles, with the FPS only dropping below ~40 at about 600 items.

Disclaimer: Not (yet) a scientific study ;)

@jebeck
jebeck / README.md
Last active August 29, 2015 14:02
second verse...not same as the first

Constant-Update Scatterplot

The standard constant-updating scatterplot model, drawing many independent circles.

Seems to render slower than SVG circle line markers on a single transparent line, with the FPS dropping below ~40 at about 450 items.

Disclaimer: not (yet) a scientific study ;)

@jebeck
jebeck / README.md
Last active August 29, 2015 14:04
Heatmap of blood glucose data by day of week.

Heatmap of Blood Glucose Data by Day of Week

This heat map shows the distribution of a week's worth of blood glucose values (acquired from a Dexcom continuous glucose monitor) according to the day of the week and by bin, where each bin represents a 20-point range of blood glucose values.

@jebeck
jebeck / README.md
Last active August 29, 2015 14:04
Heatmap of blood glucose data by hour of day.

Heatmap of Blood Glucose Data by Hour of Day

This heat map shows the distribution of a week's worth of blood glucose values (acquired from a Dexcom continuous glucose monitor) according to the hour of the day and by bin, where each bin represents a 20-point range of blood glucose values.

@jebeck
jebeck / README.md
Last active August 29, 2015 14:04
Horizontal histogram of blood glucose data.

Horizontal Histogram of Blood Glucose Data

This horizontal histogram provides a quick summary view of an entire week's worth of blood glucose values (acquired from a Dexcom continuous glucose monitor), where each bar represents a 20-point range of blood glucose values (in mg/dL).

@jebeck
jebeck / .gitignore
Last active August 29, 2015 14:04
A dagre dependency graph.
node_modules/
@jebeck
jebeck / README.md
Last active August 29, 2015 14:04
The Zipfian desert of Homeric vocabulary.

The Zipfian desert of Homeric vocabulary.

A visualization to demonstrate how the frequency of vocabulary items (lemmas) in Homer follows a Zipfian distribution (at least for all open, non-functional cateogories). Here lemmas occuring 25 times or less are excluded for performance reasons.

For more information, see Zipf's Law.

@jebeck
jebeck / README.md
Last active August 29, 2015 14:10
Browser-zoom robust foreignObject tooltips

Browser-zoom robust foreignObject tooltips in SVG

Based on this previous gist, but robust to changes in browser zoom level (text inside tooltip doesn't get cut off when zoom < 100%).

@jebeck
jebeck / README.md
Last active August 29, 2015 14:10
Tideline-style virtual scrolling

Tideline-style virtual scrolling

A toy example to demonstrate the virtual scrolling implemented in tideline.