MrMattSim

@MrMattSim·9 public vizzes

iso graphical symbols

This visualization presents a searchable grid of ISO graphical symbols, sourced from a JSON file containing metadata like reference numbers, titles, categories, and standards. It displays each symbol’s image alongside its title and reference number for quick scanning. The interface uses D3.js to render the grid and filter symbols by category or standard, with a scrollable layout managed through standard DOM events. Clicking a symbol reveals its full details, and the visualization relies on D3’s data-binding and selection methods to update the view dynamically.

Jun 3, 2015

Loading thumbnail…

AIDS poster ICONCLASS

This visualization shows the frequency of ICONCLASS depth-1 codes in AIDS-related posters over time, with each of the ten top-level categories plotted as a colored line across the years 1983 to 2012. The data is loaded from a CSV file using D3.js (version 3.5.5) and rendered as an SVG. Lines are generated with the `d3.svg.line` generator, with scales and axes from `d3.time.scale` and `d3.svg.axis`. Category colors are assigned via a legend object, and hovering over a line reveals its code via a `<title>` tooltip.

Apr 27, 2015

Loading thumbnail…

AIDS poster ICONCLASS

A horizontal bar chart ranks ICONCLASS codes of depth 3 by their frequency of occurrence in the AIDS poster dataset, with bar width proportional to the count. The bars are color-coded by the first digit of the code, grouping them into ten top-level categories such as Religion, Nature, and Humans. Built with D3.js and rendered as SVG, the visualization reads data from a local CSV file, sorts the rows by count, and uses `d3.svg.axis` for the top-oriented count axis. A legend maps category numbers to colors, and hover tooltips show the exact count, code, and textual description for each bar.

Apr 26, 2015

Loading thumbnail…

AIDS poster ICONCLASS

This visualization is a custom D3.js scatter plot that maps ICONCLASS iconographic codes from a CSV file, appearing as a dense, vertical strip of colored rectangles. It shows the frequency and classification of each iconographic symbol, with each rectangle’s height and color encoding the count and hierarchical category (e.g., Religion, Nature, Humans) via a legend. The code uses `d3.csv` to load the data, `d3.select` and `d3.svg.axis` for rendering, and custom scales to position elements, while also appending hover tooltips with code descriptions. The rendering is an SVG output, with the data sorted by count and displayed as a compact, barcode-like representation.

Apr 26, 2015

Loading thumbnail…

Iconclass statistics

This visualization maps a dataset of Iconclass notation codes—a hierarchical system for describing subjects in visual art—to a force-directed network layout using D3’s `d3.forceSimulation` and `d3.forceLink`. Each node represents a specific iconographic concept (e.g., “lamb bearing cross,” “hourglass”), with labels pulled from the `ic_text` column and edges inferred from shared prefix hierarchies in `ic_stem`. Node size reflects `ic_count` or `weight_avg`, while color encodes top-level divisions (`ic_d1`). The layout spreads nodes via `d3.forceManyBody` and `d3.forceCenter`, producing a clustered scatter of related themes, with a data source read from an external CSV via `d3.csv`.

Apr 25, 2015

Loading thumbnail…

AIDS poster ICONCLASS

This scatterplot maps ICONCLASS classifications from AIDS awareness posters, plotting each iconographic theme by its average significance weight against a count of appearances. Dots are colored by top-level ICONCLASS category, such as religion, nature, or humans, with a legend below. The visualization uses D3.js to load CSV data, scale axes, and render an interactive SVG, with tipsy tooltips providing detailed icon descriptions on hover.

Apr 25, 2015

Loading thumbnail…

Gist d283aa688022fd984eee

This example is a collection of developer cheat sheets covering Bash, Git, GnuPG, irssi, Mutt, nmap, OpenSSL, Tmux, Vim, and zsh. It presents commands and keyboard shortcuts in tables and code blocks, organized by topic for quick reference. The content is plain text with Markdown formatting, including tables for keyboard bindings and shell code snippets for commands. The structure uses headings and a table of contents to aid navigation, making it a practical reference guide rather than an interactive visualization.

Apr 3, 2015

Loading thumbnail…

Gist c40c213926a54197db25

This example shows a configuration file for Devilspie2, a window management tool, that programmatically arranges application windows on a Linux desktop. The Lua script defines rules for positioning, sizing, and setting workspace and layering properties for specific applications such as Terminator, Zim, MPlayer, and various file managers. The code uses Devilspie2's window inspection APIs like `get_window_class()`, `get_application_name()`, and `get_window_name()` to identify windows, then applies actions such as `set_window_geometry()`, `center()`, `set_on_top()`, and `change_workspace()`. The configuration demonstrates rule-based desktop automation rather than data visualization, relying on window metadata to conditionally configure the desktop environment.

Nov 17, 2014

Loading thumbnail…

Gist 46edd1c0f072399710e0

This example shows a Bash script automating the post-installation setup of an Elementary OS system, covering package installation, system cleanup, and hardware driver configuration. The code relies on standard command-line tools like `sudo apt-get`, `wget`, `add-apt-repository`, and `dpkg`, along with direct manipulation of system directories. It installs software such as Google Chrome, Gimp, and Steam while removing bloatware like Midori and Noise. The script also configures kernel updates, firmware, and proprietary graphics drivers from PPAs, emphasizing a streamlined, terminal-driven workflow.

Dec 1, 2013