GRamirez2

@GRamirez2·3 public vizzes

Visual Studio Code Settings Sync Gist

This visualization shows the file structure of a Visual Studio Code Settings Sync Gist, displaying both the settings and extension configuration files. The code maps each file to a distinct visual element using d3.hierarchy and d3.treemap, with rectangles sized by file size and colored by file type. It renders the treemap layout through d3.select and SVG container elements, labeling each cell with the corresponding filename and version information. The data source is the JSON object from the gist, which passes through d3.hierarchy to build the nested layout. Extensions appear as leaf nodes, while settings.json and keybindings files are shown as separate branches.

Aug 17, 2018

Loading thumbnail…

Removing NPM packages, 2 ways

This example contrasts two methods for removing npm packages from a project, illustrated through a simple text-based chart. It shows the results of `npm uninstall <packageName>` with and without the `--save` flag, comparing the effect on `node_modules` and `package.json`. The visualization also covers the alternative of manually editing `package.json` followed by running `npm prune`. The data is presented as static text blocks, using a plain-text rendering approach with no external visualization libraries, relying solely on the gist’s code snippet as its source.

Mar 2, 2018

Loading thumbnail…

8 steps to using someone's "seed / boilerplate" repo as the basis for another project / repo.

This example outlines an eight-step procedure for reusing a seed or boilerplate repository as the foundation for a new project. It demonstrates the workflow through a plain-text gist, showing how to clone the original repo, remove its git remote or history, create a fresh GitHub repository, and establish a new remote origin. The steps conclude with committing the starter code and pushing it to the new remote. No external visualization libraries or APIs are used; the content relies solely on command-line git operations.

Sep 18, 2017