Gist 9909821

100%

✓ Published0🌍 Public

Last edited Apr 1, 2014

Created on Apr 1, 2014

This example demonstrates a live query parser for filter expressions, showing each parsed column name and its associated value in real time as the user types. The interface accepts queries in the format `colName: value`, with optional double quotes around values, and displays the extracted pairs below the input field. The implementation relies on jQuery for DOM manipulation and event handling, while custom regular expressions in JavaScript identify column names and isolate their corresponding values. The parser handles multiple columns by using sequential regex matches, stripping quotes from values and ignoring whitespace-only entries.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 585199

This visualization loads an external CSV file and parses its rows into JavaScript objects, mapping each column name from an array to the corresponding values in each line. It handles quoted fields that contain commas by merging split segments until the quote count is even, and it logs warnings for malformed lines that do not match the expected number of columns. The example demonstrates a reusable CSV-asynchronous-loading helper, but does not show any charting, layout, or rendering code beyond the data preparation stage.

RRandomEtc

61% match

Loading thumbnail…

Gist a8da3e8cbb2e652a76db50d9774e916a

This visualization is a reference document for Nunjucks template filters. It shows the input syntax and corresponding output for a wide range of built-in filters, including `abs`, `batch`, `capitalize`, `dictsort`, `escape`, `groupby`, `indent`, `join`, `random`, and `replace`. The examples use Jinja-style template syntax with `{{ }}` for expressions and `{% %}` for statements, and the outputs are displayed as plain text results.

LLucyI

59% 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

56% match

Loading thumbnail…

Gist 0ae5e1a27ffc3cfab328c1895ac272cf

This example visualizes the structure of a DAX query plan by parsing its text into a hierarchical tree. It uses the `moo` lexer to tokenize the query plan, recognizing operators, column references, measure references, and property assignments. The parser builds a nested tree from indentation and line breaks, while a custom `parseProperties` function extracts key-value pairs from tokens, including hash-prefixed attributes and parenthesized groups. The visualization reveals the query plan’s operator flow and parameter details, though the rendering itself is not implemented in the shown code.

HHugoberry

55% match

Loading thumbnail…

Gist 98aa71734dd0d7e9e89fd00440c278c4

This example demonstrates a database-driven player lookup interface, showing how stored player records are retrieved and displayed based on email queries. The code uses the `sqlite3` Node.js library to execute SQL queries, with `getPlayers` fetching all records and `getPlayerByEmail` filtering by a specific email address. The visualization likely renders the resulting name, city, and email data in a table or list format, though the exact visual output is not shown. The implementation relies on promise-based asynchronous database access, where each function returns a promise that resolves with the queried rows, making it suitable for integration with a frontend framework or a simple server response.

WWill Carter

55% match

Loading thumbnail…

Gist 614119

This example processes interlinear linguistic annotation from standard input, splitting each line into words and glosses to build a structured data array. It uses Node.js `process.openStdin()` and `stdin.on('data')` to read chunks, with a `trim` function to clean whitespace and `extractLines` to split text by newlines. The code logs each line to the console, demonstrating a simple text-parsing workflow for linguistic data.

Aamundo

55% match

Loading thumbnail…

Gist fe86959fa663f498cdc0aac9d9e02704

This example demonstrates the core functionality of the crossfilter.js library for multidimensional data analysis. It defines a dataset of payment transactions with attributes like date, quantity, total, tip, payment type, and product IDs, then performs grouping and reduction operations using the `dimension`, `group`, `reduceSum`, `top`, and `filter` APIs. The code logs output to the console, showing the payment volume by type and exploring total-based groupings, filters, and product queries. The visualization is entirely console-based, with no chart rendering, using d3.v3 for data functions and crossfilter.js for the cross-filtering logic.

深深度碎片

55% match

Loading thumbnail…

Gist 4905f6e091305c6a3ff3c1fe2c0a50b2

This example visualizes the structure of a DAX query plan by parsing a text-based log file into a hierarchical tree. It uses the Moo lexer to tokenize lines, identifiers, column references, and operator types, then builds a nested representation of the plan. The visualization likely renders this tree to show the flow of logical and physical operations, with each node displaying its operator type and associated properties such as filters, joins, or spooling details. The code defines custom token patterns for DAX-specific syntax, including column references like `'Table'[Column]` and measure references like `[Measure]`, and parses them into structured objects for display.

HHugoberry

55% match