Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
CCliffordAnderson
Last edited Mar 20, 2018
Created on Mar 20, 2018

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Snap! custom block to compare two strings

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.

CCliffordAnderson
74% 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
72% 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
59% 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
53% 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
52% match
Loading thumbnail…

Gist 6ca203fa1eab16a0f3c98d442ba9eea0

This example demonstrates a JavaScript function that transforms an input string into a "mumbling" pattern, where each character is repeated incrementally, capitalized at the start, and joined by hyphens. The visualization shows the result of applying this logic to sample strings like "abcd," "cwAt," and "RqaEzty" using the built-in `split`, `toLowerCase`, `toUpperCase`, `slice`, `map`, and `join` methods, along with custom `capitalize` and `accum` functions. The code relies on plain JavaScript string array manipulation without external libraries, producing outputs such as "A-Bb-Ccc-Dddd" for the first example.

MMistyBlunch
49% match
Loading thumbnail…

test-block

This example uses a p5.js canvas to explore typography and interactivity. The code predefines an array of characters spelling “hello world” and sets up a 960×500 drawing area with styled Georgia italic text. The display logic is incomplete, with commented-out calls to `text()`, but the `mouseMoved()` listener contains the working interactive component: it randomly changes the fill color to semi-transparent RGB values and renders the message at the canvas center whenever the mouse moves. The sketch thus demonstrates how mouse events can drive dynamic visual changes in a p5.js environment.

BBartholomaeusAstrum
49% match
Loading thumbnail…

For Jim Duran & co.

This example shows a list of reporter names extracted from a single XML data column, tokenized by pipe delimiters into an array of individual contributors. The code uses the XQuery function `fn:tokenize` on the text of a `<column>` element named "Reporters" and returns the resulting sequence of names. The visualization itself is minimal, relying on the query language’s string-handling API rather than a graphical library, making it a data-cleaning step rather than a rendered chart. The source is a gist by CliffordAnderson, and the output simply displays the parsed names.

CCliffordAnderson
48% match