Skip to main content
100%

Happy Gilmore

✓ Published0🌍 Public
Aamundo
Last edited Sep 4, 2018
Created on Sep 4, 2018

This example transforms an XML movie collection into a styled HTML list using XSLT. The stylesheet matches the root `<collection>` element and iterates over each `<movie>`, extracting the title, year, and genre with `xsl:value-of`. The output is a tan-background page with unordered lists per movie, styled via embedded CSS in the `<style>` block. It demonstrates client-side XML-to-HTML conversion through the `movies.xsl` stylesheet, relying solely on XSLT 1.0 template matching and `xsl:for-each` loops—no JavaScript libraries are involved.

AI-generated description

Similar vizzes

Loading thumbnail…

{$title || " - "}

This example displays a list of EAD (Encoded Archival Description) titles sorted alphabetically from a collection of finalized XML files, rendered as plain paragraph elements in an XHTML page. It uses XQuery 3.1 with the `fn:collection` function to gather titles from `titleproper[@type="filing"]` nodes, and a local template function `local:template` constructs the HTML output, setting a dynamic heading level and tab title. The code demonstrates a server-side, XML-to-HTML transformation pipeline without client-side JavaScript libraries or interactive visualization components.

CCliffordAnderson
63% match
Loading thumbnail…

Gist 3511433

This example renders an X3D MovieTexture schema definition as a visual data-flow diagram. The XSLT file transforms XML schema markup into a structured graphic, likely using D3.js to map element and attribute nodes into a network layout with `d3.forceSimulation` for positioning. It visualizes the hierarchical relationship between the `MovieTexture` element and its attributes like `loop`, `speed`, and `url`, plus the associated `IS` child element. The rendering approach uses SVG paths and computed geometry, with styling inferred from the schema’s type definitions rather than raw data values.

VVeronicaM
62% match
Loading thumbnail…

Gist 3512098

This example visualizes the structure of an XML Schema Definition (XSD) file, specifically the `ViewportType` complex type, using an Extensible Stylesheet Language Transformation (XSLT) file. It shows the hierarchical relationships between elements, attributes, and attribute groups, with type declarations and default values displayed. The rendering relies on XSLT to transform the raw XSD source into a graphical tree layout, though no JavaScript visualization libraries like D3 or Canvas APIs are present in the provided code. Instead, the approach uses pure XSLT transformations to produce an XML-based representation that could be styled externally.

VVeronicaM
61% match
Loading thumbnail…

Convert JSON to Dublin Core in XML

This example shows a live conversion of movie search results from JSON into Dublin Core XML metadata. It retrieves data from the OMDB API using `fetch:text` and `fn:parse-json` to parse the response, then extracts the `Search` array. For each movie, it creates a Dublin Core `title` and `relation` element, mapping the movie title and poster URL respectively. The code uses XQuery 3.1 with the `dc` namespace, and the final output is an XML `<movies>` wrapper. The example demonstrates a straightforward data transformation pipeline, not a visual chart, but it is included in the gallery for its metadata-handling technique.

CCliffordAnderson
60% match
Loading thumbnail…

Gist 3511582

This example uses an XSLT stylesheet to define a skinned 3D model type, organizing bones, muscles, segments, sites, skeleton, and skin as structured XML elements. It specifies attributes for spatial transforms like translation, rotation, and scale, along with default values for rendering. The code leverages XML Schema definitions for the 3D node types, with no JavaScript libraries or rendering APIs involved, as it focuses solely on the schema and markup structure rather than data visualization.

VVeronicaM
60% match
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” in large, centered type on a plain page, demonstrating the fundamental structure of an HTML document that integrates CSS for styling and JavaScript for interactivity. It serves as a minimal introduction to web development with a static rendering approach. The code uses a `<style>` block for presentation and a `<script>` tag that logs “Hello JavaScript!” to the browser console. Additionally, it imports `select` and `csv` from the D3 library, selects an `svg` element to change its background color, and attempts to load a CSV file named `movies-w-year.csv`.

Kkitkid-js
59% match
Loading thumbnail…

Gist 3511536

This example defines an XML Schema for a 3D animation type, specifying virtual characters and animation controls such as loop, speed, start and stop times, and transition duration. It uses XSLT to process the schema, referencing X3D-like node groups and attributes from the `xmta` namespace. The code models animation behavior through typed attributes like `SFBool` for looping and `SFFloat` for speed, with a `DefUseGroup` for reusability, but does not include any concrete visualization or rendering library.

VVeronicaM
57% match
Loading thumbnail…

Fork of HTML Starter

This example presents a hierarchical tree visualization of movies organized by year, genre, and title. It uses D3.js version 3 to render SVG shapes—circles for years, rectangles for genres, and ellipses for individual movies—with distinct color coding per category. The tree layout is built from a static JavaScript data structure that lists movies under release years and genres. A legend in the top-right corner explains the shape-color mappings, while CSS styling controls the visual appearance, including node cursors and link colors. The visualization demonstrates a simple, static branching structure without interactive behavior.

Ppavan vasamsetti
57% match