Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Blank Slate with Hot Reloading

Public visualization

Viewing a saved revision (read-only)

9b95287824d4421f82b12e68c7f829a7

Fork of Blank Slate with Hot Reloading

0 stars0🌍 Public
Tturker.turk@aselsis.com.tr
Last edited Jun 26, 2024
Created on Jun 26, 2024

This example demonstrates a minimal SVG canvas that initially appears blank but responds to user interaction by adjusting a large, centered "Hello!" message through hot reloading. The code sets up an SVG element sized 960 by 500 pixels and uses d3.v7 from a CDN, though the main rendering relies on plain container.innerHTML with inline CSS styles. The JavaScript exports a main function that receives the container and writes the text with a configurable font-size property, while a separate stylesheet applies default margins, hidden overflow, and styled path strokes. The visualization highlights fundamental SVG and CSS usage without complex data binding.

AI-generated description

An example including some commonly used features of SVG.