RodrigoGonzalez

@RodrigoGonzalez·8 public vizzes

Tree of Life

This radial phylogenetic tree of life visualizes evolutionary relationships among bacterial species as curved links radiating from a central root, with faded gray connector lines linking leaf nodes to their labels. A checkbox toggles between constant and variable branch lengths, showing evolutionary divergence. The code uses d3.cluster layout, d3.hierarchy, d3.text for data parsing, and transitions to animate between states, with mouseover highlighting the active path.

Feb 7, 2018

Loading thumbnail…

Hierarchical Edge Bundling

This example visualizes software class dependencies using hierarchical edge bundling. A radial cluster layout positions classes from the Flare dataset, while dependency links are grouped and smoothed into spline bundles using `d3.radialLine` with `d3.curveBundle` drawn as SVG paths. The code builds a package hierarchy from class names with `d3.hierarchy` and uses `d3.cluster()` to compute node coordinates. Package groupings determine which edges are bundled together, revealing structural patterns in the codebase through the density of connections.

Feb 7, 2018

Loading thumbnail…

Treemap

A treemap visualizes the hierarchical structure of the Flare visualization toolkit, with each rectangle’s area proportional to a node’s value and color encoding its parent package. A control toggles between summing sizes and counting leaves, triggering animated transitions that re-layout the rectangles. The code uses d3.hierarchy, d3.treemap with the d3.treemapResquarify tile, d3.scaleOrdinal with a fader on d3.schemeCategory20, and clips text labels with SVG clipPath elements. Data comes from the bundled flare.json file.

Feb 7, 2018

Loading thumbnail…

Rotated hexbin

The visualization shows a rotating field of 2,000 points binned into hexagonal cells, with color intensity reflecting the number of points per hexagon. Using D3 v3 and the d3.hexbin plugin, the hexagons are rotated 90° and updated continuously via a timer, swapping x and y coordinates to match the orientation. Each frame, 20 random points are replaced from a normal distribution that orbits a moving center, causing the hexbin layout to dynamically update as cells appear, disappear, and recolor.

Feb 7, 2018

Loading thumbnail…

Install Time Machine service on CentOS 7

This example shows a shell script that automates the installation and configuration of a Time Machine-compatible network backup service on CentOS 7 using Netatalk 3.1.10. It uses `yum` to install dependencies such as `rpm-build`, `gcc`, and `avahi-devel`, downloads a source RPM from a URL, builds it with `rpmbuild`, and sets up Avahi and Netatalk configuration files via `cat` heredocs. The script also creates a backup user, opens firewall ports with `firewall-cmd`, and starts services through `systemctl`.

Mar 3, 2017

Loading thumbnail…

Install TensorFlow on CentOS7

This example presents a shell script that automates the installation of TensorFlow on CentOS 7. It shows the sequence of system package manager commands (`yum`) and Python package installations via `pip`. The script begins by installing core dependencies such as `gcc`, `python-devel`, and `atlas`, then creates a virtual environment with `virtualenv`, activates it, and installs TensorFlow from a pre-built wheel hosted on Google Storage. It also documents an optional GPU variant, noting the need for CUDA and cuDNN. The visualization highlights the step-by-step procedural setup, relying on bash, yum, and pip.

Oct 18, 2016

Loading thumbnail…

tmux shortcuts & cheatsheet

This example presents a text-based cheat sheet for the tmux terminal multiplexer, drawn from a plain-text Markdown file by RodrigoGonzalez. It catalogs commands for session and window management, pane splitting, resizing, and synchronized panes, alongside a detailed comparison of vi and emacs key bindings for copy mode. The visualization is a straightforward rendering of the hierarchical command reference, using the Markdown structure to organize sections and code blocks to highlight exact terminal inputs.

Aug 3, 2015

Loading thumbnail…

How To Configure Static IP On CentOS 6

This example shows the step-by-step configuration of a static IP address on CentOS 6 by displaying the exact file contents and commands required, drawn from a plain-text gist by RodrigoGonzalez. It presents the configuration of `eth0` via the `ifcfg-eth0` file, sets the default gateway in `/etc/sysconfig/network`, restarts the network interface with `/etc/init.d/network restart`, and specifies DNS servers in `/etc/resolv.conf`. The visualization relies on the raw text of the gist, rendered as formatted code blocks that highlight key parameters such as `IPADDR`, `NETMASK`, and `GATEWAY` without any interactive or chart-based elements.

Mar 23, 2012