Gist a2fe61f8327bdae39713c6a7da138aba

100%

Gist a2fe61f8327bdae39713c6a7da138aba

✓ Published0🌍 Public

Last edited Feb 4, 2024

Created on Feb 4, 2024

A userscript automates the booking of a guided tour at the Tretyakov Gallery by repeatedly filling the ticketing form. It selects a fixed program, age, date, and time, then clicks the plus buttons to add 10 adult and 10 child tickets, driven by a `setInterval` polling loop and DOM `click()`/`focus()` calls. A visible "Restart" button resets the script’s internal state flags to re-run the process. The animation shows the form fields and ticket counters updating as the script executes.

AI-generated description

Similar vizzes

Loading thumbnail…

test_data_function_broadway

A series of 51 dots arranged along a diagonal animates when a button is clicked, shifting their positions to a new diagonal layout. The visualization also computes a theater ticket sellout probability using a long logistic regression formula, logging the raw input data to the console. Built with D3.js, the SVG output uses `d3.select`, `.transition()`, and `.duration()` for the animated movement, though the animation is the only interactive element; the prediction function is not visually mapped. The code comes from a Blockbuilder.org gist and imports D3 version 3.5.5.

BBenHeubl

58% match

Loading thumbnail…

Interactive and attempting to be more DRY with the code

This interactive visualization tracks a SmarTrip fare card’s balance over time, plotting each transaction from a Metro rail CSV as an animated SVG line chart. The code organizes shared logic (axes, scales, and rendering) into reusable functions, avoiding repetition. Data points—entries, exits, and sales—are distinguished by color and shape, with tooltips showing route segments and fare changes. The animation plays through the chronological sequence, highlighting the card’s declining balance as the commuter taps in and out between Tenleytown-AU and L'Enfant Plaza.

AAlexDaGr8

57% match

Loading thumbnail…

Online Form

This interactive form displays a booking interface with fields for a user’s first and last name, a "book now" submit button, and an additional total amount text box. The page shows a live date/time in a header and uses JavaScript’s `Date` object to hide the booking button if the current date matches a hard-coded date (October 23, 2021). A separate script tracks clicks on the "book now" button via a counter and displays the accumulated count in an alert dialog when a second submit button is pressed. The form logic relies on standard HTML input elements and embedded JavaScript functions (`checkEdu()` and `display_count()`), with styling applied from an external `styles.css` file.

NNita

56% match

Loading thumbnail…

Gist 67b47524ed8ed829d021

This animated SVG visualization, rendered with D3.js, explores how geometric forms can be generated through code. The page loads a script called `circle-lattice.js` that draws a grid of small, semitransparent red rectangles, each with a faint stroke trail that animates to show their movement or placement over time. The layout is minimal—a single heading "Scripts" above the canvas—and the emphasis is on the lattice of shapes as they are built and possibly repositioned, revealing structural patterns through the animation. The visualization uses D3's data-binding and SVG rendering to create a dynamic, generative composition.

11wheel

56% match

Loading thumbnail…

Gist 364813

This example implements a custom jQuery autocomplete widget with animated show-and-hide behavior. It uses `jQuery` methods such as `fadeTo`, `stop`, and `show` to control the visibility of a suggestion box, while handling keyboard navigation for arrow keys, tab, and enter. The code fetches suggestions via JSONP requests, renders them as list items, and tracks the selected index with `data`. Stippling effects—fade-in and fade-out—are applied through custom functions, though the code notes issues with animation state confusion. The source is a JavaScript file from a gist.

XXXX

56% match

Loading thumbnail…

Gist 68cc98468a08d322f2da

This example transforms a GitHub Gist into a visual to-do list, rendering each unchecked task as a draggable node. The code uses the D3.js library’s force-directed graph layout (`d3.forceSimulation`) to arrange the items and apply interactive physics. Each task is represented by a circle, and the list’s markdown structure is parsed directly from the Gist’s raw content. The visualization allows repositioning of nodes while preserving the original task order, offering a playful, spatial interaction with a simple text-based checklist.

EEleonore9

55% match

Loading thumbnail…

Interactive and attempting to be more DRY with the code

This interactive D3 visualization displays Washington Metropolitan Area Transit Authority (WMATA) fare card transactions from a CSV file, plotting entry and exit times across two linked SVG charts. The left scatterplot uses `d3.scaleTime` and `d3.scaleLinear` to map timestamps against time of day, with `d3.brush` enabling rectangular selections that filter the dataset. The right stacked bar chart reconstructs station-level entry and exit counts using `d3.nest` and updates dynamically through a shared data-binding pattern. The code applies a DRY approach via a reusable `createSVG` class and `Object.defineProperty` to synchronize both charts while retaining an animation feel through the CSS grid layout.

AAjayyy

55% match

Loading thumbnail…

Gist 9e8c4fa996831859a1c099a9906f84e9

This example visualizes the presence of users in a Mozilla Hubs room over time by periodically sampling the room’s member list. It reads the DOM to extract each participant’s nickname and presence status, hashing names for privacy, and stores measurements in `localStorage`. The animation, driven by `setInterval`, appends timestamped snapshots every minute, enabling a temporal view of attendance and activity. The code relies on vanilla JavaScript DOM queries and the `hashCode` function, with no external charting library.

UUtopiah

55% match