Mailnickko

@Mailnickko·6 public vizzes

fresh block

Five vertical bars form a simple bar chart, with a single red bar highlighted among blue ones. The chart encodes an array of five numeric values as bar heights, with each bar positioned along the x-axis. The visualization is built with D3.v4 and rendered as SVG, using `d3.selectAll('rect')` to bind data to existing rectangle elements. The code then sets each rectangle’s x, y, width, height, fill, and stroke attributes, where the y-coordinate is calculated as the container height minus the data value.

Jul 24, 2017

Loading thumbnail…

fresh block

This example displays a blank SVG canvas with a single line of placeholder text. The visualization is generated using the D3.js library (version 4) and rendered as Scalable Vector Graphics. The code creates an SVG element with fixed dimensions of 960 by 500 pixels, then appends a text element containing an instructional message. The text is positioned using the `attr` method for x and y coordinates, and styled with a monospace font at 36 pixels. The example serves as a starting template for building custom interactive visualizations.

Jul 24, 2017

Loading thumbnail…

fresh block

This example displays the text “Hello FEM!” as a static label on a blank SVG canvas. The visualization uses D3 v4 to create an SVG container and append a single text element, with the text positioned at coordinates (120, 200). The code sets the font size to 36 pixels and the font family to monospace, but does not include any data, interactivity, or animation. It demonstrates the basic workflow of selecting the body, appending an SVG, and using D3’s `selection.append` and `attr` methods to style a text node.

Jul 24, 2017

Loading thumbnail…

Gist 859941ebbbd6686689c4c870c1e5cf18

This example demonstrates a chained asynchronous workflow that reads a GitHub username from a local file, fetches the corresponding GitHub profile via the GitHub API, and writes the profile data as JSON to another file. It uses the Promise-based functions `pluckFirstLineFromFile`, `getGitHubProfileAsync`, and `asynWrite`, structured with `then` and `catch` handlers to manage data flow and error logging. The code illustrates how to sequence file I/O and network requests without callback nesting, relying on async/await-style chaining through native JavaScript Promises.

Jul 26, 2016

Loading thumbnail…

Gist 1a03bf15beee9f72953b414669e44576

This example demonstrates a Node.js utility that asynchronously fetches the HTTP status code for a given URL. It first reads a text file using the `fs.readFile` method to extract a domain or URL from its first line, then passes that address to the `request` library’s `getStatusCodeAsync` function, which returns the server’s response code. The visualization shows how file I/O and network requests are chained through callbacks, highlighting the flow of data from local storage to remote servers without any graphical rendering.

Jul 26, 2016

Loading thumbnail…

Gist 5c673a7db6d8612eda9dee50ff2e4b80

This example demonstrates asynchronous file reading and HTTP request handling in Node.js. It shows how to extract the first line from a local file and retrieve the HTTP status code from a remote URL using two separate promise-based functions. The code uses Bluebird’s `Promise` constructor, Node’s `fs.readFile` API, and the `request` library for network requests. Each function returns a promise that resolves with the extracted data or rejects on error, illustrating a modular approach to handling I/O operations with promise chaining.

Jul 26, 2016