JWTappert

@JWTappert·6 public vizzes

Basic sorting functionality

This example demonstrates a basic sorting interaction for a list of add-on products, showing how users can drag items into a new order and persist that arrangement. The interface relies on the TypeScript component `sortableOption()` in `ui.ts`, which iterates through the displayed add-ons, reassigns a sequential `order` value to each, and submits the updated list to a product service via an HTTP subscription. On the server side, the C# handler `UpdateAddOnOrder` receives a list of `UpdateSortOrderRequest` objects, fetches the corresponding add-on records by ID, updates each record’s `SortOrder` property, and saves the changes through a gateway. The rendering approach appears to be a standard Angular-based reactive UI with a user action logger for audit trails.

Oct 31, 2019

Loading thumbnail…

Gist 7d257dfb3e98658c4943dbf2e599e5b7

This example demonstrates a Raspberry Pi setup process for creating isolated Python environments. The code shows a sequence of shell commands that install `virtualenv` and `virtualenvwrapper`, configure the user's profile to initialize these tools, and then create a new virtual environment named `envname`. The visualization highlights the command-line interface as a data source, rendering each terminal command as a text-based flow. It uses the system's package manager (`pip`) and shell environment variables (`WORKON_HOME`) to establish the workflow. The example focuses on the setup steps, not on graphical data plotting.

May 22, 2018

Loading thumbnail…

Gist 43d00ddea701789295809c54be1f7183

This example shows a live-updating fluid monitoring dashboard, displaying recent sensor readings for multiple tanks. The visualization uses a JavaScript backend with Knex.js to insert incoming data into a database, and a frontend that likely renders real-time charts or gauges for parameters like dissolved oxygen (DO) from the specified location. The code demonstrates the API endpoint where a POST request with a reading value is parsed and stored, triggering an update to the visual display. It uses the Express framework alongside Knex.js for database operations, while the frontend appears to employ SVG-based graphics for the interactive data representation. The demo focuses on the integration between data ingestion and dynamic visual feedback.

Feb 23, 2018

Loading thumbnail…

Gist 3999923c627bd9069b071df1ecf6864f

This example demonstrates how to configure a MySQL database connection using the Knex.js query builder. The code explicitly defines a client as `mysql` and passes connection parameters such as `host`, `user`, `password`, and `database` from environment variables (`process.env.jimDBHost`, etc.). It illustrates the typical setup pattern for connecting Knex to a MySQL server, preparing the connection object for subsequent queries. The visualization highlights the structure of the `require('knex')({...})` initialization call, focusing on the configuration object that specifies both the client type and the secure credential handling through environment variables.

Feb 23, 2018

Loading thumbnail…

fresh block

A dark bar chart displays daily high temperatures for New York City from late 2011 through early 2012, using a green fill with white strokes over a black background. The visualization loads tab-separated data via `d3.tsv`, parses dates with `d3.timeParse`, and renders rectangular bars positioned by `d3.scaleTime` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and the chart is drawn as SVG, with margins fixed to an 800x300 pixel canvas.

Aug 19, 2017

Loading thumbnail…

Update your db_connect file

This example demonstrates a PHP script that establishes a database connection for a clinic management system. The code defines server credentials and database parameters, then creates a connection using PHP’s built-in `mysqli` class. It shows how to instantiate the `mysqli` object with the hostname, username, password, and database name, which are set to localhost, root, root, and cascades_clinic respectively. The script serves as a reusable configuration file, allowing other PHP pages to include it for accessing the clinic’s data. The example highlights the standard procedural setup for MySQL database connectivity in PHP applications.

Nov 13, 2016