Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
VVioleta Roizman
Last edited Mar 10, 2021
Created on Mar 10, 2021
Forked from HTML Starter

This example displays a single large, centered SVG polygon on a plain white page, with the text “Fork of HTML Starter” as the title. The page uses a CSS style block to set the body’s text alignment and font size to 13em, while the JavaScript-free HTML directly embeds an SVG element containing a polygon tag. The minimal setup demonstrates basic static SVG rendering without any data or interaction, serving as a bare-bones template for further visualization work.

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 displays a single empty SVG element with the text “Fork of HTML Starter” styled at a massive 13em font size. The code creates a second SVG element dynamically using `document.createElement` and appends it to the body, though neither SVG contains any drawn content. It demonstrates the basics of embedding SVG in an HTML page alongside CSS styling and vanilla JavaScript, with no external libraries or data sources involved.

EEevikettu
89% match
Loading thumbnail…

Fork of HTML Starter

This example is a fork of the HTML starter, presenting a static SVG composition of overlapping rectangles, circles, lines, and text. It demonstrates the raw use of SVG elements alongside inline CSS and JavaScript within a single HTML file. The visualization is rendered entirely through SVG, with shapes defined by fixed coordinates and attributes, and the text element displays a message about the author's affinity for the format. It serves as a minimal, hand-coded illustration of SVG’s vector graphics capabilities without any external libraries or data.

Aamp1enator@gmail.com
88% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that uses CSS for styling and JavaScript for basic interactivity. It displays the text “Hello HTML!” in a large, centered font and includes an empty SVG circle element, showcasing how SVG shapes can be added to a page. The code uses plain CSS rules and raw SVG markup, with no external libraries or frameworks. The data visualization is static, emphasizing the foundational structure of web-based rendering.

AAhmed Mamdouh
88% match
Loading thumbnail…

Fork of HTML Starter

A simple HTML page renders a single large circle on an SVG canvas, with the text "Fork of HTML Starter" displayed in the browser title. The page uses plain HTML, CSS, and JavaScript, with the circle drawn via an inline `<svg>` element. The CSS styles the text for size and alignment, while the SVG circle is positioned near the top-left corner. This minimal example demonstrates the basic structure of an HTML document combined with SVG for vector graphics, requiring no external libraries or data sources.

Cchenkaiser
88% match
Loading thumbnail…

Fork of HTML Starter

A square outlined in black contains a plain gray triangle drawn with an SVG path. The fork demonstrates a minimal HTML page that uses inline SVG markup to render static shapes, with styling and geometry defined directly in the markup. It uses the SVG `<rect>` and `<path>` elements within an `<svg>` viewport of 800 by 600 pixels. The example illustrates how raw SVG can be embedded without any JavaScript libraries, serving as a baseline for more complex data visualizations.

YyousefHelly
88% match
Loading thumbnail…

Fork of HTML Starter

This example renders a minimal HTML page with large centered text reading “Hello HTML” and an empty SVG circle element with a radius of 100 units. The page uses plain CSS for styling and inline SVG markup for the circle, with no JavaScript logic or data binding. The SVG circle appears without fill or stroke styling, showing the default rendering of an unadorned SVG shape. The code demonstrates basic HTML document structure and SVG integration within a static webpage.

Ccarlosrone
88% match
Loading thumbnail…

Fork of HTML Starter

This example displays a blank SVG canvas with the text "HTML Starter" styled at a large font size. The page uses vanilla HTML and CSS, with a small JavaScript snippet that creates a new SVG element and appends it to the document body, though this results in showing only the styled message. The SVG’s defined width and height of 960 by 500 pixels are visible in the markup, but no data or additional visualizations are rendered. It serves as a minimal starter template for web-based graphics.

SShannon Teoh
87% match
Loading thumbnail…

Fork of HTML Starter

This example displays a simple SVG scene with a large green circle and two smaller unfilled circles positioned symmetrically inside it. The rendering uses raw SVG elements defined directly in the HTML file, with CSS styling for the body and a font-size rule that is not applied to any visible text. JavaScript is not used; the visualization relies solely on static markup and inline SVG attributes for positioning and appearance.

AAdam Idone
87% match