Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

getting started with svg and data visualizations

Public visualization

Viewing a saved revision (read-only)

10faaed75889496493b9bd96b7668d40

getting started with svg and data visualizations

0 stars0🌍 Public
Ppuya ars
Last edited May 13, 2022
Created on May 13, 2022
Forked from HTML Starter

This example demonstrates how to manually construct SVG elements to create a simple bar chart from a list of web development topics. It uses raw SVG primitives, including `<text>` for labels and a `<path>` with `M` and `l` commands to draw horizontal bars, with hardcoded coordinates. The page also includes basic CSS resets to control box sizing. No external libraries are used; the visualization relies entirely on static SVG markup within an HTML document.

AI-generated description

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

See also React Starter.