Ekthelion

@Ekthelion·6 public vizzes

Gist ce00b8f09d14cbb43b4525651def6528

This example demonstrates a cryptographic identity verification proof posted as a GitHub gist, using Keybase’s public-key infrastructure. It shows how a user (Ekthelion) claims ownership of both a GitHub account and a Keybase identity by embedding a signed JSON object that includes a fingerprint and a PGP signature. The code references the Keybase command-line tool and the OpenPGP API to generate and validate the signature. The visualization would render the JSON structure and signature block as textual data, highlighting the nested cryptographic fields and the verification steps without relying on graphical libraries.

Mar 30, 2017

Loading thumbnail…

iframe Window

This example demonstrates two-way communication between a parent window and an embedded iframe using the HTML5 `postMessage` API. The parent page creates an iframe dynamically and sends random numeric strings to it via `iframeEl.contentWindow.postMessage`, while the iframe sends messages back using `window.parent.postMessage`. Both pages listen for incoming messages with `window.addEventListener('message')` and display the received data in a results div. The iframe is styled with a red background and includes a button to trigger outgoing messages.

Mar 15, 2017

Loading thumbnail…

Agnoster ZSH Theme with New Line

This example demonstrates a customized ZSH prompt theme that displays contextual system and version-control information. It shows a segmented prompt with a Git branch indicator, a dirty/clean status, and a separate segment for the current directory, all separated by Powerline-style glyphs. The theme uses custom shell functions like `prompt_segment` and `prompt_end` to draw colored background and foreground segments via ANSI escape codes, and it detects Git and Mercurial repositories through commands such as `git rev-parse` and `hg prompt`. It also checks for SSH connections, user context, and background jobs to conditionally display relevant information.

Mar 11, 2016

Loading thumbnail…

Things to install on a fresh installation of ElementaryOS

This visualization maps the step-by-step commands from a shell script, perfectelementary.bash, that automates the installation of software on a fresh ElementaryOS system. It shows the sequence of actions, from system updates to installing specific applications like Chrome, Skype, and Java, highlighting the dependencies between them. The rendering uses a custom layout to arrange the commands as nodes, likely with a force-directed graph or similar network visualization library. The underlying data is parsed directly from the Bash script's comments and command structure, revealing the logical flow of the setup process.

Nov 30, 2014

Loading thumbnail…

Complete list of github markdown emoji markup

This example visualizes a complete reference list of GitHub Markdown emoji markup. The data is organized as a grid of emoji characters paired with their corresponding shortcode aliases (e.g., `:smile:`), displayed in a three-column table layout. Each cell combines the rendered emoji with its markdown syntax, allowing viewers to both see the visual glyph and learn the exact text needed to reproduce it in their own documents. The visualization serves as an interactive cheat sheet, enabling quick lookup and comparison of emoji names and their visual representations. The source is a gist by Ekthelion, and the table structure makes it easy to scan and reference emoji across categories like people, gestures, and expressions.

Mar 11, 2014

Loading thumbnail…

HowTo Install the perfect Elementary-OS

This example shows a Bash script that automates the post-installation setup of Elementary OS, using `apt-get`, `wget`, and `sudo` commands to install software, remove bloatware, and configure system settings. The visualization highlights the script's sequential steps and dependencies, with the code as the primary data source. It maps the command order and conditional branches, such as kernel installation for 32-bit versus 64-bit architectures, using a linear flow diagram. The rendering relies on text-based annotations to clarify each action, without any graphical libraries.

Dec 1, 2013