Some books

100%

✓ Published0🌍 Public

Last edited Nov 13, 2015

Created on Oct 9, 2015

This example visualizes a collection of 20 books from a CSV file, grouped by binding type into hardcover and paperback categories. It shows the distribution of books across these two formats, with each group’s count displayed as an attribute. The code uses XQuery 3.1 with `fetch:text` and `csv:parse` to load and parse the data from a Gist URL, then groups records by the `Binding` field and orders them alphabetically. The rendering approach is plain text output, with no graphical libraries, relying solely on XQuery’s element construction to list the grouped records.

AI-generated description

Similar vizzes

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

79% match

Loading thumbnail…

Simple Books Document

This example visualizes a small set of books from an XML data source, grouping them by their `class` attribute (fiction or nonfiction). It first shows the hierarchical document structure as a simple indented list, then renders each book as a colored node in a force-directed graph. The visualization uses D3.js’s `d3.hierarchy` and `d3.tree` to lay out the XML tree, while `d3.forceSimulation` positions the book nodes, with the `class` value driving node color and tooltip text. The raw XML is loaded via `d3.xml`, and the document’s structure is directly mirrored in the layout, making the data’s grouping and classification immediately visible.

CCliffordAnderson

71% match

Loading thumbnail…

Order by & Group by in XQuery

This example demonstrates how XQuery’s `order by` and `group by` clauses transform an XML book list into grouped output. It shows the difference between sorting titles alphabetically and then grouping them by their `class` attribute, so fiction and nonfiction categories each contain their titles in order. The code defines a `books` element with five `book` children, then iterates with a `for` loop, assigns the text and class via `let`, sorts by title, and groups by class. The result returns the class followed by its titles, revealing how grouping interacts with pre-sorting. No external libraries are used, only the XQuery language’s core expressions.

CCliffordAnderson

71% match

Loading thumbnail…

New Books

This example visualizes the distribution of new books across fiction and nonfiction genres. It reads the `books.xml` file and renders each book as a point on a simple scatter plot, with the class attribute determining the point’s color. The visualization uses the D3.js library, specifically `d3.forceSimulation` for layout and `d3.select` with `svg.circle` to draw the data marks, providing a clear, immediate comparison of genre counts from this small gist dataset.

CCliffordAnderson

71% match

Loading thumbnail…

Example of grouping and counting in XQuery

This example demonstrates how to group XML elements by an attribute value and count the grouped items using XQuery 3.1’s `group by` clause. It defines a small in-memory `<books>` dataset with five book titles categorized by `class` attributes (fiction or nonfiction). The query iterates over each `<book>`, extracts the text content as titles, and groups them by class, then returns a new element named after each class containing an ordered, numbered list of titles. The implementation relies on XQuery’s `element` constructor and `count` clause to generate the output, with titles sorted alphabetically using `order by`.

CCliffordAnderson

70% match

Loading thumbnail…

facets

This example visualizes a faceted breakdown of book metadata, displaying each facet as a distinct element with its value and count. It shows the distribution of terms across the dataset before explaining the mechanism: the XQuery script uses `fetch:text` and `csv:parse` to load and structure the CSV data, then groups books by each specified field path from an external XML file. The `local:get_facet` function dynamically builds facet elements, ordering results by frequency. The visualization relies on the BaseX XQuery processor’s string and sequence functions, not a client-side library, and renders the output as structured XML data.

CCliffordAnderson

68% match

Loading thumbnail…

Full Text IA

This example visualizes the full-text metadata of a book collection, showing how documents are distributed across subject categories. It loads book records from an XML database and filters out any documents tagged with the "Protected DAISY" subject. The visualization uses D3.js’s force-directed layout to position nodes, with each book represented as a point linked to its subject keywords. The code retrieves data via an XQuery query, and the rendering relies on D3’s force simulation to cluster related items, making thematic groupings visible at a glance.

CCliffordAnderson

65% match

Loading thumbnail…

Gist 466252

This example is a data-art composition built from a personal list of recommended web design and programming books, rendered as an interactive force-directed graph. It visualizes the relationships between books, their authors, and their associated topics (like usability, web standards, JavaScript, Ruby, and Rails) using `d3.forceSimulation` for physics-based layout and dynamic node positioning. Each book title, URL, and annotation from the original text is embedded as textual nodes and links, with the graph’s structure and labels derived directly from the source gist’s content. The rendering approach uses SVG elements updated via D3’s data join, and while no explicit additional libraries are mentioned, the code relies on standard D3 v4+ APIs for simulation, drag behavior, and tick updates to show the clustered, interlinked reading list.

DDylanFM

64% match