Skip to main content
100%

My Linux Setup

✓ Published0🌍 Public
Aalex-milanov
Last edited Apr 1, 2017
Created on Apr 1, 2017

This visualization documents a step-by-step Linux setup process, covering installation, customization, and development environment configuration. It uses a text-based layout with embedded screenshots and command-line code snippets to illustrate each stage. The guide references specific tools and libraries including Xubuntu, Docky, Numix Circle, zsh, oh-my-zsh, NVM, and Node.js, along with shell commands for package installation and theme configuration. The article presents the author’s personal technical stack as a static checklist, with the source data derived from a markdown file and the visual formatting handled by the gallery’s rendering system.

AI-generated description

Similar vizzes

Loading thumbnail…

My Ubuntu setup note

This example visualizes a personal Ubuntu setup note as a tree of command-line steps, organized by topic such as SSH, Git, and i3 window manager configuration. The code parses the plain-text gist file into hierarchical nodes and renders them with d3.forceSimulation, using colored circles for categories and text labels for each action. It shows the dependency flow between installation commands and configuration tweaks, with links drawn as straight lines between connected steps. The underlying data source is the raw gist content, processed directly in the browser without external libraries beyond D3.

Aadkdev
72% match
Loading thumbnail…

My macOS setup

This visualization breaks down a personal macOS setup into a hierarchical checklist, categorizing configuration notes, applications, and developer tools. It presents the data as a tree structure built from a Markdown source file, with each branch and leaf representing a category or individual item. The rendering uses a custom treemap layout to allocate rectangular areas proportional to the size of each subcategory, while interactive hover states reveal the full item names. The code relies on D3.js for hierarchy computation and SVG rendering, enabling users to explore the organization of the setup at a glance.

Aaakansh9
67% match
Loading thumbnail…

mac set up

This example shows a curated collection of development tools and setup commands for macOS, organized as a simple textual list. The visualization is a static, human-readable reference guide rather than a data-driven graphic. It lists software like Rectangle for window snapping, AltTab for app switching, iTerm2 with tmux integration, Oh My Zsh for shell customization, and Typora for markdown editing, with direct URLs and command examples. The rendering approach is plain markdown, using bullet points and hyperlinks to present the information clearly. No specific data visualization libraries or APIs are used; instead, the content relies on structured text formatting to convey the setup workflow.

11wheel
65% match
Loading thumbnail…

Gist 37128af71824779d01db3758902ca8ed

This example visualizes the installation steps for Node.js on Ubuntu using a procedural, code-driven diagram. It presents a sequence of terminal commands and system prompts as a branching flowchart, with nodes representing actions like `sudo apt install nodejs` and verification steps like `node -v`. The visualization uses D3.js to render the graph, likely employing `d3.forceSimulation` for node positioning and SVG elements for drawing links and labels. The code also relies on standard D3 selection and data-binding methods to map the command list into a structured network, highlighting the order and dependencies between installation phases.

MMistyBlunch
65% match
Loading thumbnail…

zsh

This example visualizes the configuration of a Zsh shell environment, showing the setup of oh-my-zsh, plugins, themes, and system integrations. The gist file contains plain-text configuration directives, including exported environment variables like `COMET_API_KEY` and `ZSH`, plugin declarations, and conditional blocks for Google Cloud SDK and iTerm2 shell integration. The rendering approach is purely textual, with no graphical libraries or data-processing APIs involved. It relies on shell scripting syntax to define aliases, completion settings, and path updates, illustrating how user preferences and third-party tools are wired into the interactive command-line interface.

TTylerKirby
65% match
Loading thumbnail…

OSX - Installs

This visualization maps the installation steps for setting up a macOS development environment, showing a sequential workflow from Homebrew installation through Oh My Zsh, Oh My Posh, and the CopyClip cask. The code uses a Bash script with `curl` commands to fetch remote install scripts and the `brew install` command for package management. The display likely uses a node-link diagram rendered with D3.js’s `d3.forceSimulation` to position each command as a node, with edges indicating the order of execution. The data source is a raw gist file containing the terminal commands, visualized as a directed graph to illustrate dependencies between installation actions.

Aarchae0pteryx
64% match
Loading thumbnail…

Gist 8cc56701b1ffabad9825c205b2c0a77e

This example visualizes a step-by-step guide to post-installation tasks for Arch Linux, rendered as an interactive flowchart. The diagram uses a force-directed layout powered by `d3.forceSimulation` to position nodes and links, with SVG elements for the boxes and arrows. Each node represents a command or tip from the original Markdown file, and viewers can hover to inspect details. The code parses the source text and constructs the network graph, demonstrating a flexible approach to turning documentation into an explorable visual structure.

MMistyBlunch
64% match
Loading thumbnail…

Oh my ZSH with zsh-autosuggestions zsh-syntax-highlighting zsh-fast-syntax-highlighting and zsh-autocomplete.md

This example shows a terminal configuration guide for setting up Oh My Zsh with four plugins: zsh-autosuggestions, zsh-syntax-highlighting, zsh-fast-syntax-highlighting, and zsh-autocomplete. The document walks through installing Zsh via `apt`, cloning each plugin repository into the custom plugins directory, and editing the `.zshrc` file to enable the plugins. It references the GitHub repositories for each tool and includes a logo image at the top. The guide uses shell commands and a text editor (`nvim`) to modify configuration, with no data visualization or rendering code present.

Aackuser
64% match