Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

fbdddb2b42884c6a99cabd651b2ab1e8

Fork of Hello VizHub

0 stars0🌍 Public
KKj
Last edited Feb 11, 2023
Created on Feb 11, 2023
Forked from Hello VizHub

This example demonstrates a simple SVG composition that combines a mask with a heart-shaped cutout to display a message. It uses D3.js v5's `select` to target a div and set its text content, while also importing a local ES6 module to supply the greeting. The page renders an orange polygon and a masked circle, with the mask defining a heart silhouette through SVG paths and rectangles. The visualization showcases fundamental D3 and SVG capabilities, including the use of conditional masking and modular JavaScript imports, all within a basic HTML structure loaded from a CDN.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.