Snap! custom block to compare two strings

100%

Snap! custom block to compare two strings

✓ Published0🌍 Public

Last edited Mar 20, 2018

Created on Mar 20, 2018

This Snap! project defines two custom blocks that work together to compare strings character by character. The first block generates a numeric list from a given range, while the second block converts two input strings into lists and iterates through them. It checks whether each character from the first string appears sequentially in the second string, returning `true` if all characters match in order, and `false` if either string is empty or the sequence is not found. The visualization shows the block definitions and their interconnected control flow, using Snap!'s visual programming API to demonstrate substring detection.

AI-generated description

Similar vizzes

Loading thumbnail…

Snap! custom block to convert a string into a list of characters

This example shows a Snap! custom block that converts any input string into a list of its individual characters. The block, defined with the `block-definition` tag, uses a counter variable to iterate through each position of the string via `reportLetter`, adding each character to a new list with `doAddToList` until the counter matches the string’s length. It uses Snap! 4.1’s block-based API, including `doUntil` for looping and `reportStringSize` for determining the stopping condition. The accompanying XML source displays the full script and a comment explaining the block’s purpose.

CCliffordAnderson

74% match

Loading thumbnail…

Gist 08456313799c0608872fb13ff336426c

This example demonstrates a custom predicate block that checks whether a given number falls inclusively between two comparison values. The visualization, embedded as a static image, shows a visual representation of this logical test. The code defines a Snap! block using the block-definition XML format, employing reporter blocks for boolean logic. It relies on Snap!'s built-in operators such as `reportGreaterThan`, `reportLessThan`, `reportEquals`, and `reportAnd`/`reportOr` to evaluate the condition. The block returns a true/false report, and the image likely illustrates sample comparisons or a chart of results, though the exact rendering method is not specified in the provided files.

CCliffordAnderson

69% match

Loading thumbnail…

Snap! custom block to reverse a list

This example shows a Snap! custom block that reverses a list, reporting the reversed list as its output. The block first determines the list’s length and creates an empty list for the result. It then uses a `doUntil` loop that, while the length is not zero, appends the item at the current index to the result and decrements the length. The code relies on Snap! list primitives such as `reportListLength`, `reportListItem`, and `doAddToList`, with the original list passed in as an argument.

CCliffordAnderson

66% match

Loading thumbnail…

Sequential Sort in Snap!

This example demonstrates a sequential sort algorithm implemented in Snap!, a block-based programming environment. The code defines a reporter block that repeatedly scans an unsorted list to find the largest remaining item, inserts it at the front of a new sorted list, and deletes it from the original. The visualization shows the step-by-step process of building the sorted list. The implementation uses Snap! custom blocks, list operations like `reportListLength`, `reportListItem`, `doInsertInList`, and `doDeleteFromList`, along with nested loops and conditional logic. No external JavaScript libraries are used; the data source is the input list provided by the user.

CCliffordAnderson

64% match

Loading thumbnail…

Yale Library Coding Meetup

This visualization, sourced from a gist by CliffordAnderson, documents a Yale Library coding meetup that teaches block-based programming through Snap! and NetsBlox. It shows the process of building custom blocks—specifically a Fibonacci sequence generator—and then applying it to create colorful braided circles and spiral patterns on the stage. The code examples rely on Snap!'s visual block APIs for sprite drawing, color changing, and custom block definitions, with the Fibonacci calculation implemented via if/else control structures. The data source is the mathematical Fibonacci sequence, visualized through procedural drawing on the stage.

CCliffordAnderson

59% match

Loading thumbnail…

Gist 23733

This example visualizes the distinction between local variables, instance variables, and block scoping in Ruby through a sequence of short code snippets. It shows how assignment semantics affect values across method calls and blocks, culminating in a Numeric class monkey-patch. The visualization likely renders each snippet as annotated code blocks with output values, using a custom layout or a library like D3.js to arrange the snippets and highlight variable bindings. The data originates from the gist’s source code, presented without external datasets, focusing on the logic of variable scope rather than numerical or spatial data.

DDylanFM

53% match

Loading thumbnail…

Freecodecamp

This visualization demonstrates the outcome of a string-mutation algorithm, showing whether two input words share all their characters. The code defines a function that checks if every letter in the second word appears in the first, returning a boolean result. The example specifically tests the words "hello" and "hey," which produces a false output because the letter "y" is missing from the first word. No external visualization libraries are used; instead, the display relies on the raw JavaScript logic and the console output from the gist. The data source is the hardcoded array passed to the function.

EEelsie

51% match

Loading thumbnail…

fresh block

This example presents a console-based demonstration of a custom sorting function that separates array elements by data type. The visualization shows no graphical output; instead, it logs the result of sorting an array containing a mix of strings and numbers to the browser’s console. The code defines `weirdArraySort`, which filters the input into numeric and string arrays, sorts the numbers ascending and the strings in reverse alphabetical order, then concatenates the string list before the numbers. It relies on the D3.js v4 library to set up an SVG canvas, though the canvas remains empty, and the core logic uses standard JavaScript array methods and type checking.

CCraftbd

50% match