Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

5185c5299d8e4684b5089c8605bd2932

Fork of Fork of Fork of HTML Starter

0 stars1🌍 Public
Ssirenajbpearl@gmail.com
Last edited Aug 3, 2024
Created on Aug 3, 2024

This example visualizes a survey-like question, "DO YOU FEEL THE HEAT?", presented as a horizontal gradient bar with numeric endpoints (1 to 5) and a central line marker. The SVG drawing uses embedded CSS classes and a linear gradient definition to style the graphic. The visualization is embedded in an HTML page that also loads a Roboto font and an external Observable notebook iframe. The rendering relies on SVG elements like `<rect>`, `<line>`, and `<text>` with custom styling, while the iframe fetches data from Observable. The static SVG structure is fixed, with no interactive or dynamic behavior.

AI-generated description

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

See also React Starter.