Skip to main content
100%

Gist 7f5cc15d0eae9281c33b735420ae8ee0

✓ Published0🌍 Public
UUtopiah
Last edited May 13, 2020
Created on May 13, 2020

This example transforms a PmWiki source page into a searchable interface for code snippets. It fetches the page’s source via the `fetch` API, splits it into lines, and tokenizes text wrapped in `@@` delimiters. Each snippet becomes a clickable link that queries GitHub’s gist search for matches by the user “Utopiah”. The script uses `document.querySelectorAll` to locate existing `<code>` elements in the page and replaces their content with the generated anchor tags, while logging any unmatched snippets. It relies on vanilla DOM manipulation and URL construction, with no external visualization libraries.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 1866a62d3cb6c066d421a78abd1324e2

This visualization monitors GitHub presence lists by displaying the last four characters of each contributor’s hash in the browser console. It uses a mouseover event listener on presence-list items to extract and log the hash suffix. The code relies on the standard Document Object Model (DOM) API with `querySelectorAll` and `addEventListener`, and does not employ external libraries. The data source is the live presence list rendered by GitHub’s interface, making the example a lightweight, dependency-free tool for observing participant hashes during collaborative sessions.

UUtopiah
64% match
Loading thumbnail…

Gist of a stolen gist

This example visualizes the structure of a “stolen gist” — a curated piracy resource list — as an interactive hierarchical map. It shows the document’s nested sections and subsections as collapsible, color-coded nodes, revealing the organization of topics like torrenting, Usenet, and streaming. Built with React, it uses a custom recursive rendering of the markdown headings, with d3.forceSimulation to position nodes and CSS transitions for expand/collapse animations, sourced directly from the raw gist file.

IIoTeacher
62% match
Loading thumbnail…

Gist 5374ae5e90acada9f9225c8154461e5f

This visualization presents an interactive tooltip and navigation system built on top of the fullpage.js scrolling framework. The code attaches click handlers to the navigation dots generated by fullpage.js, redirecting users to the corresponding section hash when clicked. It uses jQuery selectors to target the `#fp-nav > ul > li > div` elements and binds a `click` event that navigates via `document.location.href`. The example demonstrates a quick fix for making fullpage.js’s built-in dot navigation clickable, enhancing usability without altering the core library’s behavior. No external data sources or rendering libraries are involved.

UUtopiah
61% match
Loading thumbnail…

Gist 7232670

This example demonstrates how a single-page application skeleton is transformed from a static document into an interactive, AJAX-driven experience. The visualization shows a list of user-submitted code entries, with each entry dynamically loaded and rendered without a full page refresh. The implementation uses jQuery’s `$.ajax` method to fetch the `lucky_ajax.md` file and other resources, then updates the DOM with the retrieved content. The code also relies on JavaScript’s `Promise` API for handling asynchronous responses, and highlights the use of `XMLHttpRequest` for network communication. The data source is the downloaded application skeleton, whose structure is revealed through the fetched files. The example focuses on the interaction between client-side scripting and server responses.

EElaineYu
61% match
Loading thumbnail…

Gist fdb22d9ec25b96538814323e0609c895

The example is a curated markdown document that catalogs online resources for synthetic media, organized by categories such as synthetic text, voice, music, art, and gaming. It lists specific websites and tools, including thispersondoesnotexist.com, Hugging Face’s BERT, OpenAI’s GPT-3 and Jukebox, Descript, and AI Dungeon, with hyperlinks for each entry. The page is a static text file, not an interactive visualization, using no JavaScript libraries or rendering APIs. It functions as a reference list, showing the breadth of generative media platforms rather than demonstrating any particular code or chart.

CCliffordAnderson
61% match
Loading thumbnail…

Fork of Fork of Blank Slate with Hot Reloading

This example presents a minimal, unfinished web page that attempts to fetch data from a GitHub gist URL and log it to the console, but the JavaScript is incomplete and contains syntax errors. The visible code uses the `fetch` API to request the remote resource and `.text()` to parse the response, though the script fails before any data is rendered. The page itself is a bare HTML skeleton with a "Hello" message, offering no visualization or interactive elements. It serves as a blank-slate template or a broken prototype rather than a functional data-display application.

ДДмитрий Волченко
60% match
Loading thumbnail…

Gist 1c748c68adc016993b3c95f83dca603e

This shell script demonstrates a workflow for syncing highlights from a reMarkable tablet to the Readwise API. It iterates through directories containing highlight files, extracts the document title from accompanying metadata, and processes JSON highlight data using `jq`. The script filters out empty highlights, constructs JSON payloads with the text, title, and author, then sends them via `curl` POST requests to `https://readwise.io/api/v2/highlights/` with an authorization token. The output is a series of API calls that populate a Readwise library with annotated passages.

UUtopiah
60% match
Loading thumbnail…

Here are some things you can do with Gists in GistBox.

GistBox organizes code snippets, notes, and recipes into a single searchable interface. The example uses JavaScript, Ruby, and Markdown files to demonstrate the range of content it can store, from executable JavaScript snippets and a full QuickSort class to documentation and a cheesecake recipe. The interface leverages the GitHub Gist API for storage and retrieval, presenting each file with syntax highlighting and a preview of the content. The Markdown notes are rendered with standard formatting, including headings, lists, and embedded images from external URLs.

SShuanWu
60% match