Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
SSMIT9102
Last edited Feb 28, 2021
Created on Feb 28, 2021
Forked from HTML Starter

This canvas sketch draws a single arc using JavaScript’s 2D drawing API. The code accesses the canvas context, initiates a path, and strokes a 120-degree arc centered at coordinates (95,50) with a radius of 40 pixels. Below the graphic, the page displays the current date and time, generated via JavaScript’s `Date` object and inserted into a paragraph element. The visualization shows a minimal geometric shape alongside a live timestamp, demonstrating basic canvas and DOM manipulation.

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 simple geometric composition rendered as SVG, featuring a large circle flanked by two smaller circles and a curved arc shape. The drawing is built with React components and the D3 `arc` function, which generates the path for the crescent-like form. All shapes are positioned within an SVG canvas using fixed coordinates and transformations, with the arc defined by inner and outer radii and specific start and end angles. The code demonstrates how React and D3 can be combined to create static vector graphics.

Bbrian13th
82% match
Loading thumbnail…

Fork of HTML Starter

This example displays a single circle centered within an SVG canvas. The circle is drawn directly using SVG markup, with its center positioned at (480, 250) and a radius of 100 pixels. The page relies on HTML, CSS, and JavaScript, with the body margin removed to maximize the drawing area. The SVG element is set to 960 by 500 pixels, and the styling ensures the visualization fills the viewport without scrolling.

IIan-Eschler
82% match
Loading thumbnail…

Fork of HTML Starter

This example displays a single large circle centered within an SVG canvas, rendered against a blank page with no margin. It demonstrates a minimal setup using vanilla HTML, CSS, and JavaScript, with the circle’s geometry defined directly as SVG attributes. The page also logs a message to the browser’s console via the JavaScript `console.log` API, illustrating a basic script execution alongside static vector graphics.

Llp-akhileshsingh
81% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates fundamental SVG shapes and path commands on a 500 by 500 canvas. The code draws circles, rectangles, and lines with fixed pixel coordinates, along with several paths that use the `M` (move to) and `L` (line to) commands. A simple rectangle outlines the drawing area with vertical and horizontal crosshairs extending beyond its bounds. The visualization is static, using pure SVG markup without any JavaScript libraries or data sources.

BBen M
81% 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
81% match
Loading thumbnail…

Fork of HTML Starter

This example shows a single large circle rendered at the center of an SVG canvas, creating a basic static visual. The circle is defined with a radius of 200 pixels and positioned at the midpoint of a 960 by 500 coordinate space. The display relies entirely on native SVG elements within the HTML markup, using no JavaScript or external data sources. The result is a minimal demonstration of how SVG shapes can be placed and styled directly in an HTML document.

Vvvs1680
80% match
Loading thumbnail…

Fork of HTML Starter

This example displays a static SVG scene composed of a red circle, a green rectangle, a thick black line, and a zigzag path, all rendered on a 960 by 500 pixel canvas. The shapes are created directly in HTML using SVG elements such as `circle`, `rect`, `line`, `path`, and `g`, with styling applied through CSS attributes like `fill`, `stroke`, and `stroke-width`. No external libraries or data sources are used; the visualization relies solely on native SVG markup and inline presentation attributes to demonstrate basic geometric drawing capabilities.

Ddepane12
80% match
Loading thumbnail…

Fork of HTML Starter

This example displays a single dark circle centered on a blank SVG canvas, demonstrating the basic structure of an HTML page with embedded CSS and JavaScript. The rendered output is produced through an inline SVG element that defines a circle with a specified radius and position using SVG attributes. The code relies on standard web technologies—HTML, CSS, and JavaScript—without any external libraries or frameworks. It serves as a minimal, static starter template for more complex visualizations, with the SVG coordinate system and viewport set to a fixed width and height.

VVonBrank
80% match