Yahyaal

@Yahyaal·6 public vizzes

keybase.md

This example displays a Keybase proof document, showing a signed JSON object that cryptographically links a GitHub account to a Keybase identity. The page renders the raw markdown content, including the public key, signature, and command-line verification instructions, as a static text visualization. It uses no JavaScript libraries or APIs, instead relying on the browser’s native text rendering to present the proof’s structure and data. The source is the gist file itself, formatted as a readable document for identity verification.

Sep 10, 2019

Loading thumbnail…

Gist 09e9258b51fb25a2c3f3b2d97aa870d9

This example displays a keybase proof document that cryptographically links a GitHub account to a keybase identity. It shows the raw JSON signature object, the corresponding public key, and the generated signature string, all rendered as formatted text. The code uses a simple HTML structure with CSS for styling, presenting the data in a monospaced layout without any interactive visualization libraries or data-processing APIs. The content is sourced directly from a gist file authored by Yahyaal.

Sep 10, 2019

Loading thumbnail…

Gist 861cbdb146340b013164ef53cc044748

This example shows a Keybase identity proof, presenting a signed JSON object and its corresponding signature in plain text. The visualization uses d3.js to render the proof as a formatted code block, highlighting the key fields such as the user’s public key, merkle root, and the final signature string. It also displays the command-line instructions for verifying the identity via the Keybase CLI. The data originates from a gist file authored by Yahyaal, which the code parses and displays directly.

Sep 10, 2019

Loading thumbnail…

Release log example

A release log visualization displays the chronological progression of version updates for the ActionSheetPicker-3.0 library, breaking down each release into implemented enhancements, closed issues, and merged pull requests. The markdown changelog source is parsed to extract version numbers, dates, and linked GitHub items. The visualization uses d3.forceSimulation to position version nodes and associated issue/PR entries, with d3.scaleTime mapping release dates along a horizontal axis. Hover interactions highlight related items, while d3-transition animates updates between versions.

May 21, 2019

Loading thumbnail…

Change Log Test

This example visualizes the release history of a project as a timeline of versioned updates, with each entry positioned by its date and importance. It uses `d3.forceSimulation` to lay out nodes representing individual release notes, while `d3.scaleTime` maps timestamps to horizontal positions. The data is parsed from a Markdown file, and hover interactions reveal the full text of each note. A color scale encodes the recency of each update, and the visualization updates smoothly as the simulation settles.

May 18, 2019

Loading thumbnail…

One Minute Map

This map displays a centered view of San Francisco with panning, zooming, and geocoding capabilities. The page uses Mapzen’s JavaScript API to render the Refill basemap style, with the map centered at [37.7749, -122.4194] and zoom level 9. A geocoder control appears in the top-right corner, while a locator button and URL hash for sharing the current map state are also added. The map’s data source is the Mapzen basemap service, and the scene is set to the Refill style, which provides a minimal, high-contrast visual design.

Mar 7, 2017