Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of responsive do you feel the heat tablet

Public visualization

Viewing a saved revision (read-only)

2a7db17f722944eba7b52af119888e38

Fork of responsive do you feel the heat tablet

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

This visualization presents a simple question—"DO YOU FEEL THE HEAT?"—as a horizontal gradient bar ranging from 1 to 5, overlaid with white tick marks and a line chart-like annotation. The code embeds an Observable notebook iframe alongside an inline SVG, using CSS media queries for responsive sizing. The SVG applies a linear gradient from white through yellow, orange, pink, and purple to dark blue, with text rendered in the Myriad Pro font. The implementation uses plain HTML, CSS, and SVG, with no external JavaScript libraries.

AI-generated description

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

See also React Starter.