SimonS

@SimonS·13 public vizzes

Gist 78de99fd49aa5adba689dad55f2bdbd3

This gist is a Keybase proof, not a data visualization. It shows a cryptographic identity verification, asserting that GitHub user “simons” is the same person as Keybase user “simonscarfe.” The content is a signed JSON object and signature, created with the keybase command-line tool, which is meant to be audited by others seeking to confirm the account link.

Sep 10, 2019

Loading thumbnail…

fresh block

This visualization displays a vertical strip for each film, sorted by the percentage of dialogue spoken by female characters, with color mapping from blue (low) to red (high) via a `d3.scale.linear`. It uses `d3.csv` to load a dataset from a gist, parsing each film’s `lines_data` string into two-character chunks representing minutes, then summing those digits to compute female and total word counts. The visualization uses `d3.select` and `.selectAll("div")` to append 100-pixel-tall divs, each positioned absolutely with a width of 0.4 pixels, creating a dense, bar-like chart. A button triggers an animation, though its behavior is not implemented in the provided code.

Feb 9, 2018

Loading thumbnail…

fresh block

A set of five vertical blue bars of varying heights represents the values [100, 250, 175, 200, 20], with the tallest bar (250) highlighted in red. The SVG chart is generated using D3 v4’s selection API, first selecting the root `<svg>` element and then appending `<rect>` elements for each data point. Each rectangle’s x-position is calculated by multiplying its index by a fixed `rectWidth` of 50, while its y and height properties are derived from the data value and a constant chart height of 300. The code explicitly defines a fill color based on whether a value equals 250, demonstrating conditional styling within D3’s attribute callbacks.

Nov 13, 2017

Loading thumbnail…

fresh block

Five vertical blue bars form a simple bar chart, with heights of 100 through 500 pixels. The visualization uses D3 v4 to map an array of five numbers to SVG rectangles. The `d3.selectAll` selection with `.attr` methods positions each rectangle based on its array index and scales its height relative to the data value. Bar widths remain fixed at 50 pixels, with white strokes separating each bar against a black background.

Oct 3, 2017

Loading thumbnail…

fresh block

This blank visualization displays the static text “This is a test.” on a 960×500 SVG canvas rendered by D3 v4. The SVG element is created with `d3.select` and appended to the document body, while the text element is added using the `.text()` method and positioned with `x` and `y` attributes. The example uses monospace font at 36 pixels, with no data or interactions, serving as a minimal starter template from Blockbuilder.

Oct 3, 2017

Loading thumbnail…

Hacking around my streak with the dailymile API

This example visualizes daily running streaks and mileage from the Dailymile API, showing logged versus unlogged days and adjusted average daily mileage. It fetches user entries via the DailymilePHP client, filters for running workouts, aggregates distances per date, and calculates streaks by counting missing days between the first entry and the current date. The script uses PHP array functions and date manipulation to produce summary statistics, including total mileage and adjusted averages that account for unlogged days.

Dec 30, 2013

Loading thumbnail…

Google Spreadsheet-generated CSV -> Reddit Flair Python script

This example automates Reddit flair updates by reading a Google Spreadsheet-generated CSV and applying the results to a subreddit. The Python script uses `csv.DictReader` to parse the CSV data, `urllib2.urlopen` to fetch the file, and a custom `RedditClient` class to log in and call the `flaircsv` API endpoint. It transforms raw rows into flair descriptions and belt colors, batching assignments in groups of 100 to avoid API limits. The script runs continuously in a loop until login succeeds, then prints a final count of modified users.

Dec 21, 2012

Loading thumbnail…

Use Growl to allow notifications in DMDirc on OS X

This example shows how DMDirc, an IRC client, can send desktop notifications on macOS when a channel message mentions the user’s nickname. It uses DMDirc’s redirect and exec plugins to invoke the `growlnotify` command-line tool from the Growl notification framework. A trigger on `CHANNEL_MESSAGE` routes the message text through a response that runs `/usr/local/bin/growlnotify` with the sender name, channel, and message content. A condition tree filters messages using a `STRING_CONTAINS` comparison against `$SERVER_MYNICKNAME`, ensuring only relevant messages trigger the notification.

Dec 21, 2012

Loading thumbnail…

Minimal reponsive javascript framework

This example demonstrates a responsive design framework that switches between mobile, tablet, and desktop states based on the browser window's width. It uses jQuery to listen for window resize events, comparing the document width against breakpoints of 768 and 1100 pixels. The code triggers custom 'MOBILE', 'TABLET', and 'DESKTOP' events on the document, attaching show/hide functions to these states via the jQuery `live` API. A 200-millisecond timer minimizes lag during resizing.

Mar 8, 2012

Loading thumbnail…

Simple autoloader, customised the Zend autoloader to work with wordpress parent & child themes. Tries Parent and then fallsback to child. Could easily be reversed.

This example demonstrates a custom PHP autoloader designed for WordPress parent and child themes. It shows a fallback strategy where the autoloader first attempts to load a class from the parent theme’s directory path, then falls back to the child theme’s `/class/` directory. The code uses the `__autoload()` function, `realpath()`, `file_exists()`, and `require_once` to resolve class names by converting underscores to directory separators. The logic relies on the theme directory structure to locate PHP class files.

Mar 8, 2012

Loading thumbnail…

quick start wordpress script

This example demonstrates a bash script that automates the setup of a WordPress site with a custom theme. It downloads the WordPress archive from `wordpress.org/latest.tar.gz`, extracts its contents, renames the directory to a user-specified destination, and removes the archive. The script then checks out the "better_parent" theme directly from a remote Subversion repository using `svn co`, placing it in the theme directory. The process relies on standard command-line utilities: `wget` for retrieval, `tar` for extraction, and `svn` for version control integration.

Mar 8, 2012

Loading thumbnail…

Gist 211018

This example demonstrates a tool for expanding CSS-like abbreviation syntax into repetitive HTML markup. It shows a snippet of code with the input string `div.news-item*3>h2+div.date+p+p+a.link-cta` and the resulting generated block of three identical `div.news-item` containers, each holding an empty `h2`, a `.date` div, two paragraphs, and a link. The process relies on a custom parsing and generation routine, not on a external visualization library, and operates directly on the text input to produce the structured output. The display uses basic HTML formatting to juxtapose the source and its expanded form.

Oct 15, 2009

Loading thumbnail…

Gist 124270

This example presents a PHP class, `gist 124270`, which serves as a minimal demonstration of conditional file inclusion. The code defines a class and then checks whether the current file is being executed directly by comparing the `__FILE__` constant to the `SCRIPT_FILENAME` server variable. If the condition is true, the class is instantiated or demonstrated. The visualization itself is not a graphical display; rather, it is a concise, logic-based snippet that shows how to guard against direct execution while allowing the class to be used when the file is loaded as part of a larger script.

Jun 5, 2009