Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Cchengfengmf
Last edited May 4, 2021
Created on May 4, 2021
Forked from HTML Starter

This example shows a single empty SVG canvas with a rectangle that has negative height and rounded corners. The rectangle is drawn using the SVG `rect` element with an `rx` and `ry` of 15, but since the height is negative, the shape may not render as expected. The page is a minimal HTML document that uses inline CSS and JavaScript, though no scripts or styles are defined. The SVG is rendered directly in the browser, with a viewBox of 520 by 520 pixels. No external libraries or data sources are used; it is a static, self-contained visualization.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example shows a blank browser window with a single small black square rendered in the upper-left corner of an SVG canvas. The code creates an SVG element with a width of 950 pixels and a height of 500 pixels using the native Document Object Model API `document.createElementNS`, then appends a rectangle with both width and height set to 100 pixels. No data source is involved; the visualization is purely a static demonstration of programmatic SVG construction using vanilla JavaScript without any external libraries. The render approach relies directly on browser-native SVG namespace methods.

OOmid Golshan
88% match
Loading thumbnail…

Fork of HTML Starter

This example shows a minimal SVG visualization consisting of a single large circle centered on a 960×500 canvas. The circle is rendered using raw SVG markup with a radius of 200 pixels and no fill or stroke styling, making it nearly invisible against the white background. The implementation relies on inline CSS in the HTML head to set page margins and hide overflow, while the SVG element is embedded directly in the body. No JavaScript libraries or data sources are used, making it a bare-bones demonstration of basic HTML, CSS, and SVG structure.

Kksopan
88% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal SVG scene containing a circle and a rectangle, rendered directly within an HTML document. The circle is positioned at coordinates (50, 50) with a radius of 50 and an empty fill attribute, while the rectangle spans from x=150 to y=10 with dimensions of 100 by 100 pixels. The rendering relies on the browser's native SVG support, with no external JavaScript or CSS libraries employed. The code illustrates the fundamental structure of an SVG canvas, using basic shapes without additional styling, interaction, or data-driven logic.

HHimanshu Yadav
88% match
Loading thumbnail…

Fork of HTML Starter

This example renders an empty SVG canvas with a width of 960 pixels. Built with React and rendered as SVG, it uses a plain HTML page with embedded CSS and JavaScript to establish the document structure. The visualization currently displays no data or graphical elements, serving as a minimal starting point for creating custom charts or graphics. It references both a CSS and JavaScript starter for extending the template.

RRickRobinson17
87% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates fundamental SVG shapes—rectangles, circles, ellipses, lines, polylines, polygons, and paths—rendered directly into an SVG element with inline CSS and JavaScript. It serves as a minimal HTML starter page, using native SVG markup with attributes like `rx`, `stroke`, and `fill` to style transparent-outlined figures. The shapes are positioned across a 400-by-250 viewport, followed by a centered text label. The code relies entirely on browser-native SVG support and standard HTML/CSS, with no external libraries, illustrating basic vector graphics construction in a static React-free environment.

Sstefano@nava.ch
87% match
Loading thumbnail…

Fork of HTML Starter

This is a minimal SVG example demonstrating fundamental shapes—a circle, rectangle, and path—drawn with raw SVG markup in an HTML page. The code uses no external libraries or frameworks; instead, it relies directly on SVG elements like `<circle>`, `<rect>`, and `<path>` to produce a static composition centered on a 960 by 500 canvas. With a maroon circle, a white rectangle, and a black horizontal line, the visualization highlights basic geometric construction and inline styling, offering a straightforward starting point for SVG coding.

Mmarvin.linardy@hotmail.com
87% match
Loading thumbnail…

Fork of HTML Starter

This example displays a blank SVG canvas with a single empty circle element, centered on a page where the body text is scaled to an enormous 13em font size. The HTML page uses inline CSS for styling and JavaScript to log a message to the browser’s developer console. The visualization demonstrates a minimal setup for web-based graphics, relying on standard HTML, CSS, and JavaScript APIs without any external libraries.

Aagmanish
87% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates fundamental SVG shapes, including a circle and a rectangle, composed within a single canvas. The rectangle illustrates both a red stroke and a blue fill, while a second circle is rendered in red, showing how visual properties can vary per element. The code directly uses standard HTML and SVG APIs—specifically the `<svg>`, `<circle>`, and `<rect>` elements—within a simple, self-contained HTML page, with no external libraries involved. The rendering approach is purely declarative SVG markup.

Eedmundo.guerra.ipad@gmail.com
87% match