RegEx Cheatsheet

100%

RegEx Cheatsheet

✓ Published0🌍 Public

Last edited Jun 1, 2015

Created on Dec 11, 2017

This visualization presents a plain-text cheatsheet for regular expressions, organized into sections for special characters, quantifiers, special sequences, and useful examples. It uses Markdown headings and code blocks to display regex patterns and their meanings, with inline examples like `\bfoo\b` for word boundary matching. The layout relies on standard HTML rendering of the Markdown source, with no JavaScript or external libraries involved. It serves as a static reference guide, showing the syntax and semantics of regex constructs directly in the document.

AI-generated description

Similar vizzes

Loading thumbnail…

Markdown Cheatsheet

This example displays the raw content of a Markdown cheatsheet, which is a plain-text file listing markup syntax for headings, emphasis, links, tables, code blocks, lists, and more. The page also includes an inline HTML fragment and a JavaScript console log. The visualization is not driven by data or charting libraries; instead, it relies solely on the browser’s default rendering of the README file and the index.html body, with the latter styled via a simple CSS rule.

CCurran Kelleher

65% match

Loading thumbnail…

A RegEx Logo

A RegEx Logo presents a browser-rendered SVG graphic that spells out "RegEx" using skewed, nested rectangles to create a layered, perspective-like design. The visual centers on the text "/^$ g \1," a regular expression pattern, displayed within the nested shapes. Rendered via inline SVG markup, the graphic uses `<rect>` elements with `transform` attributes (including `skewX`) to build the structure, while `<text>` elements apply stroke and fill styling. The illustration directly encodes its subject matter through typography and geometry, making the regex concept visually literal without additional data or interaction.

RRussell Watson

64% match

Loading thumbnail…

A better markdown cheatsheet.

This markdown cheatsheet visually compares two reference documents side by side, presenting syntax examples and their rendered results for headers, emphasis, lists, links, images, and code blocks. The example uses the GitHub Flavored Markdown parser with custom HTML elements like `<details>` and `<mark>`, and includes TeX mathematical formulae. It demonstrates how a plain-text data format can be organized as a reference visualization through the use of clear section headings, code fences, and live previews.

GGerHobbelt

62% match

Loading thumbnail…

Sed Cheatsheet

This example is a plain-text cheatsheet listing sed commands for file spacing, numbering, and text conversion or substitution. It shows the exact command-line syntax for each operation, such as `sed G` for double spacing and `sed 's/foo/bar/g'` for global replacement. The source is a gist by AbsarF, and the rendering approach is static text formatting with no interactive or programmatic visualization. It relies solely on shell and sed syntax, not on any JavaScript libraries or data APIs.

AAbsarF

61% match

Loading thumbnail…

Gist 45db9d716671d0e53ccdd33370f72d69

This example displays a reference table for ANSI escape sequences, organizing text attributes, foreground colors, and background colors into three separate sections. The data originates from a Markdown file that lists each escape code alongside its corresponding visual effect, such as bold, underline, or specific color values like Light Cyan. The rendering relies on standard HTML tables, with no JavaScript libraries or visualization APIs involved, presenting the information as static, readable documentation rather than an interactive graphic.

Aamazingandyyy

61% match

Loading thumbnail…

Regex for bibliography

This example demonstrates a force-directed graph representing the relationships between regex patterns and bibliographic text fragments. The visualization uses `d3.forceSimulation` to position nodes and links, with each node labeled by its regex fragment. The underlying data comes from a gist containing a single regex pattern and two bibliographic string snippets. The code employs D3’s selection and data-binding methods to render SVG circles and lines, while `d3.drag` enables interactive node movement. The rendering approach relies on standard D3 scales and axes to map regex components to visual coordinates, though no specific layout algorithm beyond the force simulation is applied.

CCliffordAnderson

60% match

Loading thumbnail…

Gist bc044ce87839a0fccbdad832e3585d07

This example demonstrates the common subset of Markdown and reStructuredText markup syntax, using both formats to show how text can be written portably across the two lightweight markup languages. The visualization is rendered as two nearly identical documents side-by-side, with font styling applied to display italics, bold, and monospaced text, along with paragraph and heading structure. It visually compares how the same source content appears in Markdown versus reStructuredText, highlighting the shared formatting conventions (like asterisk-based emphasis) and the differences in extensibility, such as tables and automatic table-of-contents generation. The layout makes it easy to see at a glance how each markup language handles identical input, emphasizing the "common denominator" subset approach for painless conversion between the two.

Aalvinthai

58% match

Loading thumbnail…

HTML Starter

This example demonstrates a minimal interactive JavaScript console that evaluates regular expression strings and displays the results. The code uses `document.write`, `eval`, and DOM manipulation via `getElementById` and `createTextNode` to render output lines. It also includes regex escaping logic from the JavaScript standard library, applied to test pattern replacement. The HTML layer uses basic CSS selectors for striped background rows.

RRussell Watson

58% match