Ryan-321

@Ryan-321·4 public vizzes

fist of five

A simple bar chart displays five hardcoded values—5, 20, 7, 11, and 15—as blue rectangles with white strokes on an SVG canvas. Each bar’s height corresponds directly to its data value, while its x-position is computed by multiplying the index by a fixed width of 75 pixels. The code uses d3.v4’s selection and data-join methods (selectAll, data, enter, append) to create the bars, with explicit attributes for positioning and sizing. Axes and scales are present but commented out, leaving the raw bars as the sole visual output.

Jun 10, 2017

Loading thumbnail…

Gist 29b9a2b8690620babddf

This example demonstrates how to load and inspect a CSV file using D3. It fetches Powerball lottery draw data from `powerball.csv` via the `d3.csv` function, then displays the first row as a JSON string in the page. The visualization uses D3 3.5.14 alongside Highcharts’ standalone framework and jQuery, though no chart is rendered in this code. The focus is on data retrieval and parsing, with the output shown in paragraph elements on the page.

Jan 28, 2016

Loading thumbnail…

Gist ed016e61300636e5a809

This example presents a JavaScript quiz that tests understanding of type coercion, string concatenation, and array manipulation. The visualization shows a series of code samples with their expected return values and written explanations, demonstrating behaviors like `typeof` returning "number" for `NaN`, string concatenation with numbers, and the effects of `pop()`, `push()`, `unshift()`, `join()`, and `split()`. The data is a static Gist containing plain text code questions and answers, rendered as a linear educational reference. No external libraries or frameworks are used; it relies purely on the raw text structure of the gist.

Jul 1, 2015

Loading thumbnail…

J. Ryan Kahle - Resume

This example displays a text-based HTML resume for J. Ryan Kahle, presenting his contact information, work history, computer skills, and education in a chronological list format. The visualization is a static, unstyled document that uses no graphics libraries or JavaScript frameworks. Its data comes directly from the embedded content in the HTML file with the rendering approach relying solely on default web browser styling to display the text. The code consists of standard HTML tags, such as headers, paragraphs, and lists, without any external dependencies or interactive elements.

Jul 1, 2015