Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Blank Slate with Hot Reloading

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed