effect/schema walkthrough

100%

effect/schema walkthrough

✓ Published0🌍 Public

Last edited Jun 10, 2024

Created on Jun 10, 2024

This example demonstrates how to declare and use a schema with the Effect Schema library, showing the conversion between encoded and decoded data shapes. The code defines a `Person` struct with a string `name` and an `age` field that arrives as a string but is decoded into a number. It uses `S.Struct`, `S.String`, and `S.NumberFromString` from `@effect/schema`, along with the `decodeSync` method to transform an encoded object into its typed counterpart. The test, written with Vitest, verifies the decoded result matches the expected `Person` type.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist db8c3f8fda7a4d6857a10214268a0047

This example demonstrates a JSON schema that defines the structure of a calendar event, specifying properties such as start and end dates, summary, location, and description. It shows the required fields and data formats needed to represent an event, likely for use in a scheduling or event-management interface. The schema itself is the core artifact, using standard JSON Schema draft 2020-12 conventions. No external visualization libraries are employed; the example focuses purely on the data contract. The rendering approach is not depicted, as the code provides only the schema definition.

MMoritzStefaner

47% match

Loading thumbnail…

Gist be32a2ac117700d3dbde6b0824367ba5

This example demonstrates how to create a simple database table visualization from a SQL schema definition. The code defines a `Demo` table with three columns—`ID`, `Key`, and `Value`—and shows how to map those column types and constraints into a visual entity-relationship style diagram. Using the provided `CREATE TABLE` statement as the data source, the visualization renders each column as a node, with the primary key and nullable attributes indicated through distinct visual encodings. The implementation leverages `d3.forceSimulation` for the node layout and `d3.geoPath` for any geometric rendering, while relying on standard DOM elements for interactivity. No additional behavior beyond the table’s structural representation is implied.

HHugoberry

47% match

Loading thumbnail…

Schematron example

This example demonstrates how Schematron rules enforce document constraints, reporting human-readable diagnostics for missing or invalid data. It shows two validation patterns: one requiring an `authorized` attribute on `author` elements, and another ensuring `date` elements contain valid `xs:gYear` values. The schema uses Schematron’s `rule`, `assert`, and `diagnostics` elements, with XPath expressions like `text() castable as xs:gYear` and `../title/text()` to locate context and produce tailored error messages. The source is an XML file defining validation logic, not a graphical visualization, so no rendering libraries or canvas APIs are used.

CCliffordAnderson

46% match

Loading thumbnail…

JavaScript Basics

This example demonstrates fundamental JavaScript syntax and programming concepts through a series of commented-out code snippets, with only the final function call active. The active code defines a `person` function that returns an object with `first` and `last` properties, then logs the result of calling it with `('Jane', 'Doe')` to the console. The rendered output is an empty SVG element, as the example focuses on console-based learning rather than visual output. It serves as a minimal HTML page using raw JavaScript, with no external libraries or frameworks.

HHayden-V

46% match

Loading thumbnail…

Js Basics

This example demonstrates basic JavaScript syntax and concepts through a series of commented-out code snippets, culminating in an active arrow function that creates a person object and logs it to the console. The page contains an empty SVG element with a 960 by 500 pixel canvas, though no visual output is rendered. The code explores variable declaration, arithmetic operations, object creation, and function definitions, contrasting traditional function expressions with ES6 arrow functions and shorthand property syntax. The active example defines a `person` function that returns an object with `first` and `last` properties, then invokes it with the arguments 'Jane' and 'Doe' to log `{first: "Jane", last: "Doe"}` to the browser console. The rendering approach is purely HTML with inline SVG and JavaScript, requiring no external libraries.

PPrince Kumar

46% match

Loading thumbnail…

Swift Structs to Decode Gists API

This example shows Swift structs that decode the GitHub Gists API response for a user's public gists, modeling the `Gist`, `File`, and `Owner` objects with their nested properties. It uses the `Codable` protocol and a `JSONDecoder` with an ISO 8601 date strategy to parse the JSON from `https://api.github.com/users/kevingutowski/gists`, mapping snake_case API fields like `forks_url` to camelCase Swift properties via `CodingKeys`. The code also demonstrates decoding the dynamic `files` dictionary using `GenericCodingKeys` to handle arbitrary filenames.

KKevinGutowski

46% match

Loading thumbnail…

This is my example code from our classroom exercise

This example visualizes stage directions from a TEI-encoded text by associating each person with the stages they appear in. The XQuery code iterates through `//person` elements and collects matching `//stage` elements based on the `@who` attribute, outputting a structured XML list of directions per character. It relies on the TEI namespace and uses `fn:tokenize` to parse multiple ID references. The result is a plain XML document, not a graphical rendering, serving as a preprocessing step for potential downstream visualization.

CCliffordAnderson

46% match

Loading thumbnail…

JS Bin

This example demonstrates JavaScript destructuring and template literal syntax, contrasting a concise ES6+ implementation with its transpiled ES5 equivalent. The page’s source code includes a hand-written JavaScript version using `const` and arrow functions, alongside a generated `'use strict'` script that employs `var` and helper functions like `printName` to achieve the same console output. The data being processed is a simple inline object literal with a name and age property. The visualization is purely textual, relying on the browser’s console to show the logged results of both code paths.

AAlsaxian

45% match