page

100%

✓ Published0🌍 Public

Last edited Apr 19, 2014

Created on Apr 19, 2014

This example shows a form for collecting lexical data about a word, with fields for a keyword, orthographic form, phonetic transcription, and a comment. It uses a Bootstrap horizontal form layout within an HTML page, and jQuery selectors (e.g., `$('#airplane .inputWord')`) to read values from the inputs into a JavaScript object. The code then outlines assembling multiple word objects into a `lexicon` array for eventual JSON export, referencing the FileSaver.js library for saving the result.

AI-generated description

Similar vizzes

Loading thumbnail…

Make a Word

The visualization is a word-guessing game that displays seven letters and prompts the user to submit a valid word. The user can guess a word, shuffle the letters, or generate a new random set of letters. The game tracks the number of wins and losses, and shows a message indicating whether each guess is correct or wrong. The code uses plain JavaScript DOM methods like `querySelector`, `getElementById`, and `innerHTML` to manage the interface, with the letter set generated by combining random consonants and vowels.

FFrankieFabuloso

55% match

Loading thumbnail…

Gist ee842d3f857add56f3a62dbd10cbcf1a

This interactive form builder dynamically appends cloned blocks of academic data fields to a page. The code uses the native DOM API, including `getElementById`, `cloneNode`, and `appendChild`, to duplicate a labeled input container. Each new block receives a unique ID and incremented class suffixes. The example demonstrates a client-side approach for adding repeatable form sections without external libraries.

MMistyBlunch

54% match

Loading thumbnail…

Form Autosave

This example demonstrates a web form with autosave functionality for a single entry, showing how user input persists across page reloads. It displays fields for name, address, email, and additional thoughts, with data stored locally. The code uses the browser’s `localStorage` API and `JSON.parse`/`JSON.stringify` to save and retrieve form values on every input event. On page load, it repopulates fields from saved data; on submit, it clears the stored entry. The implementation relies on plain JavaScript with `querySelector`, event listeners, and the `for...in` loop to iterate over saved objects.

Aangusgrant

54% match

Loading thumbnail…

Word schema

This example visualizes a word schema from a Mongoose model, showing how a single text field maps to a document with an auto-generated virtual id property. The code defines the schema using mongoose.Schema, declares a text string field, and exposes a virtual getter for the document’s _id. It exports the model as “Word” via module.exports, relying on the Mongoose API for data modeling and MongoDB integration. The visualization is a plain code listing that highlights the schema structure and its associated virtual property, with no rendering or interaction logic present.

VVeronicaM

54% match

Loading thumbnail…

Fork of HTML Starter

This example shows a minimal HTML form for selecting words of interest, with checkboxes for “Show Rank,” “School,” and “Family,” and a submit button labeled “Rank.” The page uses plain HTML elements, including a `<form>` with `method="post"` and an `action` attribute targeting `/Tests/Post/`, along with a `<fieldset>` and `<legend>` for grouping. It relies on standard browser behavior for form submission, with no JavaScript or CSS styling applied, and does not include any data visualization or interactive rendering.

TThiago Domingues

53% match

Loading thumbnail…

Lexing and Parsing in JavaScript

This example demonstrates a live lexer and recursive descent parser for a custom wiki-like markup language, converting user input from a textarea into HTML output. The code uses d3.v2 to manage DOM selection and event handling, registering callbacks that recompile the input on changes. It showcases the parsing pipeline by processing the typed text in real time, with a table tracking events fired on the html, body, and textarea elements. The parser applies grammar rules in precedence order, prioritizing robustness over performance by assuming limited input size.

GGerHobbelt

53% match

Loading thumbnail…

Gist b35c133ccbf70e92f9f6a88f717829c3

This interactive tool converts orthographic transcriptions into a different written form using a user-supplied conversion table. It tokenizes input text by splitting on spaces, then applies a series of find-and-replace rules defined as tab-separated grapheme pairs in a textarea. The conversion uses JavaScript’s `String.normalize` with the NFD form to decompose characters before matching, and `RegExp` with a global flag to replace all occurrences of each pattern. Results are written to the page’s DOM via `innerHTML`, with each token appended as plain text followed by a space.

Aamundo

53% match

Loading thumbnail…

Starter

This starter example displays a single word in large, centered text on a blank page using plain HTML, CSS, and JavaScript. The HTML defines a container for the message, while the CSS styles its font size and alignment. The page demonstrates a minimal setup for web-based visualizations, requiring no external libraries or data sources. It focuses on the fundamental structure of an HTML document with embedded styling, serving as a basic template for more complex projects.

FFelipe Demolin

52% match