Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep 2: Pseudo barchart

Public visualization

Viewing a saved revision (read-only)

2fc9f7d054a14406a6759976b93735dc

Ep 2: Pseudo barchart

0 stars1🌍 Public
Kkwambokar
Last edited Aug 6, 2022
Created on Aug 6, 2022

This example displays a minimal bar chart built with raw SVG elements, rendered directly in a static HTML page. The chart uses four black rectangles of varying heights and widths, arranged horizontally, with a white background drawn as a path. The bars are positioned via explicit `x` and `y` coordinates, with dimensions set through `width` and `height` attributes. The code relies solely on inline SVG markup without external libraries, using `rect` elements and a `clipPath` definition, all styled through CSS reset in the `body` tag.

AI-generated description

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

See also React Starter.