Skip to main content
Log in
J

JoelBCarter

@JoelBCarter·8 public vizzes

Loading thumbnail…

PiHole List for YouTube

This visualization maps a PiHole blocklist that redirects over 200 YouTube-related domains to 0.0.0.0, rendering a circular network of node clusters. The layout uses d3.forceSimulation to position nodes by their second-level domain, with labels identifying each blocked host. The code groups domains by their suffix (e.g., .com, .co.uk) and colors them by category, while the radial arrangement reveals the global spread of YouTube's domains. The list, sourced from a GitHub gist by JoelBCarter, demonstrates the scale of DNS-level ad blocking.

Sep 27, 2023
Loading thumbnail…

Quick way to mute Skype on Windows

This example shows a PowerShell script that mutes Skype on Windows by sending the CTRL+M keystroke to the active Skype window, then restores focus to the previously active window. It uses the Windows API via `Add-Type` with `user32.dll` functions `GetForegroundWindow` and `SetForegroundWindow`, along with the `wscript.shell` COM object’s `AppActivate` and `SendKeys` methods. The script identifies the current foreground window, checks if Skype is active, and after sending the mute command, reactivates the original window by its process’s `MainWindowTitle`. No data source or rendering is involved; it is a utility automation script.

Mar 6, 2017
Loading thumbnail…

green bar chart

This green bar chart visualizes the active device count for each day of the week, with bars colored in a dark green that lightens to gray on hover. The visualization uses D3 v4 to load tab-separated data from `data.tsv` and render an SVG bar chart, employing `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. The y-axis is styled green with custom tick labels, while the x-axis is hidden, and a title in large green text sits above the plot. The code explicitly uses `d3.tsv` to parse the data and `d3.axisLeft` to generate the frequency axis.

Feb 8, 2017
Loading thumbnail…

blue bar chart

This example shows a blue bar chart of weekly impression counts by day, with values ranging from 250,000 to 500,000. The chart displays seven bars labeled Mon through Sun, with a light gray background and a title. Built with d3.v4, the visualization loads data from a TSV file and renders SVG elements. It uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisLeft` to display tick marks. Bars are colored with hover states that change to gray.

Feb 8, 2017
Loading thumbnail…

Sample Prometheus scrape config for obtianing metrics from Kubernetes pods via DNS & Headless Service

This example shows a Prometheus configuration that discovers Kubernetes pod endpoints through DNS service discovery, enabling metric scraping without hardcoded addresses. The `prometheus.yml` scrape config uses `dns_sd_configs` to query a headless service name like `{headless-service-name}.default.svc.cluster.local` at a 15-second refresh interval. The `relabel_configs` block applies a regex replacement to the `__address__` label, stripping the DNS-provided port and substituting `{your_pod_port}` so Prometheus scrapes the correct port. It relies on Prometheus’ `dns_sd_configs` and `relabel_configs` features to bridge DNS resolution with scrape target addressing.

Oct 10, 2016
Loading thumbnail…

Prettified 1.8.2 version of underscore-min.js vs string from comment

Two prettified JavaScript files from the underscore.js library version 1.8.2 are compared side by side, showing the minified source after formatting. The visualization highlights how a minified file and a string extracted from a comment share nearly identical code, differing only in whitespace and line breaks. The example uses text-based comparison of the functions `each`, `map`, and `reduce`, with the rendering likely relying on standard DOM or SVG elements to display the code lines. No additional APIs beyond the JavaScript source are referenced.

Aug 18, 2016
Loading thumbnail…

A Packer template for building a Docker container host on an AWS EC2 instance.

This example shows a Packer template that automates the creation of an Amazon EC2 instance preconfigured as a Docker container host. The code defines an Amazon EBS builder using the `amazon-ebs` type, specifying an Ubuntu AMI and an `m3.xlarge` instance type. Provisioners run shell commands to install Docker Engine, add the `ubuntu` user to the `docker` group, and configure DNS via `DOCKER_OPTS`. The template also includes a `shell-local` provisioner to wait for a reboot, and uses variables for AWS credentials. The rendering approach is code-as-infrastructure, with no visual data involved.

Jun 14, 2016
Loading thumbnail…

A Vagrantfile for running the [Learn to manage a basic Ubuntu web application](https://learn.chef.io/manage-a-web-app/ubuntu/) Chef tutorial locally

This example shows a Vagrantfile that automates the local setup for the Chef tutorial on managing a basic Ubuntu web application. It defines a node virtual machine running Ubuntu Trusty, configures a public network with a static IP, and uses a custom Vagrant plugin API to run shell commands on the host, such as removing old SSH keys. Vagrant’s provisioner configuration and the `Vagrant.configure` block handle the VM provider and shell provisioning.

Jan 1, 2016