Parse CSV with Day of DH Quotations as XML

100%

Parse CSV with Day of DH Quotations as XML

✓ Published0🌍 Public

Last edited Jul 24, 2015

Created on Jul 23, 2015

This example shows how to randomly select and display a single quotation from a CSV file of "Day of DH" responses, rendering it as a styled HTML page. It first parses the remote CSV with the `csv:parse` function and `fetch:text`, then uses `random:integer` to pick a random record. The code generates a Bootstrap-based webpage that displays the quote, author, and date. The XQuery scripts include a plain parsing version, a random-selection version, and two HTML-rendering versions, one using the RESTXQ module for HTTP GET requests.

AI-generated description

Similar vizzes

Loading thumbnail…

{$doc/RecordTitle/text()}

This example extracts bibliographic records from a collection of quarterly publications and serializes them into CSV format. It queries a local XML document store containing full-text articles, capturing fields such as title, publication, volume, issue, date, pagination, and a document link. The XQuery 3.1 script uses the `csv:serialize` function to convert the generated `element csv` tree into a delimited text file, demonstrating a straightforward data-wrangling pipeline for export and downstream analysis.

CCliffordAnderson

61% match

Loading thumbnail…

Sample CSV for XQuery Book

This example visualizes the five-book dataset from CliffordAnderson’s gist, mapping each title to a node whose size encodes the year published and whose color distinguishes binding type. A force-directed layout using `d3.forceSimulation` positions the nodes, while `d3.select` and `transition.attrTween` animate the drag-and-drop interactions. The tooltip, rendered via SVG `<title>`, shows the full title and ISBN on hover. The chart reads the CSV directly from the embedded `books.csv` source, parsing fields with `d3.csvParse` and applying a categorical scale for the binding colors.

CCliffordAnderson

59% match

Loading thumbnail…

Parse CSV Data

This example demonstrates a minimal HTML page that parses CSV data using CSS and JavaScript. The code renders a large “Hello HTML!” message with a 13em font size, centered on the page. It relies on standard web technologies—HTML for structure, CSS for styling, and JavaScript for data parsing—without external libraries or frameworks. The styling is applied via a `<style>` block in the document head, and the message is displayed in a `<div>` element. The example serves as a bare-bones starter for handling CSV content in a browser environment.

Ppaulmojicatech

59% match

Loading thumbnail…

CVS to JSONL example

This example shows a practical data-transformation workflow that converts a CSV file into JSONL format, producing one JSON object per line. It fetches a remote CSV file from a GitHub gist using the `fetch:text` function, parses it into records with `csv:parse`, and iterates through each record to build key-value pairs. The code distinguishes between integer and string values using `castable as xs:integer`, then constructs JSON maps with `xml-to-json` using XQuery 3.1. The output is unindented JSONL, suitable for streaming or line-oriented processing.

CCliffordAnderson

59% match

Loading thumbnail…

Parsing CSV Data with D3

This example demonstrates a minimal approach to loading and parsing CSV data using D3. It fetches a remote CSV file containing CSS color names and values, then applies D3’s `csvParse` method to convert the raw text into an array of objects. The code shows the initial steps of a data pipeline, concluding by counting the parsed rows and constructing a simple message with that count. It relies on the `fetch` API for network requests and the D3 v7 library, with no visual output beyond this text-based summary.

FForrest Hosten

59% match

Loading thumbnail…

CSV data

This example fetches a CSV file of named CSS coordinate data and parses it using `d3.csvParse`, then displays a summary of the file’s size, row count, and column count in large text on a blank page. The visualization communicates basic dataset dimensions rather than plotting values, with output rendered into a `pre` element via `document.getElementById`. It uses the Fetch API with an async `fetchText` helper and relies on D3 v7 for parsing, styled by a font-size of 7em in CSS. The data comes from a GitHub gist.

Bbeq95

58% match

Loading thumbnail…

Parsing CSV Data

This example displays a text summary of a CSV dataset loaded from a remote URL. Using the D3.js `d3.csv` method, it fetches and parses the file, then reports the row count, column count, and approximate file size in kilobytes into an HTML `<pre>` element. The sample data comes from a raw GitHub-hosted CSV file containing CSS named colors. The page is minimal, with a large-font style applied to the output container.

DDhvanil Vaghasiya

58% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 and display a simple message as a proof of concept. The page shows a large, centered text element reading “Hello HTML!” as the initial output. The code primarily focuses on the setup for data ingestion, utilizing D3’s CSV parsing capabilities to handle external tabular data, though the current implementation renders static HTML content rather than visualizing the parsed dataset. The styling is handled through basic CSS, with the message sized at 13em for visual prominence.

GGautier DAVID

58% match