Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Psuedo bar chart SVG from Figma

Public visualization

Viewing a saved revision (read-only)

8cfd4011318a4d3b917974ddc9784738

Psuedo bar chart SVG from Figma

0 stars0🌍 Public
NNita
Last edited Mar 13, 2021
Created on Mar 13, 2021
Forked from HTML Starter

This example shows a pseudo bar chart rendered as static SVG rectangles on a gray background, with black bars of varying heights and positions representing categorical data values. The visualization relies on raw SVG elements—specifically `<rect>` tags—defined directly in the HTML, with fixed pixel coordinates and dimensions supplied from a Figma design. The code uses no JavaScript charting library; instead, it employs plain SVG and CSS styling within a React context. The layout is hardcoded, not generated from a dataset, and the bars’ heights and x-positions are manually set in the markup.

AI-generated description

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

See also React Starter.