Tell us what works and what could be better. We read every submission.
@andrewfwalters·6 public vizzes
This visualization uses a force-directed bubble chart to display the 2017 US federal budget by agency. Circle size encodes the budget amount, while color encodes the BEA category. Interactive checkboxes allow viewers to group agencies by BEA Category along the x-axis and by Grant/non-grant split along the y-axis, using force layout constraints to pull bubbles into aligned columns or rows with axes revealed. The data is loaded from a CSV and preprocessed with D3 v4, rendered as SVG, with tooltips showing agency name and budget in millions.
This visualization uses a force-directed bubble chart to display the 2017 US Federal Budget, with each circle sized by the budget amount of a federal agency. The data is loaded from a CSV file and preprocessed to exclude zero-value entries. A power scale maps budget values to circle radii, while a categorical color scale encodes the BEA Category. Two checkboxes allow interactive grouping: checking "Group by BEA Category" applies an x-axis force to align circles by category and reveals a corresponding axis; checking "Group by Grant" similarly groups the visualization. The chart uses d3.v4 with SVG rendering, and circles are labeled with the agency name and budget in millions.
This example shows a minimal Bash script that updates npm dependencies after an initial project setup. It demonstrates a straightforward command-line workflow for refreshing installed packages to their latest compatible versions. The script, named `install_npmupdate.sh`, contains a shebang and a single `npm update` invocation, executed by running `./install_npmupdate.sh` in a terminal. It relies on the npm command-line interface and does not involve any visualization libraries or rendering APIs, focusing solely on package management operations.
This example shows a minimal Bash script for installing npm dependencies when setting up a Node.js server. It defines `install_npmdepend.sh`, which runs a single command, `npm install`, in the terminal. The script uses the npm CLI to fetch and install packages listed in the project’s `package.json` file. The rendering approach is command-line based, with no visual output, and it relies on the standard Node.js package manager rather than any visualization libraries.
This visualization demonstrates the installation process for Node.js and npm through a bash script, showing the sequential commands required to set up the environment. The script uses `sudo apt-get install nodejs` and `sudo apt-get install npm` to install the core packages, followed by `sudo ln -s /usr/bin/nodejs /usr/bin/node` to create a symbolic link that resolves the node command name. The visualization presents the script file as the primary data source, with no additional rendering libraries or data processing frameworks applied.
This visualization shows the step-by-step commands required to install MongoDB 3.0 on an Ubuntu Trusty system, presented as a linear shell script. It displays the sequence of `sudo` operations, including adding a GPG key via `apt-key adv`, writing a repository source list with `tee`, updating package lists with `apt-get update`, and installing the `mongodb-org` package. The code uses standard Bash scripting and the Ubuntu `apt` package manager API, with no external visualization libraries. The rendering is plain text of the script itself, highlighting the ordered dependency chain from key authentication to final installation.