Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Creating a line

Public visualization

Creating a line

0 stars0🌍 Public
Mmuskan20bbad11
Last edited Apr 10, 2023
Created on Apr 10, 2023
Forked from HTML Starter

This example shows two ways to draw a single blue line using inline SVG markup. The first segment is a simple `<line>` element that stretches diagonally from the top edge to the middle of the canvas. The second part uses a `<path>` element with a `d` attribute containing absolute coordinates to continue the line through several sharp turns before ending near the top. Both shapes share the same stroke color and width, creating a continuous visual stroke. The code relies solely on native SVG, with no external libraries or data processing.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed