Test

100%

✓ Published1🌍 Public

Last edited Oct 19, 2022

Created on Oct 16, 2022

This example demonstrates the use of inline SVG shapes within a minimal HTML page, set against a black background with hidden overflow. The visualization relies on standard HTML and SVG elements without additional JavaScript libraries or data processing. The page contains no visible rendering logic or dynamic behavior, serving primarily as a static scaffold for SVG content. The included iframe links to an external YouTube video, which is unrelated to the displayed graphic. The code does not use D3, Canvas, Three.js, or any other visualization API; it only defines basic document structure and styling.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Test D3.js

A minimal, blank SVG canvas of 960 by 500 pixels serves as the sole visual output, framed by a hidden-overflow layout. The example demonstrates a foundational D3.js setup, embedding an empty SVG element and linking a separate stylesheet that zeroes the page margin. No marks, axes, or data are rendered; the page simply establishes the structural and stylistic baseline for future D3.js visualizations. The code relies on the raw SVG API within an HTML document, with D3.js not yet invoked.

Llukasbro

80% match

Loading thumbnail…

Test

This example renders a minimal standalone webpage containing a single SVG circle. The HTML document includes a YouTube video embed and a basic SVG element with a circle of radius 43. The visualization demonstrates bare-bones SVG markup directly in the page source, with no JavaScript libraries or data processing involved. The rendering relies entirely on the browser’s native SVG support.

Mm.

79% match

Loading thumbnail…

HTML Starter

This example displays basic SVG shapes—two circles and two rectangles—on a blank canvas. It demonstrates how to create a minimal HTML page with inline SVG markup, using the `<svg>`, `<circle>`, and `<rect>` elements. The first pair of shapes uses default black fills, while the second pair specifies explicit colors via the `fill` attribute. The page relies on plain HTML and CSS, with no JavaScript libraries or external data sources. The `index.css` file sets the body to hide overflow, ensuring the 960×500 SVG renders edge-to-edge.

RRamaswamy Narayanan OB

78% match

Loading thumbnail…

SVG Fundamentels

This example displays a minimal set of SVG shapes—a black line, two filled circles, and a stroked rectangle—drawn directly in an HTML page. The illustration demonstrates fundamental vector graphics primitives and their attributes such as `cx`, `cy`, `r`, `fill`, and `stroke`. The code uses raw SVG markup within `index.html` without any JavaScript libraries or frameworks, relying on the browser’s native rendering. No data source is present; the visualization purely showcases SVG syntax and coordinate space.

Hhivefi

78% match

Loading thumbnail…

Teste html

This example shows a hand-coded collection of basic SVG shapes: a green circle, red and blue axes, and a yellow rectangle. The code uses plain SVG elements (`circle`, `line`, `rect`) within an `<svg>` tag, with styling applied via presentation attributes like `fill`, `stroke-width`, and `stroke`. No JavaScript or external libraries are used; the visualization is a static test page rendered directly in HTML.

MMagessi

78% match

Loading thumbnail…

Shapes and Colors with SVG and CSS

This example displays an empty SVG canvas with a hidden overflow, logging the D3 library version to the console. It uses D3 v5 and relies on CSS for styling, with an SVG element sized at 960 by 500 pixels. The page demonstrates a minimal setup for SVG-based visualization, where the script confirms D3’s availability but renders no shapes or colors.

HHaniAlHawasli

78% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates basic SVG shapes rendered directly in an HTML page, including a circle, rectangle, line, and text element. The shapes use explicit SVG attributes for positioning, dimensions, fill colors, and stroke properties, such as `fill`, `stroke`, and `stroke-width`. Rendered as inline SVG within a 900x500 viewport, the visualization serves as a minimal starter template showing how SVG primitives can be combined without any JavaScript libraries or data processing. The code includes an empty script tag and a CSS keyframe animation, but no dynamic behavior is triggered.

Aahavagowtham

78% match

Loading thumbnail…

Shapes and Colors with SVG and CSS

This example demonstrates the use of SVG and CSS to create a simple, blank canvas with a 960×500 pixel viewport. The page loads D3 v5 and logs the library to the console, showing how a minimal setup integrates D3 with custom styling. The HTML embeds an empty SVG element, while the linked stylesheet removes default margins and hides overflow on the body. The code relies on the `d3` global object and standard SVG elements, with no data or visual shapes generated yet.

Ppoudelnisha

78% match