fussing with UTF-16 surrogate encoding in Javascript

100%

fussing with UTF-16 surrogate encoding in Javascript

✓ Published0🌍 Public

Last edited Feb 20, 2012

Created on Feb 20, 2012

This example demonstrates how JavaScript encodes Unicode code points above U+FFFF into UTF-16 surrogate pairs, using functions like `escapeUTF16` and `makeSurrogate` to convert a code point such as U+1F339 (a rose emoji) into the escaped `\ud83c\udf39` sequence. The code implements the surrogate math from the Wikipedia UTF-16 specification, applying bitwise shifts and masking to derive lead and trail surrogates for supplementary planes. It then verifies the result by parsing the escaped string with `JSON.parse` and comparing it to the literal surrogate pair. The source is a standalone gist with no external libraries or data visualization dependencies.

AI-generated description

Similar vizzes

Loading thumbnail…

Extra escapey JSON encoding for node.js

This example demonstrates how to encode JavaScript objects into JSON strings with extra escaping for safety and compatibility. The code defines a function, `escapedStringify`, which wraps the native `JSON.stringify` to apply three additional transformations: escaping forward slashes as `\/`, converting angle brackets to uppercase Unicode escape sequences, and converting all characters in the `\u007f` to `\uffff` range into lowercase hex escapes. The implementation uses the `JSON` stringify API and regular expressions with callback functions to perform the character replacements. The example’s data source is the Gist’s own JSON test input, and the rendering approach is purely textual output.

RRandomEtc

68% match

Loading thumbnail…

Base64.js

This example demonstrates a compact implementation of Base64 encoding in JavaScript, showing how binary data can be converted into a six-bit character representation using the standard Base64 alphabet. The code defines a function, `encode`, that iterates over the input string’s character codes and constructs the output by bit-shifting values and selecting characters from a lookup string. It uses standard JavaScript string methods like `charCodeAt` and `charAt` alongside bitwise operators, with no external libraries or visualization components involved. The example serves as a clear, minimal demonstration of encoding logic rather than a data-driven graphic.

Mmbostock

58% match

Loading thumbnail…

locale semi-agnostic string to float conversion [JavaScript]

This example demonstrates a JavaScript utility for converting strings to floating-point numbers, designed to be locale semi-agnostic. It shows how the function handles various numeric formats, including European decimal commas, thousands separators, and ambiguous cases like “1.000” or “2,999.95”, returning numeric values or `NaN` for invalid inputs. The code uses the `toLocaleString()` method to detect the current locale’s decimal and thousands separators, then applies heuristic rules to interpret strings based on separator placement and digit counts. A MooTools click handler triggers the conversion examples, logging results to the console, with an accompanying HTML page featuring a product price display.

GGerHobbelt

55% match

Loading thumbnail…

Gist ed016e61300636e5a809

This example presents a JavaScript quiz that tests understanding of type coercion, string concatenation, and array manipulation. The visualization shows a series of code samples with their expected return values and written explanations, demonstrating behaviors like `typeof` returning "number" for `NaN`, string concatenation with numbers, and the effects of `pop()`, `push()`, `unshift()`, `join()`, and `split()`. The data is a static Gist containing plain text code questions and answers, rendered as a linear educational reference. No external libraries or frameworks are used; it relies purely on the raw text structure of the gist.

RRyan-321

54% match

Loading thumbnail…

Gist ec761bad0f5e7bfb19f46d45ba0b3355

This example defines a small JavaScript utility that converts hexadecimal color codes into their red, green, and blue component values. The code presents the `hexToRgb` function, which first parses the hex string—overlooking an optional leading `#`—into an integer, then extracts the separate color channels using bit shifts and bitwise AND operations. The function returns an array of three numbers, each representing the intensity of a channel. This demonstrates a modular approach to color handling, using only core JavaScript without any external libraries or APIs.

MMAKIO135

54% match

Loading thumbnail…

Normalizer

This example demonstrates a string normalization function that converts accented and special characters into plain ASCII equivalents. It builds a character mapping from two parallel strings, then processes each input character, replacing matches with their mapped counterparts and lowercasing the final result. The implementation relies on standard JavaScript string methods such as `charAt`, `hasOwnProperty`, `join`, and `toLowerCase`. The code is presented as a standalone JavaScript function, with no external libraries or data sources involved, showing the raw logic behind text sanitization in a compact form.

LLuisSevillano

54% match

Loading thumbnail…

Fork of Fork of Main.js

This example uses emoji characters to build a playful nature scene entirely through JavaScript and CSS. The code programmatically creates and positions elements like a sun, tree, and flowers using `document.createElement` and `appendChild`, with each element assigned a CSS class for absolute positioning. The scene also includes animated additions like a bird, cat, dog, and butterfly, all styled via external CSS that defines their colors and placement. The rendering approach relies on the DOM’s structure and CSS layout properties rather than a canvas or SVG, making it a lightweight, static composition that demonstrates simple programmatic DOM manipulation.

BBelede Rahul

53% match

Loading thumbnail…

Code Speaking

Typed characters appear in a running transcript alongside their ASCII decimal codes, while a corresponding symbol image fades in for each code. The animation proceeds character by character, with a two-second delay between steps. D3 v5 loads a CSV table that maps ASCII values to image links, and the code also uses `d3.select` to update the text area. User input comes from an HTML form and is processed via a JavaScript loop with `setTimeout` to sequence the transitions.

JJoker-tr

52% match