Skip to main content
SimilarExport ZIP
100%

Mint Solana SPL token + Metadata

✓ Published0🌍 Public
RRestuta
Last edited Apr 8, 2024
Created on Apr 8, 2024

This example demonstrates the process of creating and minting a fungible SPL token with metadata on the Solana blockchain. It creates a new token with a configurable name, symbol, and metadata URI, setting a supply of 100 million tokens with 8 decimal places. The code uses the `@metaplex-foundation/umi` library for blockchain interaction and `@metaplex-foundation/mpl-token-metadata` for the `createAndMint` function, alongside `@solana/web3.js` for Solana-specific utilities like `LAMPORTS_PER_SOL`. It also integrates `mplToolbox` for setting a compute unit price and `mplCandyMachine` for additional functionality. The minting process is initiated via a transaction builder that sends and confirms the transaction, logging the resulting mint public key.

AI-generated description

Similar vizzes

Loading thumbnail…

Generated by SassMeister.com.

This example demonstrates a Sass (SCSS) utility-class generator that creates a custom design-token system and applies multiple generated classes to a single element. It shows how `@mixin`, `@extend`, `map.set`, `map.get`, and `unique-id()` are used to dynamically define and store reusable mixins for padding, margin, text color, and background-color. The code iterates over token maps for sizes (40, 48, 56) and colors (red, blue, green), generating CSS custom properties with fallback values (e.g., `var(--size-40, 2.5rem)`). The final `.element` rule combines these mixins via `@include apply-mixin`, resulting in compiled CSS that sets padding, margin, color, and background-color. The example’s output is visible in the generated `output.css` file, which uses an expanded output style with Dart Sass 1.32.12.

HHypercubed
41% match
Loading thumbnail…

Fork of Sollewitt repro vertical

This example reworks a Sol LeWitt-inspired wall drawing using the browser’s JavaScript API. It shows a full-window SVG canvas with a single green square rectangle placed at the top-left corner. The code constructs the SVG element and its child rect via `document.createElementNS`, sets their width and height attributes, and appends them to the page body. The visualization focuses on the fundamental process of programmatic SVG generation. A commented-out section hints at a circular mask and layered stripes, but the active code renders only the basic rectangle.

Mmuhmdabdollahi@gmail.com
40% match
Loading thumbnail…

Sol LeWitt Platt - circle mask

This example creates a minimal Sol LeWitt-inspired drawing using raw SVG and JavaScript, rendering 100 horizontal stripe rectangles of 10-pixel height across the full viewport. A circular mask, defined via the SVG `<mask>` element with a white circle, clips the stripes into a central circular region at the screen’s midpoint. The code dynamically generates the SVG namespace elements (`document.createElementNS`) for the mask, circle, and rectangles, mimicking a generative art process with no external libraries. The result is a stark black-and-white composition that isolates the line pattern within the circle, referencing LeWitt’s geometric wall drawings.

NNatalia BM
39% match
Loading thumbnail…

Cardano Node Test Metadata

This example visualizes the metadata structure of a Cardano stake pool as defined in a single `poolMetadata.json` file. It shows the JSON object’s key–value pairs—name, description, ticker, and homepage—rendered as a node-link diagram. The visualization uses `d3.forceSimulation` to position the central node and its attribute children, with text labels displayed via SVG. The source is a gist authored by Brideau, and the rendering approach relies on D3’s data join to bind the JSON fields to visual elements. The ticker "TEST" and description are directly mapped to visible text, while the homepage URL appears as a label without further interaction.

BBrideau
39% match
Loading thumbnail…

Sol LeWitt

This example renders a generative composition inspired by Sol LeWitt using raw SVG creation via JavaScript. It constructs a full-screen SVG and uses two masks to create a circular cutout: one mask reveals vertical stripes outside the circle, while another reveals horizontal stripes inside it. The code manually creates SVG elements using the `document.createElementNS` API and sets attributes directly, without using any external libraries. The result is a static, geometric pattern of 100 vertical and 100 horizontal rectangular stripes that alternate based on their position relative to the central circle.

JJamie
39% match
Loading thumbnail…

A model MODS document

This example shows a blank metadata template for a MODS document, a standard XML format for bibliographic records. It visualizes the empty structure of the schema, including fields for title, creator, language, subject, and publication details. The code parses the XML using JavaScript’s DOMParser and renders the hierarchy as a node-link diagram with d3.forceSimulation for layout and d3.hierarchy for tree traversal. The visualization does not load external data beyond the provided mods.xml file, focusing solely on the schema’s skeleton.

CCliffordAnderson
39% match
Loading thumbnail…

Fork of Sol LeWitt reproduction Mask

This example reproduces a Sol LeWitt art piece as an interactive SVG visualization. It shows a field of vertical rectangular stripes that are fully visible outside a central circular area, where they are masked out to reveal a blank region. The code uses raw JavaScript and DOM manipulation to construct an SVG `mask` element containing a white background rectangle and a black circle, then applies that mask to 100 overlapping vertical rectangles via the `url(#circle-mask)` reference. The rendering approach is purely procedural, generating shapes directly with `document.createElementNS` without any external data or libraries.

ZzolboBatsaikhan
39% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG elements. It generates 100 vertical rectangles, each 10 pixels wide, that span the full height of the viewport. A circular mask, centered on the screen with a 200-pixel radius, limits the visible portion of these bars, creating a clean, geometric composition. The code uses the SVG `mask` element and dynamically creates rectangles and the circle via standard DOM APIs, with no external libraries or data sources.

Ssariyya-abdullayeva
39% match