H

HoffmannP

@HoffmannP·24 public vizzes

Loading thumbnail…

Gist fdfeb2b6c1c7c936cff968552d66277f

This example visualizes the flow of a failed HTTP request within a Node.js application, tracking the error from its initial 403 response through the complete async call stack. The visualization uses a structured log-and-trace rendering approach, where each line of the stack trace is displayed as a sequential node in a vertical flow diagram. The code relies on axios for making the POST request to the `/api/v1/Challenges` endpoint and Node’s built-in async/await pattern to propagate the error through layers like `ChallengeClient`, `ChallengeController`, and `AccountController`. The screenshot shows the raw error object with its nested `config` and `requestId` metadata.

Loading thumbnail…

Gist 6ab67c7133edab5b3b01760a3f226a25

This example compares the frequency of uppercase letters in the King James and Luther Bibles, printing a percentage of all uppercase letters per book. Using Python’s `re` module with custom regular expressions, it filters out lines with fewer than four words, skips verses’ opening formatting, and excludes all-uppercase words before counting letters. The output reports each translation’s uppercase share, revealing stylistic differences in capitalization. The script reads local text files (`kjv.txt`, `luther.txt`) and computes letter counts via `matchLetters` and `matchUCLetters` patterns.

Loading thumbnail…

Gist 6cb06d7aff9d9256c1e62c71c05db16d

This example merges two Minecraft world saves by combining their region and player data files. It visualizes the spatial layout of each world’s loaded chunks as ASCII grid maps, where `#` marks existing chunks and `X` marks the world origin. The code uses Python’s `glob` and `shutil` to locate and copy `.mca` files, applying an optional or automatically computed offset to align the second world adjacent to the first. It also merges playerdata by copying missing `.dat` files, skipping any players already present in the destination world.

Loading thumbnail…

Test

This example checks the completeness of an emoji shortcode dataset by querying a local emoji database. It fetches a JSON list of shortcodes from the emojibase source via the emoji-picker-element-data package, then uses the `Database` class from emoji-picker-element’s `database.js` module to call `getEmojiByShortcode` for each shortcode. The visualization, rendered as plain HTML text, reports how many shortcodes are missing from the selected emojiset and lists them in a code block. The code relies on the fetch API and asynchronous database readiness.

Loading thumbnail…

Serverstruktur

This graphic shows the server infrastructure of a web application, depicting all components as Docker containers. It visualizes the build and runtime environment, including the backend (BE) and frontend (FE) build servers, an nginx server for the frontend, a combined nginx and Node.js setup for the backend, and a PostgreSQL database. The diagram uses d3.forceSimulation to arrange the nodes and their connections, with the data sourced from a plain text file. The rendering relies on SVG paths and node-link layouts to show the relationships between these services.

Loading thumbnail…

Gist e60925a6d9718b9806bee97ce738c0d9

This example demonstrates the network connectivity and packet loss between Docker containers on a custom macvlan network, as well as between containers and external hosts. It creates a macvlan network named "fritz", launches Alpine and Nginx containers, and adds a shim interface to test routing scenarios. The script uses the Docker CLI (`docker network create`, `docker run`, `docker exec`) and the `ip` command for network configuration, then runs `ping` tests to report percentage packet loss for various targets, cleaning up all resources afterward.

Loading thumbnail…

git-hook to prevent pushing php-errors

This example demonstrates a Git pre-push hook that automatically scans outgoing PHP commits for syntax errors and aborts the push if any are found. It shows a shell script that uses `git diff-tree` to identify changed files, filters for `.php` extensions, and pipes each file through `php -l` (the PHP linter) to validate syntax. The hook receives pushed refs via standard input and acts on the SHA ranges, storing results in the local ref variables. It relies on standard Unix tools like `grep` and `xargs` to orchestrate the per-file linting process.

Loading thumbnail…

Log of API call

A log of API calls to a Gitea server shows the sequence of HTTP requests and their corresponding server-side SQL queries and responses. The visualization captures the timing and success status of each call, including a GET request that returns commit statuses and a POST that attempts to create a release, which fails with a 404 error. The data originates from a gist containing raw Gitea log output, with the visualization likely parsing the formatted log lines to extract timestamps, HTTP methods, paths, and response codes. The approach involves reading the plain-text log file and rendering events along a timeline.

Loading thumbnail…

Gist de0a6073fc7120995eb4bf84605372d2

This example demonstrates a PHP-based LDAP authentication provider for MediaWiki, showing how a custom `UrzLdapPrimaryAuthenticationProvider` class extends `AbstractPasswordPrimaryAuthenticationProvider` to integrate with an external directory service. The code references `ads.uni-jena.de` as the LDAP server and includes a function `CMS_TPAuth_URZ` that accepts a username and password to authenticate users and return group memberships or an error string. It uses MediaWiki’s AuthManager configuration via `AuthManagerAutoConfig` with a `primaryauth` key, while the helper function employs LDAP methods for querying group data. The example highlights the structure for extending authentication without showing actual LDAP query implementation details.

Loading thumbnail…

Scripte um zu untersuchen ob die Übertragungsrate nach einem Ping systematisch höher ist

The visualization examines whether network transfer rates are systematically higher after a ping, based on a shell-based client-server experiment. The server repeatedly serves random 1M data blocks via `netcat`, while the client logs timing for transfers before and after each ping using the `time` command. The plot likely reveals any consistent throughput differences, with data sourced from logfile output generated by the Bash scripts. The code relies on standard Unix shell utilities (`netcat`, `dd`, `ping`, `sleep`) and randomized wait intervals between trials.

Loading thumbnail…

See examples for GLib libsoup at http://bobthegnome.blogspot.de/2015/11/accessing-json-webservice-using-libsoup.html

This example demonstrates how to fetch and parse JSON data from a web service using GLib’s libsoup and Json libraries. The code sends an HTTP GET request to the Ubuntu reviews API, checks the response status, and then parses the returned array of objects. For each object, it extracts the `package_name` and `ratings_total` fields, printing them to the console. The example highlights synchronous network requests and JSON parsing without a graphical visualization component.

Loading thumbnail…

Wie viel Zeit kosten Funktionsaufrufe in PHP?

This example measures the overhead of PHP function calls by generating two scripts: one with 10,000 nested function calls and one with equivalent code using only variables. The code uses PHP’s `microtime` API to time each variant and compares the results. The visualization renders the generated source files and shows the cost per call in seconds, highlighting the performance difference.

Loading thumbnail…

Artikel: Zur binären Geschlechteridentität qua Schwangerschaftsvermögen

This example explores how the binary category of pregnancy capability dissolves under scrutiny. It visualizes a custom dataset derived from HoffmannP’s markdown analysis, using D3.js to construct a force-directed graph where nodes represent categories like “has uterus,” “sterile,” or “temporarily infertile,” and edges link attributes to those conditions. The layout employs `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to cluster related concepts, revealing the fractal complexity of seemingly binary traits. Node colors and labels are rendered via SVG, with tooltips through D3’s event handlers, highlighting shifts between known, unknown, and transitional states.

Loading thumbnail…

Gist f8d07cf02b5687668116

This example displays a map of Thuringian districts using topological vector data. It renders the region by loading a TopoJSON file and converting it to GeoJSON with the `topojson` library. The single multipolygon is drawn as an SVG path using `d3.geo.path()` with a default Mercator projection, showing the administrative boundaries in a straightforward black outline against a blank background.

Loading thumbnail…

SQL query from hell - original from our source

This example visualizes the results of a complex SQL query that retrieves school contact data, including a computed responsible person, formatted timestamps, and concatenated school names. The query processes relational data from multiple tables, using `IFNULL`, `IF`, and `DATE_FORMAT` for field transformations, and a correlated subquery to filter for the most recent follow-up contact. Rendering is not shown in the code, but the output appears structured for direct chart consumption, likely using a client-side library like D3 or a table-based UI. The visualization relies on the query’s ordered rows and grouped fields to display chronological contact activity.

Loading thumbnail…

Gist 95392bf4a37344793786

This interactive bar chart displays comparative proportions across four categories, rendered as vertical bars (SVG rectangles) with a rotated axis label. Using D3.js v3, users can click and drag on any bar to resize it, with a semi-transparent background bar indicating the current editing area. The visualization distinguishes major and minor gridlines through separate `d3.svg.axis` configurations, while mouse events (`mousedown`, `mousemove`, `mouseup`) update bar heights dynamically based on cursor position. Hardcoded data arrays provide initial values, and all styling is applied via CSS classes.

Loading thumbnail…

less cached for Lighttpd

This example demonstrates a caching mechanism for compiling Less stylesheets into CSS on a web server using Lighttpd. The shell script stores compiled output in `/tmp` based on a SHA512 hash of the source file, so subsequent requests reuse the cached version. It runs `lessc` with the `--clean-css` option to minify the result, and integrates with Lighttpd’s CGI module via `cgi.assign` to handle `.less` files. The script prints a comment indicating the compilation took time, but only computes that duration when the cache is built, showing the performance benefit of avoiding recompilation.

Loading thumbnail…

Gist 699f3beb2f9901cd64e8

This example shows a Bash script for setting up full-disk encryption with LUKS and LVM on Linux Mint. It guides the user through an interactive installation process, checking for root privileges, prompting the user to read a reference article, and verifying the correct keyboard layout before proceeding. The script uses system commands like `lsb_release`, `id -u`, and `hash` to detect the environment and browser availability, and relies on `read` for user input. It emphasizes caution by warning that all data on the selected device will be erased.

Loading thumbnail…

Configuration of postfix for relay

This example shows the configuration of Postfix as a relay host, using three plain-text files. It displays the main configuration settings, SASL authentication credentials, and sender address canonical mappings. The visualization highlights key directives such as `relayhost`, `smtp_sasl_auth_enable`, and `sender_canonical_maps` directly from the gist. The renderer parses these files and presents their contents as structured code blocks, with no external libraries—only Python’s standard file handling and text processing.

Loading thumbnail…

http://candybox2.net/?slot=1

This example visualizes the game state of Candy Box 2 as a network of interconnected boolean flags, showing player progress across quests, items, and map locations. The visualization uses `d3.forceSimulation` to position nodes and `d3.linkHorizontal` for edges, with each node colored based on its `true` or `false` value. Data comes from a single gist file containing a flat list of `bool` attributes, parsed into graph nodes and links. The layout reveals clusters of related game systems, such as the lollipop farm and equipment upgrades, highlighting which achievements remain incomplete.

Loading thumbnail…

Creating a copy of you harddrives for a virtual machine copy

This example shows a shell script that clones a physical computer’s hard drives into a new VirtualBox virtual machine, attaching each raw disk (via `VBoxManage internalcommands createrawvmdk`) as a SATA storage device. It iterates through `/dev/sd?` block devices, creates a `.vmdk` for each, and attaches them to the VM, then adds any ISO images from a specified folder as DVD drives. The script also configures memory, CPUs, and boot order, and finally prints the VM configuration and a command to launch it headless, relying solely on VirtualBox’s command-line API.

Loading thumbnail…

My .zshrc

This example visualizes the contents of a developer's `.zshrc` configuration file as a structured, interactive diagram. It shows the file’s organizational sections—history, key bindings, aliases, completion settings, and environment variables—along with the specific commands and functions defined within each. The visualization is built directly from the file’s source code, using a custom parsing approach to extract and classify elements. The rendering relies on JavaScript DOM manipulation and SVG, with no external visualization libraries, to create a hierarchical layout that makes the configuration’s logic and dependencies readable at a glance.

Loading thumbnail…

Gist 5567358

This visualization demonstrates how SQL handles null values in comparison and assignment operations. It shows the distinct results of various null-checking predicates—including `<=>`, `IS NULL`, `IS NOT NULL`, and `ISNULL`—combined with `IF` logic and the `IFNULL` function. The query executes against a single-row dataset containing the value `1`, then uses `GROUP BY ... WITH ROLLUP` to produce aggregated output, highlighting differences between MySQL’s null-safe equality operator and standard null checks. The gallery example relies on standard SQL execution, with no additional charting or graphics libraries involved.

Loading thumbnail…

Gist 4621876

This example demonstrates how to automate the setup of a Go workspace and package installation via a shell script, following the official Go documentation. The script creates a temporary directory structure with a `src/newmath` folder and writes a custom `sqrt.go` file implementing a basic square root function. It then runs `go install example/newmath` to compile and install the package, verifying the result by checking for zero output or errors. The code relies on the Go command-line tool and standard shell utilities like `echo` and `mkdir`; no external visualization libraries are involved.