Skip to main content
SimilarExport ZIP
100%

Sample RELAX NG for book-relaxng.xml

✓ Published0🌍 Public
CCliffordAnderson
Last edited May 26, 2014
Created on May 26, 2014

This example visualizes a RELAX NG compact syntax schema for book metadata, transforming the grammar into a node-link diagram. It shows the hierarchical relationships between elements like `author`, `title`, `publisher`, and `price`, along with their attributes and data constraints. The rendering uses a force-directed layout to position nodes and links, with the schema’s pattern-based text restrictions displayed as labels. The code defines the grammar in `.rnc` format, and the visualization likely employs JavaScript libraries for graph drawing, though the specific API calls are not shown in the provided snippet.

AI-generated description

Similar vizzes

Loading thumbnail…

Using both RELAX NG & Schematron for validation

This example shows how RELAX NG and Schematron can be combined to validate a single XML document, using a compact schema (`book.rnc`) for structural rules and a Schematron schema (`book.sch`) for additional business-logic checks. The XML file (`book.xml`) references both validation engines via `xml-model` processing instructions. The RELAX NG schema defines element and attribute patterns, including regular-expression constraints for the author and title attributes. The Schematron schema adds rule-based assertions, such as requiring an `authorized` attribute and verifying the publication date is a valid `xs:gYear`. The sample book data contains a deliberate error—an invalid `authorized` attribute—to trigger a diagnostic message.

CCliffordAnderson
71% 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
63% match
Loading thumbnail…

GraphML data

This example visualizes a directed graph of library catalog records, showing nodes for authors, works, and subject categories connected by edges. The graph uses GraphML data parsed from an XML file, with node labels and properties like author names and categories displayed. The visualization is rendered using D3.js force-directed layout, where nodes are positioned by a physics simulation and edges show relationships. The data comes from a gist by CliffordAnderson, illustrating a bibliographic network.

CCliffordAnderson
63% match
Loading thumbnail…

The curious incident of the dog in the night-time

This example shows the distribution of prices for a single book listing, encoded as a force-directed network of XML nodes. The visualization maps the document hierarchy onto a physics simulation, with parent-child relationships represented as links in a `d3.forceSimulation`. Each element and text node becomes a circle, with size and color encoding the price field’s presence and the node type. The code uses `d3.forceLink` for edges, `d3.forceCollide` for spacing, and renders with SVG `circle` and `line` elements. Data comes from an embedded `book-relaxng.xml` string, parsed via `DOMParser`, and the layout animates on each tick to reveal the structural nesting of the price attribute.

CCliffordAnderson
62% match
Loading thumbnail…

31337 Book

A radial network diagram maps the planned chapters of a book titled "31337 Book," using a force-directed layout to arrange topics like Perfectionism and Security around a central node. The visualization loads data from a Markdown file via `d3.json` and renders interactive nodes and links with `d3.forceSimulation` and `d3.forceCollide`, allowing users to drag nodes and see the author’s proposed structure. Hovering highlights connections, while static text labels persist for clarity. The layout emphasizes the non-linear, collaborative nature of the book’s outline.

RRestuta
62% 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
61% match
Loading thumbnail…

Gist 5f3654a871cd25cd4baf9fd51347d607

This example visualizes a collection of syntax-highlighting configuration files for the Nano text editor, showing how the project bundles support for dozens of programming and markup languages. The visualization uses a network graph built with D3.js’s `d3.forceSimulation` to display the relationships between files, where each node represents a `.nanorc` include directive and edges link the main configuration to its language-specific files. The rendering relies on `d3.geoPath` for any geometric elements and Canvas `getImageData` to analyze pixel-level details, while the data source is the raw text of the Gist’s file listing. The layout’s physics engine positions nodes dynamically, highlighting the hierarchical dependency structure of the includes.

115Dkatz
60% 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
60% match